summaryrefslogtreecommitdiffstats
path: root/Source/WebCore/manual-tests/select_hr.html
diff options
context:
space:
mode:
authorSteve Block <steveblock@google.com>2011-05-06 11:45:16 +0100
committerSteve Block <steveblock@google.com>2011-05-12 13:44:10 +0100
commitcad810f21b803229eb11403f9209855525a25d57 (patch)
tree29a6fd0279be608e0fe9ffe9841f722f0f4e4269 /Source/WebCore/manual-tests/select_hr.html
parent121b0cf4517156d0ac5111caf9830c51b69bae8f (diff)
downloadexternal_webkit-cad810f21b803229eb11403f9209855525a25d57.zip
external_webkit-cad810f21b803229eb11403f9209855525a25d57.tar.gz
external_webkit-cad810f21b803229eb11403f9209855525a25d57.tar.bz2
Merge WebKit at r75315: Initial merge by git.
Change-Id: I570314b346ce101c935ed22a626b48c2af266b84
Diffstat (limited to 'Source/WebCore/manual-tests/select_hr.html')
-rw-r--r--Source/WebCore/manual-tests/select_hr.html234
1 files changed, 234 insertions, 0 deletions
diff --git a/Source/WebCore/manual-tests/select_hr.html b/Source/WebCore/manual-tests/select_hr.html
new file mode 100644
index 0000000..957a995
--- /dev/null
+++ b/Source/WebCore/manual-tests/select_hr.html
@@ -0,0 +1,234 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+ "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+<head>
+<script>
+ function getSelectInfo(myselect, mydiv) {
+ var s = document.getElementById(myselect);
+ var selectLength = s.length;
+ var optionCollectionLength = s.options.length;
+ var selectedInd = s.selectedIndex;
+ var opt = s.options[selectedInd];
+ var optText = "";
+
+ if (opt) {
+ optText = opt.innerHTML;
+ }
+
+ document.getElementById(mydiv).innerHTML = "Select length: " + selectLength + "<br>Option collection length: " + optionCollectionLength + "<br>Selected index: " + selectedInd + "<br>Selected option: " + optText;
+ }
+
+ function getAllInfo(x) {
+ for (i = 1; i < x; i++) {
+ var s = "s" + i;
+ var d = "d" + i;
+
+ getSelectInfo(s, d);
+ }
+ }
+</script>
+
+
+</head>
+<body onload="getAllInfo(12)">
+<p><b>BUG ID:</b> <a href="rdar://problem/4229189">4229189</a> add a way to get a separator into a select element</p>
+
+<p id="test" style="background-color:skyblue; padding:3px;"><b>STEPS TO TEST:</b>
+Please describe the steps required to test this bug here.
+</p>
+
+
+These tests make sure that adding an hr element in a select works properly.
+
+<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>This should be a disabled popup menu, since the hr is not selectable.
+</p>
+<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b> </p>
+<select id = "s1">
+<hr>
+</select>
+<div id="d1"></div>
+
+<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
+You should see a popup menu with the following items: separator, option, separator
+</p>
+<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
+</p>
+<select id = "s2">
+<hr>
+<option>opt 1</option>
+<hr>
+</select>
+<div id="d2"></div>
+
+<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
+You should see a popup menu with the following items: option, separator, option
+</p>
+<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
+</p>
+<select id = "s3">
+<option>opt 1</option>
+<hr>
+<option>opt 2</option>
+</select>
+<div id="d3"></div>
+
+<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
+You should see a popup menu with the following items: option, four separators, two options, separator, option.
+</p>
+<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
+</p>
+<select id = "s4">
+<option>opt 1</option>
+<hr>
+<hr>
+<hr>
+<hr>
+<option>opt 2</option>
+<option>opt 3</option>
+<hr>
+<option>opt 4</option>
+</select>
+<div id="d4"></div>
+
+<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
+You should see a popup menu with the following items: group label, option, separator (incl. in group).
+</p>
+<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
+</p>
+<select id = "s5">
+<optgroup label="Group 1">
+<option>opt 1</option>
+<hr>
+</optgroup>
+</select>
+<div id="d5"></div>
+
+<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
+You should see a popup menu with the following items: separator, group label, option.
+</p>
+<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
+</p>
+<select id = "s6">
+<hr>
+<optgroup label="Group 1">
+<option>opt 1</option>
+</optgroup>
+</select>
+<div id="d6"></div>
+
+<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
+You should see a popup menu with the following items: group label, option, separator, option, separator, option, two separators, (end of group), one option.
+</p>
+<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
+</p>
+<select id = "s7">
+<optgroup label="Group 1">
+<option>opt 1</option>
+<hr>
+<option>opt 2</option>
+<hr>
+<option>opt 3</option>
+<hr>
+<hr>
+</optgroup>
+<option>opt 4</option>
+</select>
+<div id="d7"></div>
+
+<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
+You should see a popup menu with the following items: group label, one option two separators, (end of group), separator, group label, separator, two options, separator, (end of group), option.
+</p>
+
+<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
+</p>
+<select id = "s8">
+<optgroup label="Group 1">
+<option>opt 1</option>
+<hr>
+<hr>
+</optgroup>
+<hr>
+<optgroup label="Group 2">
+<hr>
+<option>opt 2</option>
+<option>opt 3</option>
+<hr>
+</optgroup>
+<option>opt 4</option>
+</select>
+<div id="d8"></div>
+
+<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
+A disabled popup menu - since the optgroup and the hr are not selectable.
+</p>
+<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
+</p>
+<select id = "s9">
+<optgroup label="Group 1">
+<hr>
+</optgroup>
+</select>
+<div id="d9"></div>
+
+<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
+You should see a list box with the following items: 4 options.
+</p>
+<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
+You should not see any separators in the list box.</p>
+<br><select id = "s10" multiple>
+<option value="test">opt 1</option>
+<hr>
+<hr>
+<hr>
+<hr>
+<option>opt 2</option>
+<option>opt 3</option>
+<hr>
+<option>opt 4</option>
+</select>
+<div id="d10"></div>
+
+<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
+You should see a list box with the following items: one option, group label, 3 options.
+</p>
+<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
+You should not see any separators in the list box.</p>
+<select id = "s11" multiple>
+<option value="test">opt 1</option>
+<hr>
+<hr>
+<optgroup label="Group 1">
+<hr>
+<hr>
+<option>opt 2</option>
+<option>opt 3</option>
+<hr>
+<option>opt 4</option>
+</optgroup>
+</select>
+<div id="d11"></div>
+
+<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
+For each of these list boxes, when you change the selection in JavaScript to index 1, the second option should get highlighted</p>
+<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
+"opt 2" does not get highlighted after clicking the button.</p>
+
+<select id="s12" multiple>
+<option id="o3">opt 1</option>
+<hr>
+<option id="o4">opt 2</option>
+</select>
+<input type="button" value="Change selection to 'opt 2'" onclick="document.getElementById('s12').selectedIndex = 1;"></input>
+
+<br><select id="s13" multiple>
+<option id="o5">opt 1</option>
+<hr>
+<optgroup label="group">
+<option id="o6">opt 2</option>
+</optgroup>
+</select>
+<input type="button" value="Change selection to 'opt 2'" onclick="document.getElementById('s13').selectedIndex = 1;"></input>
+
+<body>
+</html>
+
generated by cgit v1.1 at 2025-02-28 17:26:25 +0000