4 <script src="../../../resources/js-test.js"></script>
5 <script src="../resources/common.js"></script>
9 <select id="select1" size=3>
10 <option selected>a</option>
11 <option style="display: none">b</option>
16 <select id="select2" size=3>
17 <option selected>a</option>
18 <option id="select2-b">b</option>
23 <select id="select3" size=3>
24 <option selected>a</option>
25 <option id='select3-b' style="display: none">b</option>
30 <select id="select4" size=3>
31 <option selected>a</option>
33 <optgroup label="**cd**">
34 <option style="display: none">c</option>
39 <select id="select5" size=3>
40 <option selected>a</option>
42 <optgroup label="**cd**" style="display: none">
50 document.getElementById('select2-b').style.display = 'none';
51 document.getElementById('select3-b').style.display = 'block';
53 description('Tests for select not showing option element with display: none');
55 var select1 = document.getElementById('select1');
57 shouldBeEqualToString('select1.value', 'a');
58 eventSender.keyDown('downArrow');
59 shouldBeEqualToString('select1.value', 'c');
61 var select2 = document.getElementById('select2');
63 shouldBeEqualToString('select2.value', 'a');
64 eventSender.keyDown('downArrow');
65 shouldBeEqualToString('select2.value', 'c');
67 var select3 = document.getElementById('select3');
69 shouldBeEqualToString('select3.value', 'a');
70 eventSender.keyDown('downArrow');
71 shouldBeEqualToString('select3.value', 'b');
73 var select4 = document.getElementById('select4');
75 shouldBeEqualToString('select4.value', 'a');
76 eventSender.keyDown('downArrow');
77 eventSender.keyDown('downArrow');
78 shouldBeEqualToString('select4.value', 'd');
80 var select5 = document.getElementById('select5');
82 shouldBeEqualToString('select5.value', 'a');
83 eventSender.keyDown('downArrow');
84 eventSender.keyDown('downArrow');
85 shouldBeEqualToString('select5.value', 'e');