Index: LayoutTests/fast/forms/select/popup-menu-appearance-styled.html |
diff --git a/LayoutTests/fast/forms/select/popup-menu-appearance-styled.html b/LayoutTests/fast/forms/select/popup-menu-appearance-styled.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..a9680f8736558dc8257c918c3a6c476f5883e947 |
--- /dev/null |
+++ b/LayoutTests/fast/forms/select/popup-menu-appearance-styled.html |
@@ -0,0 +1,40 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+<script> |
+window.enablePixelTesting = true; |
+</script> |
+<script src="../../../resources/js-test.js"></script> |
+<script src="../resources/picker-common.js"></script> |
+</head> |
+<body> |
+<style> |
+option.styled { |
+ font-style: italic; |
+ font-weight: bold; |
+ font-family: cursive; |
+ font-size: 24px; |
+ background-color: green; |
+ color: red; |
+} |
+</style> |
+<select id="menu"> |
+ <option>foo</option> |
+ <option selected>bar</option> |
+ <option hidden>qux</option> |
+ <option class="styled">baz</option> |
+</select> |
+<p id="description" style="opacity: 0"></p> |
+<div id="console" style="opacity: 0"></div> |
+<script> |
+var menu = document.getElementById('menu'); |
+menu.appendChild(new Option('before separator')); |
+menu.appendChild(document.createElement('hr')); |
+menu.appendChild(new Option('after separator')); |
+openPicker(menu, finishJSTest, function () { |
+ testFailed('picker didn\'t open') |
+ finishJSTest(); |
+}); |
+</script> |
+</body> |
+</html> |