| OLD | NEW |
| (Empty) |
| 1 <script src="../../resources/js-test.js"></script> | |
| 2 <menu type=context> | |
| 3 <menuitem id=mi1 type=checkbox></menuitem> | |
| 4 <menuitem id=mi2 type=radio radiogroup="g1" checked></menuitem> | |
| 5 <menuitem id=mi3 type=radio radiogroup="g1"></menuitem> | |
| 6 <menuitem id=mi4 type=radio radiogroup="g1"></menuitem> | |
| 7 <menu label="Submenu"> | |
| 8 <menuitem id=_mi1 type=radio radiogroup="g1"></menuitem> | |
| 9 <menuitem id=_mi2 type=radio radiogroup="g1"></menuitem> | |
| 10 <menuitem id=_mi3 type=radio radiogroup="g1"></menuitem> | |
| 11 </menu> | |
| 12 <menuitem id=mi5 type=radio radiogroup="g2" checked></menuitem> | |
| 13 <menuitem id=mi6 type=radio radiogroup="G2"></menuitem> | |
| 14 <menuitem id=mi7 type=radio radiogroup=" g3 " checked></menuitem> | |
| 15 <menuitem id=mi8 type=radio radiogroup=" g3"></menuitem> | |
| 16 <menuitem id=mi9 type=radio radiogroup="" checked></menuitem> | |
| 17 <menuitem id=mi10 type=radio></menuitem> | |
| 18 <menuitem id=mi11 type=radio radiogroup="g4"></menuitem> | |
| 19 <menuitem id=mi12 type=checkbox radiogroup="g4" checked></menuitem> | |
| 20 </menu> | |
| 21 <script> | |
| 22 | |
| 23 description('Test that the "checked" attribute of menuitem is toggled with click
.'); | |
| 24 | |
| 25 var element = document.getElementById('mi1'); | |
| 26 element.click(); | |
| 27 shouldBeTrue('element.hasAttribute("checked")'); | |
| 28 element.click(); | |
| 29 shouldBeFalse('element.hasAttribute("checked")'); | |
| 30 var mi2 = document.getElementById('mi2'); | |
| 31 var mi3 = document.getElementById('mi3'); | |
| 32 var mi4 = document.getElementById('mi4'); | |
| 33 shouldBeTrue('mi2.hasAttribute("checked")'); | |
| 34 mi3.click(); | |
| 35 shouldBeFalse('mi2.hasAttribute("checked")'); | |
| 36 shouldBeTrue('mi3.hasAttribute("checked")'); | |
| 37 mi4.click(); | |
| 38 shouldBeFalse('mi3.hasAttribute("checked")'); | |
| 39 shouldBeTrue('mi4.hasAttribute("checked")'); | |
| 40 // Test clicking menuitem of type=radio which is already checked. | |
| 41 mi4.click(); | |
| 42 shouldBeTrue('mi4.hasAttribute("checked")'); | |
| 43 // Test radiogroup in a submenu. | |
| 44 var _mi1 = document.getElementById('_mi1'); | |
| 45 _mi1.click(); | |
| 46 shouldBeTrue('mi4.hasAttribute("checked")'); | |
| 47 shouldBeTrue('_mi1.hasAttribute("checked")'); | |
| 48 // Test radiogroup case matching. | |
| 49 var mi5 = document.getElementById('mi5'); | |
| 50 var mi6 = document.getElementById('mi6'); | |
| 51 mi6.click(); | |
| 52 shouldBeTrue('mi5.hasAttribute("checked")'); | |
| 53 shouldBeTrue('mi6.hasAttribute("checked")'); | |
| 54 // Test radiogroup white space matching. | |
| 55 var mi7 = document.getElementById('mi7'); | |
| 56 var mi8 = document.getElementById('mi8'); | |
| 57 mi8.click(); | |
| 58 shouldBeTrue('mi7.hasAttribute("checked")'); | |
| 59 shouldBeTrue('mi8.hasAttribute("checked")'); | |
| 60 // Test empty radiogroup. | |
| 61 var mi9 = document.getElementById('mi9'); | |
| 62 var mi10 = document.getElementById('mi10'); | |
| 63 mi10.click(); | |
| 64 shouldBeFalse('mi9.hasAttribute("checked")'); | |
| 65 shouldBeTrue('mi10.hasAttribute("checked")'); | |
| 66 // Test that radiogroup attribute is ignored if type is not radio. | |
| 67 var mi11 = document.getElementById('mi11'); | |
| 68 var mi12 = document.getElementById('mi12'); | |
| 69 mi11.click(); | |
| 70 shouldBeTrue('mi11.hasAttribute("checked")'); | |
| 71 shouldBeFalse('mi12.hasAttribute("checked")'); | |
| 72 </script> | |
| OLD | NEW |