OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <head> | 2 <head> |
3 <script src="../../../resources/js-test.js"></script> | 3 <script src="../../../resources/js-test.js"></script> |
4 </head> | 4 </head> |
5 <button id="button" style="height: 100px; width: 100px;"> | 5 <button id="button" style="height: 100px; width: 100px;"> |
6 </button> | 6 </button> |
7 <button id="button_with_contextmenu" contextmenu="menu_id" style="height: 100px;
width: 100px;"> | 7 <button id="button_with_contextmenu" contextmenu="menu_id" style="height: 100px;
width: 100px;"> |
8 <menu id="menu_id" type="PopUp"> | 8 <menu id="menu_id" type="ConText"> |
9 <!-- Test removal of separator at the start. --> | 9 <!-- Test removal of separator at the start. --> |
10 <hr> | 10 <hr> |
11 <menuitem label="Item1"></menuitem> | 11 <menuitem label="Item1"></menuitem> |
12 <!-- Test disabled menuitem. --> | 12 <!-- Test disabled menuitem. --> |
13 <menuitem label="Item2" disabled></menuitem> | 13 <menuitem label="Item2" disabled></menuitem> |
14 <!-- Test addition of separator for <hr>. --> | 14 <!-- Test addition of separator for <hr>. --> |
15 <hr> | 15 <hr> |
16 <menuitem label="Item3"></menuitem> | 16 <menuitem label="Item3"></menuitem> |
17 <!-- Test child menu with label. --> | 17 <!-- Test child menu with label. --> |
18 <menu label="Submenu"> | 18 <menu label="Submenu"> |
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
66 <!-- Test with menu element without type attribute specified. --> | 66 <!-- Test with menu element without type attribute specified. --> |
67 <button id="button_1" contextmenu="menu_without_type" style="height: 100px; widt
h: 100px;"> | 67 <button id="button_1" contextmenu="menu_without_type" style="height: 100px; widt
h: 100px;"> |
68 <menu id="menu_without_type"> | 68 <menu id="menu_without_type"> |
69 <menuitem label="Item1"></menuitem> | 69 <menuitem label="Item1"></menuitem> |
70 <menuitem label="Item2"></menuitem> | 70 <menuitem label="Item2"></menuitem> |
71 <menuitem label="Item3"></menuitem> | 71 <menuitem label="Item3"></menuitem> |
72 </menu> | 72 </menu> |
73 </button> | 73 </button> |
74 <!-- Test cancelling show event. --> | 74 <!-- Test cancelling show event. --> |
75 <button id="button_2" contextmenu="menu_2" style="height: 100px; width: 100px;"> | 75 <button id="button_2" contextmenu="menu_2" style="height: 100px; width: 100px;"> |
76 <menu id="menu_2" type="popup"> | 76 <menu id="menu_2" type="context"> |
77 <menuitem label="Item1"></menuitem> | 77 <menuitem label="Item1"></menuitem> |
78 <menuitem label="Item2"></menuitem> | 78 <menuitem label="Item2"></menuitem> |
79 <menuitem label="Item3"></menuitem> | 79 <menuitem label="Item3"></menuitem> |
80 </menu> | 80 </menu> |
81 </button> | 81 </button> |
82 <!-- Test removing menu element inside show event handler. --> | 82 <!-- Test removing menu element inside show event handler. --> |
83 <button id="button_3" contextmenu="menu_3" style="height: 100px; width: 100px;"> | 83 <button id="button_3" contextmenu="menu_3" style="height: 100px; width: 100px;"> |
84 <menu id="menu_3" type="popup"> | 84 <menu id="menu_3" type="context"> |
85 <menuitem label="Item1"></menuitem> | 85 <menuitem label="Item1"></menuitem> |
86 <menuitem label="Item2"></menuitem> | 86 <menuitem label="Item2"></menuitem> |
87 <menuitem label="Item3"></menuitem> | 87 <menuitem label="Item3"></menuitem> |
88 </menu> | 88 </menu> |
89 </button> | 89 </button> |
90 <!-- Test with menu element without any children. --> | 90 <!-- Test with menu element without any children. --> |
91 <button id="button_4" contextmenu="menu_4" style="height: 100px; width: 100px;"> | 91 <button id="button_4" contextmenu="menu_4" style="height: 100px; width: 100px;"> |
92 <menu id="menu_4" type="popup"> | 92 <menu id="menu_4" type="context"> |
93 </menu> | 93 </menu> |
94 </button> | 94 </button> |
95 <!-- Test if an element A has a parent element, then A's assigned context menu i
s the assigned context menu of its parent element. --> | 95 <!-- Test if an element A has a parent element, then A's assigned context menu i
s the assigned context menu of its parent element. --> |
96 <div contextmenu="menu_5"> | 96 <div contextmenu="menu_5"> |
97 <div> | 97 <div> |
98 <button id="button_5" style="height: 100px; width: 100px;"></button> | 98 <button id="button_5" style="height: 100px; width: 100px;"></button> |
99 </div> | 99 </div> |
100 <menu id="menu_5" type="popup"> | 100 <menu id="menu_5" type="context"> |
101 <menuitem label="Item1"> | 101 <menuitem label="Item1"> |
102 <menuitem label="Item2"> | 102 <menuitem label="Item2"> |
103 <menuitem label="Item3"> | 103 <menuitem label="Item3"> |
104 </menu> | 104 </menu> |
105 </div> | 105 </div> |
106 <script> | 106 <script> |
107 if (!window.eventSender) | 107 if (!window.eventSender) |
108 debug("This test requires window.eventSender.") | 108 debug("This test requires window.eventSender.") |
109 | 109 |
110 function contextClickAndGetMenuItems(element) { | 110 function contextClickAndGetMenuItems(element) { |
(...skipping 80 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
191 shouldBeEqualToNumber("items1.length - items.length", 0); | 191 shouldBeEqualToNumber("items1.length - items.length", 0); |
192 shouldBeEqualToNumber("items2.length - items.length", 0); | 192 shouldBeEqualToNumber("items2.length - items.length", 0); |
193 shouldBeEqualToNumber("items3.length - items.length", 0); | 193 shouldBeEqualToNumber("items3.length - items.length", 0); |
194 shouldBeEqualToNumber("items4.length - items.length", 0); | 194 shouldBeEqualToNumber("items4.length - items.length", 0); |
195 shouldBeEqualToNumber("items5.length - items.length", 3); | 195 shouldBeEqualToNumber("items5.length - items.length", 3); |
196 shouldBeEqualToString("items5[0]", "Item1"); | 196 shouldBeEqualToString("items5[0]", "Item1"); |
197 shouldBeEqualToString("items5[1]", "Item2"); | 197 shouldBeEqualToString("items5[1]", "Item2"); |
198 shouldBeEqualToString("items5[2]", "Item3"); | 198 shouldBeEqualToString("items5[2]", "Item3"); |
199 | 199 |
200 </script> | 200 </script> |
OLD | NEW |