Upstream version 11.40.277.0
[platform/framework/web/crosswalk.git] / src / third_party / WebKit / LayoutTests / fast / forms / select / menulist-appearance-basic.html
index cbe5e08..cc66d17 100644 (file)
@@ -50,4 +50,66 @@ if (window.testRunner)
 <!-- zoom -->
 <select style="zoom: 1.5;"><option>foo</option></select>
 <select style="zoom: 2;"><option>foo</option></select> <br>
+
+<!-- multiple - on platforms that use menulist rendering for <select multiple> tags -->
+<select multiple="multiple" style="width: 200px; height: 25px;">
+  <option>Item 1</option>
+  <option>Item 2</option>
+  <option>Item 3</option>
+</select>
+<br>
+
+<select multiple="multiple" style="width: 200px; height: 25px;">
+  <option>Item 1</option>
+  <option selected="selected">Item 2</option>
+  <option>Item 3</option>
+</select>
+<br>
+
+<select multiple="multiple" style="width: 200px; height: 25px;">
+  <option>Item 1</option>
+  <option selected="selected">Item 2</option>
+  <option selected="selected">Item 3</option>
+</select>
+<br>
+
+<select multiple="multiple" style="width: 200px; height: 25px;">
+  <option selected="selected">Item 0.1</option>
+  <optgroup label="Group 1">
+    <option>Item 1.1</option>
+    <option>Item 1.2</option>
+    <option>Item 1.3</option>
+  </optgroup>
+  <optgroup label="Group 2">
+    <option>Item 2.1</option>
+    <option>Item 2.2</option>
+    <option selected="selected">Item 2.3</option>
+  </optgroup>
+  <optgroup label="Group 3">
+    <option selected="selected">Item 3.1</option>
+    <option>Item 3.2</option>
+    <option selected="selected">Item 3.3</option>
+  </optgroup>
+  <optgroup label="Group 4">
+    <option>Item 4.1</option>
+    <option selected="selected">Item 4.2</option>
+    <option>Item 4.3</option>
+  </optgroup>
+  <optgroup label="Group 5">
+    <option selected="selected">Item 5.1</option>
+    <option>Item 5.2</option>
+    <option>Item 5.3</option>
+  </optgroup>
+  <option selected="selected">Item 0.2</option>
+</select>
+<br>
+
+<select multiple="multiple" style="width: 200px; height: 25px;">
+<script type="text/javascript">
+for (var i = 0; i < 1234; ++i) {
+    document.writeln("  <option selected='selected'>Item " + (i + 1) + "</option>");
+}
+</script>
+</select>
+
 </body>