1<!DOCTYPE html>
2<html>
3<head>
4<script>
5
6var expectedEvents = ["dragstart", "dragend"];
7var i = 0;
8
9function recordEvent(e) {
10 log(e.type);
11 if (e.type !== expectedEvents[i]) {
12 log("FAIL - expected " + expectedEvents[i] + " but got " + e.type);
13 } else if (i == expectedEvents.length - 1) {
14 log("SUCCESS");
15 } else {
16 i++;
17 }
18}
19
20
21function log(msg) {
22 var tn = document.createTextNode(msg + "\n");
23 document.getElementById("log").appendChild(tn);
24}
25
26function dragStart(e) {
27 recordEvent(e);
28}
29
30document.ondragend = function(e) {
31 recordEvent(e);
32};
33
34document.ondrop = function(e) {
35 log("FAIL - we should not get a " + e.type);
36};
37
38document.ondragenter = document.ondragover = function(e) {
39 e.preventDefault();
40};
41
42
43</script>
44</head>
45<body>
46 <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=26699">https://bugs.webkit.org/show_bug.cgi?id=26699</a></p>
47
48 <p>Instructions: </p>
49
50 <p>Drag the "Drag Me!" link below</p>
51 <p>Press escape</p>
52
53 <a id="test-link" href="http://webkit.org" ondragstart="dragStart(event)">Drag Me!</a>
54
55 <pre id="log"></pre>
56</body>
57</html>