Index: LayoutTests/fast/forms/select/select-with-display-none-options.html |
diff --git a/LayoutTests/fast/forms/select/select-with-display-none-options.html b/LayoutTests/fast/forms/select/select-with-display-none-options.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..fe2664cb779ec659b45257ca03d406adf1b1b35d |
--- /dev/null |
+++ b/LayoutTests/fast/forms/select/select-with-display-none-options.html |
@@ -0,0 +1,56 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+<script src="../../../resources/js-test.js"></script> |
+<script src="../resources/common.js"></script> |
+</head> |
+<body> |
+ |
+<select id="select1" size=3> |
+<option selected>a</option> |
+<option style="display: none">b</option> |
+<option>c</option> |
+<option>d</option> |
+</select> |
+ |
+<select id="select2" size=3> |
+<option selected>a</option> |
+<option id="select2-b">b</option> |
+<option>c</option> |
+<option>d</option> |
+</select> |
+ |
+<select id="select3" size=3> |
+<option selected>a</option> |
+<option id='select3-b' style="display: none">b</option> |
+<option>c</option> |
+<option>d</option> |
+</select> |
+ |
+<script> |
+document.getElementById('select2-b').style.display = 'none'; |
+document.getElementById('select3-b').style.display = 'block'; |
+ |
+description('Tests for select not showing option element with display: none'); |
+ |
+var select1 = document.getElementById('select1'); |
+select1.focus(); |
+shouldBeEqualToString('select1.value', 'a'); |
+eventSender.keyDown('downArrow'); |
+shouldBeEqualToString('select1.value', 'c'); |
+ |
+var select2 = document.getElementById('select2'); |
+select2.focus(); |
+shouldBeEqualToString('select2.value', 'a'); |
+eventSender.keyDown('downArrow'); |
+shouldBeEqualToString('select2.value', 'c'); |
+ |
+var select3 = document.getElementById('select3'); |
+select3.focus(); |
+shouldBeEqualToString('select3.value', 'a'); |
+eventSender.keyDown('downArrow'); |
+shouldBeEqualToString('select3.value', 'b'); |
+</script> |
+ |
+</body> |
+</html> |