OLD | NEW |
| (Empty) |
1 | |
2 <head> | |
3 <style> | |
4 body { | |
5 margin: 0px; | |
6 } | |
7 div { | |
8 width:200px; | |
9 height:80px; | |
10 } | |
11 summary { | |
12 background-color: red; | |
13 } | |
14 </style> | |
15 | |
16 <script> | |
17 | |
18 var error = false; | |
19 | |
20 var writeLog = function (msg) | |
21 { | |
22 var results = document.getElementById('results'); | |
23 results.innerHTML += msg + '<br>'; | |
24 }; | |
25 | |
26 var clickElement = function (element) { | |
27 | |
28 var detail = document.getElementById("details" + element); | |
29 var old = detail.open; | |
30 | |
31 eventSender.mouseDown(); | |
32 eventSender.mouseUp(); | |
33 | |
34 if (old !== detail.open) { | |
35 writeLog("details" + element + "'s open attribute is expected to be'" +
!old + "' and is."); | |
36 } else { | |
37 writeLog("details" + element + "'s open attribute is expected to be'" +
!old + "' but instead is '" + old + "'."); | |
38 error = true; | |
39 } | |
40 }; | |
41 | |
42 var testElement = function (element) { | |
43 switch (element) { | |
44 case 0: | |
45 eventSender.mouseMoveTo(2, 2); | |
46 break; | |
47 case 1: | |
48 eventSender.mouseMoveTo(2, 158); | |
49 break; | |
50 case 2: | |
51 eventSender.mouseMoveTo(2, 162); | |
52 break; | |
53 case 3: | |
54 eventSender.mouseMoveTo(198, 242); | |
55 break; | |
56 } | |
57 | |
58 clickElement(element); | |
59 clickElement(element); | |
60 }; | |
61 | |
62 var runTests = function () { | |
63 | |
64 if (!window.testRunner || !window.eventSender) | |
65 return; | |
66 | |
67 testRunner.dumpAsText(); | |
68 | |
69 testElement(0); | |
70 testElement(2); | |
71 testElement(3); | |
72 | |
73 writeLog(error ? "FAIL" : "PASS"); | |
74 } | |
75 | |
76 </script> | |
77 | |
78 </head> | |
79 | |
80 <body onload="runTests()"> | |
81 | |
82 <div style="-webkit-writing-mode:horizontal-tb;"> | |
83 <details id="details0"><input></details> | |
84 </div> | |
85 | |
86 <div> | |
87 <details id="details1"><input></details> | |
88 </div> | |
89 | |
90 <div style="-webkit-writing-mode:vertical-lr;"> | |
91 <details id="details2"><input></details> | |
92 </div> | |
93 | |
94 <div style="-webkit-writing-mode:vertical-rl;"> | |
95 <details id="details3"><input></details> | |
96 </div> | |
97 | |
98 <div id="results"> | |
99 </div> | |
100 | |
101 </body> | |
102 | |
OLD | NEW |