forked from w3c/csswg-test
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request w3c#783 from frivoal/florian/cursor-tests
Florian/cursor tests With the two changes Florian just made, I believe all tests are correct.
- Loading branch information
Showing
39 changed files
with
853 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Basic User Interface Test: cursor: none</title> | ||
| <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> | ||
| <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> | ||
| <meta name="flags" content="interact"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="assert" content="The 'none' cursor value is supported"> | ||
| <style> | ||
| div { | ||
| cursor: url("support/cursors/fail.png"), help; | ||
| cursor: none; | ||
| width: 100px; | ||
| height: 100px; | ||
| border: solid blue; | ||
| } | ||
| </style> | ||
| <body> | ||
| <p>The test passes if, when moved inside the blue box, the cursor disappears.</p> | ||
| <div></div> | ||
| </body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Basic User Interface Test: cursor: context-menu</title> | ||
| <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> | ||
| <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> | ||
| <meta name="flags" content="interact"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="assert" content="The 'context-menu' cursor value is supported"> | ||
| <style> | ||
| div { | ||
| cursor: url("support/cursors/fail.png"), help; | ||
| cursor: context-menu; | ||
| width: 100px; | ||
| height: 100px; | ||
| border: solid blue; | ||
| } | ||
| </style> | ||
| <body> | ||
| <p>The test passes if, when moved inside the blue box, the cursor indicates availability of a context menu. | ||
| Often rendered as an arrow with a small menu-like graphic next to it.</p> | ||
| <div></div> | ||
| </body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Basic User Interface Test: cursor: cell</title> | ||
| <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> | ||
| <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> | ||
| <meta name="flags" content="interact"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="assert" content="The 'cell' cursor value is supported"> | ||
| <style> | ||
| div { | ||
| cursor: url("support/cursors/fail.png"), help; | ||
| cursor: cell; | ||
| width: 100px; | ||
| height: 100px; | ||
| border: solid blue; | ||
| } | ||
| </style> | ||
| <body> | ||
| <p>The test passes if, when moved inside the blue box, the cursor indicates that a cell or set of cells may be selected. | ||
| Often rendered as a thick plus-sign with a dot in the middle.</p> | ||
| <div></div> | ||
| </body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Basic User Interface Test: cursor: vertical-text</title> | ||
| <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> | ||
| <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> | ||
| <meta name="flags" content="interact"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="assert" content="The 'vertical-text' cursor value is supported"> | ||
| <style> | ||
| div { | ||
| cursor: url("support/cursors/fail.png"), help; | ||
| cursor: vertical-text; | ||
| width: 100px; | ||
| height: 100px; | ||
| border: solid blue; | ||
| } | ||
| </style> | ||
| <body> | ||
| <p>The test passes if, when moved inside the blue box, the cursor indicates vertical-text that may be selected. | ||
| Often rendered as a horizontal I-beam.</p> | ||
| <div></div> | ||
| </body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Basic User Interface Test: cursor: alias</title> | ||
| <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> | ||
| <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> | ||
| <meta name="flags" content="interact"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="assert" content="The 'alias' cursor value is supported"> | ||
| <style> | ||
| div { | ||
| cursor: url("support/cursors/fail.png"), help; | ||
| cursor: alias; | ||
| width: 100px; | ||
| height: 100px; | ||
| border: solid blue; | ||
| } | ||
| </style> | ||
| <body> | ||
| <p>The test passes if, when moved inside the blue box, the cursor indicates an alias of/shortcut to something is to be created. | ||
| Often rendered as an arrow with a small curved arrow next to it.</p> | ||
| <div></div> | ||
| </body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Basic User Interface Test: cursor: copy</title> | ||
| <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> | ||
| <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> | ||
| <meta name="flags" content="interact"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="assert" content="The 'copy' cursor value is supported"> | ||
| <style> | ||
| div { | ||
| cursor: url("support/cursors/fail.png"), help; | ||
| cursor: copy; | ||
| width: 100px; | ||
| height: 100px; | ||
| border: solid blue; | ||
| } | ||
| </style> | ||
| <body> | ||
| <p>The test passes if, when moved inside the blue box, the cursor indicates something is to be copied. | ||
| Often rendered as an arrow with a small plus sign next to it.</p> | ||
| <div></div> | ||
| </body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Basic User Interface Test: cursor: no-drop</title> | ||
| <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> | ||
| <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> | ||
| <meta name="flags" content="interact"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="assert" content="The 'no-drop' cursor value is supported"> | ||
| <style> | ||
| div { | ||
| cursor: url("support/cursors/fail.png"), help; | ||
| cursor: no-drop; | ||
| width: 100px; | ||
| height: 100px; | ||
| border: solid blue; | ||
| } | ||
| </style> | ||
| <body> | ||
| <p>The test passes if, when moved inside the blue box, the cursor indicates that the dragged item cannot be dropped at the current cursor location. | ||
| Often rendered as a hand or pointer with a small circle with a line through it.</p> | ||
| <div></div> | ||
| </body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Basic User Interface Test: cursor: not-allowed</title> | ||
| <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> | ||
| <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> | ||
| <meta name="flags" content="interact"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="assert" content="The 'not-allowed' cursor value is supported"> | ||
| <style> | ||
| div { | ||
| cursor: url("support/cursors/fail.png"), help; | ||
| cursor: not-allowed; | ||
| width: 100px; | ||
| height: 100px; | ||
| border: solid blue; | ||
| } | ||
| </style> | ||
| <body> | ||
| <p>The test passes if, when moved inside the blue box, the cursor indicates that the requested action will not be carried out. | ||
| Often rendered as a circle with a line through it.</p> | ||
| <div></div> | ||
| </body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Basic User Interface Test: cursor: grab</title> | ||
| <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> | ||
| <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> | ||
| <meta name="flags" content="interact"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="assert" content="The 'grab' cursor value is supported"> | ||
| <style> | ||
| div { | ||
| cursor: url("support/cursors/fail.png"), help; | ||
| cursor: grab; | ||
| width: 100px; | ||
| height: 100px; | ||
| border: solid blue; | ||
| } | ||
| </style> | ||
| <body> | ||
| <p>The test passes if, when moved inside the blue box, the cursor indicates that something can be grabbed (dragged to be moved). | ||
| Often rendered as the backside of an open hand.</p> | ||
| <div></div> | ||
| </body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Basic User Interface Test: cursor: grabbing</title> | ||
| <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> | ||
| <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> | ||
| <meta name="flags" content="interact"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="assert" content="The 'grabbing' cursor value is supported"> | ||
| <style> | ||
| div { | ||
| cursor: url("support/cursors/fail.png"), help; | ||
| cursor: grabbing; | ||
| width: 100px; | ||
| height: 100px; | ||
| border: solid blue; | ||
| } | ||
| </style> | ||
| <body> | ||
| <p>The test passes if, when moved inside the blue box, the cursor indicates that something is being grabbed (dragged to be moved). | ||
| Often rendered as the backside of a hand with fingers closed mostly out of view.</p> | ||
| <div></div> | ||
| </body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Basic User Interface Test: cursor: ew-resize</title> | ||
| <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> | ||
| <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> | ||
| <meta name="flags" content="interact"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="assert" content="The 'ew-resize' cursor value is supported"> | ||
| <style> | ||
| div { | ||
| cursor: url("support/cursors/fail.png"), help; | ||
| cursor: ew-resize; | ||
| width: 100px; | ||
| height: 100px; | ||
| border: solid blue; | ||
| } | ||
| </style> | ||
| <body> | ||
| <p>The test passes if, when moved inside the blue box, the cursor indicates that something can be resized horizontally, bidirectionally. | ||
| Often rendered as arrows pointing left and right.</p> | ||
| <div></div> | ||
| </body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Basic User Interface Test: cursor: ns-resize</title> | ||
| <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> | ||
| <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> | ||
| <meta name="flags" content="interact"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="assert" content="The 'ns-resize' cursor value is supported"> | ||
| <style> | ||
| div { | ||
| cursor: url("support/cursors/fail.png"), help; | ||
| cursor: ns-resize; | ||
| width: 100px; | ||
| height: 100px; | ||
| border: solid blue; | ||
| } | ||
| </style> | ||
| <body> | ||
| <p>The test passes if, when moved inside the blue box, the cursor indicates that something can be resized vertically, bidirectionally. | ||
| Often rendered as arrows pointing up and down.</p> | ||
| <div></div> | ||
| </body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Basic User Interface Test: cursor: nesw-resize</title> | ||
| <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> | ||
| <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> | ||
| <meta name="flags" content="interact"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="assert" content="The 'nesw-resize' cursor value is supported"> | ||
| <style> | ||
| div { | ||
| cursor: url("support/cursors/fail.png"), help; | ||
| cursor: nesw-resize; | ||
| width: 100px; | ||
| height: 100px; | ||
| border: solid blue; | ||
| } | ||
| </style> | ||
| <body> | ||
| <p>The test passes if, when moved inside the blue box, the cursor indicates that something can be resized diagonally | ||
| along a north-east to south-west axis, bidirectionally. | ||
| Often rendered as arrows pointing north-east and south-west.</p> | ||
| <div></div> | ||
| </body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Basic User Interface Test: cursor: nwse-resize</title> | ||
| <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> | ||
| <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> | ||
| <meta name="flags" content="interact"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="assert" content="The 'nwse-resize' cursor value is supported"> | ||
| <style> | ||
| div { | ||
| cursor: url("support/cursors/fail.png"), help; | ||
| cursor: nwse-resize; | ||
| width: 100px; | ||
| height: 100px; | ||
| border: solid blue; | ||
| } | ||
| </style> | ||
| <body> | ||
| <p>The test passes if, when moved inside the blue box, the cursor indicates that something can be resized diagonally | ||
| along a north-west to south-east axis, bidirectionally. | ||
| Often rendered as arrows pointing north-west and south-east.</p> | ||
| <div></div> | ||
| </body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Basic User Interface Test: cursor: col-resize</title> | ||
| <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> | ||
| <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> | ||
| <meta name="flags" content="interact"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="assert" content="The 'col-resize' cursor value is supported"> | ||
| <style> | ||
| div { | ||
| cursor: url("support/cursors/fail.png"), help; | ||
| cursor: col-resize; | ||
| width: 100px; | ||
| height: 100px; | ||
| border: solid blue; | ||
| } | ||
| </style> | ||
| <body> | ||
| <p>The test passes if, when moved inside the blue box, the cursor indicates that something can be resized horizontally, bidirectionally. | ||
| Often rendered as arrows pointing left and right with a vertical bar separating them.</p> | ||
| <div></div> | ||
| </body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Basic User Interface Test: cursor: row-resize</title> | ||
| <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> | ||
| <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> | ||
| <meta name="flags" content="interact"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="assert" content="The 'row-resize' cursor value is supported"> | ||
| <style> | ||
| div { | ||
| cursor: url("support/cursors/fail.png"), help; | ||
| cursor: row-resize; | ||
| width: 100px; | ||
| height: 100px; | ||
| border: solid blue; | ||
| } | ||
| </style> | ||
| <body> | ||
| <p>The test passes if, when moved inside the blue box, the cursor indicates that something can be resized vertically, bidirectionally. | ||
| Often rendered as arrows pointing up and down with a horizontal bar separating them.</p> | ||
| <div></div> | ||
| </body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Basic User Interface Test: cursor: all-scroll</title> | ||
| <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> | ||
| <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> | ||
| <meta name="flags" content="interact"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="assert" content="The 'all-scroll' cursor value is supported"> | ||
| <style> | ||
| div { | ||
| cursor: url("support/cursors/fail.png"), help; | ||
| cursor: all-scroll; | ||
| width: 100px; | ||
| height: 100px; | ||
| border: solid blue; | ||
| } | ||
| </style> | ||
| <body> | ||
| <p>The test passes if, when moved inside the blue box, the cursor indicates that the something can be scrolled in any direction. | ||
| Often rendered as arrows pointing up, down, left, and right with a dot in the middle.</p> | ||
| <div></div> | ||
| </body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS Basic User Interface Test: cursor: zoom-in</title> | ||
| <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> | ||
| <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> | ||
| <meta name="flags" content="interact"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="assert" content="The 'zoom-in' cursor value is supported"> | ||
| <style> | ||
| div { | ||
| cursor: url("support/cursors/fail.png"), help; | ||
| cursor: zoom-in; | ||
| width: 100px; | ||
| height: 100px; | ||
| border: solid blue; | ||
| } | ||
| </style> | ||
| <body> | ||
| <p>The test passes if, when moved inside the blue box, the cursor indicates that something can be zoomed in. | ||
| Often rendered as a magnifying glass with a "+" in the center of the glass.</p> | ||
| <div></div> | ||
| </body> |
Oops, something went wrong.