[CSS21][CSS22][css-ui] Add test of cursor on element underneath a <…

…select> menu
w3c · Jul 11, 2015 · eca00da · eca00da
1 parent f15b7b3
commit eca00da
Showing 1 changed file with 44 additions and 0 deletions.
diff --git a/css-ui-3/select-cursor-001-manual.html b/css-ui-3/select-cursor-001-manual.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Test (User Interface): cursor property and select element</title>
+  <link rel="author" title="Chris Rebert" href="http://chrisrebert.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-ui-3/#cursor">
+  <link rel="help" href="http://www.w3.org/TR/CSS2/ui.html#cursor-props">
+  <meta name="flags" content="HTMLonly interact">
+  <meta name="assert" content="Hovering the pointer over a select menu on top of an element with a cursor set should not display said cursor">
+  <style>
+div {
+  cursor: help;
+  height: 200px;
+  width: 200px;
+  border-color: black;
+  border-style: solid;
+  border-width: 2px;
+}
+  </style>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+</head>
+<body>
+  <ol>
+    <li>If the user-agent doesn't support the <code>cursor</code> property, then SKIP this test.</li>
+    <li>If clicking a &lt;select&gt; opens a native widget which is modal, then SKIP this test.</li>
+    <li>Click on the &lt;select&gt; below. A selection widget appears.</li>
+    <li>Move the pointer so that it is hovering within the intersection area of the selection widget and the black box below.</li>
+    <li>If the "help" cursor is displayed, then the test result is FAILED. Otherwise, it is PASSED.</li>
+  </ol>
+  <select>
+    <option>AAAAAAAA</option>
+    <option>BBBBBBBB</option>
+    <option>CCCCCCCC</option>
+    <option>DDDDDDDD</option>
+    <option>EEEEEEEE</option>
+    <option>FFFFFFFF</option>
+    <option>GGGGGGGG</option>
+    <option>HHHHHHHH</option>
+  </select>
+  <div></div>
+</body>
+</html>