mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
Update web-platform-tests and CSS tests.
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180. - Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
This commit is contained in:
Ms2ger
parent
fb4f421c8b
commit
296fa2512b
21852 changed files with 2080936 additions and 892894 deletions
|
|
@ -1,45 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: box-sizing:padding-box and CSS2.1 10.3.3</title>
|
||||
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
|
||||
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
|
||||
<link href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" rel="help" />
|
||||
<meta content="" name="flags" />
|
||||
<link href="reference/box-sizing-001-ref.xht" rel="match" />
|
||||
<meta content="When box-sizing is padding-box, the content width, rather than the computed value of the width property,
|
||||
is considered when checking whether a block is larger than its containing block." name="assert" />
|
||||
<style>
|
||||
#cb {
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
#red {
|
||||
position:absolute;
|
||||
top: 25px;
|
||||
right:5px;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
background:red;
|
||||
z-index: -1;
|
||||
}
|
||||
#test {
|
||||
box-sizing: padding-box;
|
||||
margin-top: 25px;
|
||||
margin-right: 5px;
|
||||
margin-left: auto; /* should resolve to 25px, but would resolve to 0 if the wrong interpretation of width is used in CSS2.1 10.3.3 */
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
background:green;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div id="cb">
|
||||
<div id="red"></div>
|
||||
<div id="test"></div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -1,39 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: box-sizing:padding-box and CSS2.1 10.3.7</title>
|
||||
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
|
||||
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
|
||||
<link href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" rel="help" />
|
||||
<meta content="" name="flags" />
|
||||
<link href="reference/box-sizing-001-ref.xht" rel="match" />
|
||||
<meta content="When box-sizing is padding-box, the content width, rather than the computed value of the width property,
|
||||
should be used in the the constraint that determines the used values of sizing and positioning properties
|
||||
of absolutely positioned elements." name="assert" />
|
||||
<style>
|
||||
#cb {
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
#test {
|
||||
position:absolute;
|
||||
box-sizing: padding-box;
|
||||
margin-right: 5px;
|
||||
margin-left: auto; /* should resolve to 25px, but would resolve to -25px if the wrong interpretation of width is used in CSS2.1 10.3.7 */
|
||||
top: 25px;
|
||||
left:0;
|
||||
right:0;
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
background:green;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div id="cb">
|
||||
<div id="test"></div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -1,42 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: box-sizing:padding-box and CSS2.1 10.6.4</title>
|
||||
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
|
||||
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
|
||||
<link href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" rel="help" />
|
||||
<meta content="" name="flags" />
|
||||
<link href="reference/box-sizing-001-ref.xht" rel="match" />
|
||||
<meta content="When box-sizing is padding-box, the content height, rather than the computed value of the height property,
|
||||
should be used in the the constraint that determines the used values of sizing and positioning properties
|
||||
of absolutely positioned elements." name="assert" />
|
||||
<style>
|
||||
#cb {
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
#test {
|
||||
position:absolute;
|
||||
box-sizing: padding-box;
|
||||
margin-right: 5px;
|
||||
margin-left: 25px;
|
||||
margin-bottom: 5px;
|
||||
margin-top: auto; /* should resolve to 25px, but would resolve to -25px if the wrong interpretation of width is used in CSS2.1 10.6.4 */
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding-top: 25px;
|
||||
padding-bottom: 25px;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
background:green;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div id="cb">
|
||||
<div id="test"></div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS UI: box-sizing:padding-box for a block box</title>
|
||||
<link href="http://www.w3.org/TR/css3-ui/#box-sizing" rel="help" />
|
||||
<link href="reference/box-sizing-padding-box-block-001-ref.xht" rel="match" />
|
||||
<style>
|
||||
#test { box-sizing:padding-box; padding:50px; width:150px; height:50px; background:black }
|
||||
</style>
|
||||
</head><body><p>There should be a black square below.</p>
|
||||
<div id="test"></div></body></html>
|
||||
|
|
@ -2,23 +2,29 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color</title>
|
||||
<link href="mailto:chris@w3.org" rel="author" title="Chris Lilley" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" title="7.2.1. Coloring the insertion caret: caret-color" />
|
||||
<meta content="" name="flags" />
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta content="Test checks that caret-color can be set on a textarea" name="assert" />
|
||||
<style>
|
||||
#test {
|
||||
font-size: 2em;
|
||||
textarea {
|
||||
font-size: 3em;
|
||||
font-weight: bold;
|
||||
caret-color:#070;
|
||||
width: 10em;
|
||||
}
|
||||
padding: 10px;
|
||||
background: black; color: white; /* the color of a thin object like the caret is easier to see on a black background. */
|
||||
|
||||
caret-color: lime;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if, when the cursor is placed in the textarea for editing, the caret is green.</p>
|
||||
<p>Test passes if, when the text area below is focused for editing, the text insertion caret is green.</p>
|
||||
<p>The shape of the caret, and whether it flashes, are not part of the test.</p>
|
||||
<div id="container">
|
||||
<textarea id="test">Textarea with random text</textarea>
|
||||
</div>
|
||||
<textarea id="test"></textarea>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
document.getElementById("test").focus();
|
||||
}
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -1,31 +1,33 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color is not inherited</title>
|
||||
<title>CSS Basic User Interface Test: caret-color is inherited</title>
|
||||
<link href="mailto:chris@w3.org" rel="author" title="Chris Lilley" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" title="7.2.1. Coloring the insertion caret: caret-color" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Test checks that caret-color value does not inherit" name="assert" />
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta content="Test checks that caret-color value does inherit" name="assert" />
|
||||
<style>
|
||||
#container {
|
||||
caret-color:red;
|
||||
}
|
||||
#test1 {
|
||||
caret-color:#070;
|
||||
}
|
||||
textarea {
|
||||
font-size: 2em;
|
||||
font-size: 3em;
|
||||
font-weight: bold;
|
||||
width: 10em;
|
||||
padding: 10px;
|
||||
background: black; color: white; /* the color of a thin object like the caret is easier to see on a black background. */
|
||||
}
|
||||
div {
|
||||
caret-color: lime;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if, when the cursor is placed in the first textarea for editing, the caret is green and then,
|
||||
when placed in the second textarea, the caret is not red.</p>
|
||||
<p>Test passes if, when the text area below is focused for editing, the text insertion caret is green.</p>
|
||||
<p>The shape of the caret, and whether it flashes, are not part of the test.</p>
|
||||
<textarea id="test1">First textarea</textarea>
|
||||
<div id="container">
|
||||
<textarea id="test2">Second textarea</textarea>
|
||||
<div>
|
||||
<textarea id="test"></textarea>
|
||||
</div>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
document.getElementById("test").focus();
|
||||
}
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -2,27 +2,31 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color auto</title>
|
||||
<link href="mailto:chris@w3.org" rel="author" title="Chris Lilley" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" title="7.2.1. Coloring the insertion caret: caret-color" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Test checks that caret-color: auto resolves to currentColor" name="assert" />
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<meta content="interact should" name="flags" />
|
||||
<meta content="Test checks that caret-color: auto matches currentColor" name="assert" />
|
||||
<style>
|
||||
#container {
|
||||
color: green;
|
||||
}
|
||||
#test {
|
||||
font-size: 2em;
|
||||
textarea {
|
||||
font-size: 3em;
|
||||
font-weight: bold;
|
||||
color:currentColor;
|
||||
caret-color:auto;
|
||||
width: 10em;
|
||||
}
|
||||
padding: 10px;
|
||||
background: black; /* the color of a thin object like the caret is easier to see on a black background. */
|
||||
|
||||
color: lime;
|
||||
caret-color: auto; /*initial value, but to be sure in case the UA stylesheet sets something else */
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if, when the cursor is placed in the textarea for editing, the caret and the text are both green.</p>
|
||||
<p>Test passes if, when the text area below is focused for editing, the text insertion caret is green,
|
||||
like the text in that textarea.</p>
|
||||
<p>The shape of the caret, and whether it flashes, are not part of the test.</p>
|
||||
<div id="container">
|
||||
<textarea id="test">Textarea must be green</textarea>
|
||||
</div>
|
||||
<textarea id="test">focus this</textarea>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
document.getElementById("test").focus();
|
||||
}
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
31
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-004.xht
Normal file
31
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-004.xht
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color auto, black on white</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta content="Test checks that caret-color:auto provides good contrast in black on white" name="assert" />
|
||||
<style>
|
||||
textarea {
|
||||
font-size: 3em;
|
||||
font-weight: bold;
|
||||
width: 10em;
|
||||
padding: 10px;
|
||||
|
||||
background: white;
|
||||
color: black;
|
||||
caret-color: auto; /*initial value, but to be sure in case the UA stylesheet sets something else */
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if, when the text area below is focused for editing, the text insertion caret is either black
|
||||
or some other color that contrasts well with the background.</p>
|
||||
<p>The shape of the caret, and whether it flashes, are not part of the test.</p>
|
||||
<textarea id="test"></textarea>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
document.getElementById("test").focus();
|
||||
}
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
31
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-005.xht
Normal file
31
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-005.xht
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color auto, white on black</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta content="Test checks that caret-color:auto provides good contrast in white on black" name="assert" />
|
||||
<style>
|
||||
textarea {
|
||||
font-size: 3em;
|
||||
font-weight: bold;
|
||||
width: 10em;
|
||||
padding: 10px;
|
||||
|
||||
background: black;
|
||||
color: white;
|
||||
caret-color: auto; /*initial value, but to be sure in case the UA stylesheet sets something else */
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if, when the text area below is focused for editing, the text insertion caret is either white
|
||||
or some other color that contrasts well with the background.</p>
|
||||
<p>The shape of the caret, and whether it flashes, are not part of the test.</p>
|
||||
<textarea id="test"></textarea>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
document.getElementById("test").focus();
|
||||
}
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
31
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-006.xht
Normal file
31
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-006.xht
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color auto, gray on gray</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<meta content="interact may" name="flags" />
|
||||
<meta content="Test checks that caret-color:auto provides good contrast in gray on gray" name="assert" />
|
||||
<style>
|
||||
textarea {
|
||||
font-size: 3em;
|
||||
font-weight: bold;
|
||||
width: 10em;
|
||||
padding: 10px;
|
||||
|
||||
background: gray;
|
||||
color: gray;
|
||||
caret-color: auto; /*initial value, but to be sure in case the UA stylesheet sets something else */
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if, when the text area below is focused for editing, the text insertion caret is
|
||||
any color that contrasts well with the background.</p>
|
||||
<p>The shape of the caret, and whether it flashes, are not part of the test.</p>
|
||||
<textarea id="test"></textarea>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
document.getElementById("test").focus();
|
||||
}
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
37
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-007.xht
Normal file
37
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-007.xht
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color: currentColor</title>
|
||||
<link href="mailto:chris@w3.org" rel="author" title="Chris Lilley" />
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<link href="https://drafts.csswg.org/css-color-4/#currentcolor-color" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta content="Test checks that caret-color:currentColor is inherited as currentColor and resolves to the value of the color property at used value time" name="assert" />
|
||||
<style>
|
||||
textarea {
|
||||
font-size: 3em;
|
||||
font-weight: bold;
|
||||
width: 10em;
|
||||
padding: 10px;
|
||||
background: black; /* the color of a thin object like the caret is easier to see on a black background. */
|
||||
|
||||
color: lime;
|
||||
}
|
||||
div {
|
||||
caret-color: currentcolor;
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if, when the text area below is focused for editing, the text insertion caret is green</p>
|
||||
<p>The shape of the caret, and whether it flashes, are not part of the test.</p>
|
||||
<div>
|
||||
<textarea id="test"></textarea>
|
||||
</div>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
document.getElementById("test").focus();
|
||||
}
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
39
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-008.xht
Normal file
39
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-008.xht
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color animation</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<link href="https://drafts.csswg.org/css-animations-1/#animation" rel="help" />
|
||||
<meta content="interact animated" name="flags" />
|
||||
<meta content="Test checks that caret-color is animatable as a color" name="assert" />
|
||||
<style>
|
||||
textarea {
|
||||
font-size: 3em;
|
||||
font-weight: bold;
|
||||
width: 10em;
|
||||
padding: 10px;
|
||||
background: black; color: white; /* the color of a thin object like the caret is easier to see on a black background. */
|
||||
|
||||
caret-color: red;
|
||||
animation: caret-many-colors 5s linear alternate infinite;
|
||||
}
|
||||
@keyframes caret-many-colors {
|
||||
0% { caret-color: lime; }
|
||||
20% { caret-color: gray; }
|
||||
40% { caret-color: cyan; }
|
||||
60% { caret-color: pink; }
|
||||
80% { caret-color: blue; }
|
||||
100% { caret-color: brown; }
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if, when the text area below is focused for editing, the text insertion caret continuously changes colors.</p>
|
||||
<p>The shape of the caret, and whether it flashes, are not part of the test.</p>
|
||||
<textarea id="test"></textarea>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
document.getElementById("test").focus();
|
||||
}
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
50
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-009.xht
Normal file
50
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-009.xht
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color computed values</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<link href="https://drafts.csswg.org/css-color-4/#currentcolor-color" rel="help" />
|
||||
<meta content="dom" name="flags" />
|
||||
<meta content="Test checks that the resolved value of auto, currentcolor and initial for caret-color property, is the used value." name="assert" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style>
|
||||
#d1 {
|
||||
color: lime;
|
||||
caret-color: auto;
|
||||
}
|
||||
#d2 {
|
||||
color: cyan;
|
||||
caret-color: currentcolor;
|
||||
}
|
||||
#d3 {
|
||||
color: magenta;
|
||||
caret-color: initial;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="d1"></div>
|
||||
<div id="d2"></div>
|
||||
<div id="d3"></div>
|
||||
<div id="log"></div>
|
||||
|
||||
<script>
|
||||
test(
|
||||
function(){
|
||||
var d1 = document.getElementById("d1");
|
||||
assert_equals(window.getComputedStyle(d1)["caret-color"], "rgb(0, 255, 0)");
|
||||
}, "Check the resolved value of 'auto'");
|
||||
test(
|
||||
function(){
|
||||
var d2 = document.getElementById("d2");
|
||||
assert_equals(window.getComputedStyle(d2)["caret-color"], "rgb(0, 255, 255)");
|
||||
}, "Check the resolved value of 'currentcolor'");
|
||||
test(
|
||||
function(){
|
||||
var d3 = document.getElementById("d3");
|
||||
assert_equals(window.getComputedStyle(d3)["caret-color"], "rgb(255, 0, 255)");
|
||||
}, "Check the resolved value of 'initial'");
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
||||
29
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-010.xht
Normal file
29
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-010.xht
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color input</title>
|
||||
<link href="mailto:rego@igalia.com" rel="author" title="Manuel Rego Casasnovas" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta content="Test checks that caret-color can be set on an input" name="assert" />
|
||||
<style>
|
||||
input {
|
||||
font-size: 3em;
|
||||
font-weight: bold;
|
||||
width: 10em;
|
||||
padding: 10px;
|
||||
background: black; color: white; /* the color of a thin object like the caret is easier to see on a black background. */
|
||||
|
||||
caret-color: lime;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if, when the input field below is focused for editing, the text insertion caret is green.</p>
|
||||
<p>The shape of the caret, and whether it flashes, are not part of the test.</p>
|
||||
<input id="test" />
|
||||
<script>
|
||||
window.onload = function() {
|
||||
document.getElementById("test").focus();
|
||||
}
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
29
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-011.xht
Normal file
29
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-011.xht
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color contenteditable</title>
|
||||
<link href="mailto:rego@igalia.com" rel="author" title="Manuel Rego Casasnovas" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta content="Test checks that caret-color can be set on a contenteditable element" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
font-size: 3em;
|
||||
font-weight: bold;
|
||||
width: 10em;
|
||||
padding: 10px;
|
||||
background: black; color: white; /* the color of a thin object like the caret is easier to see on a black background. */
|
||||
|
||||
caret-color: lime;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if, when when the editable element below is focused is focused for editing, the text insertion caret is green.</p>
|
||||
<p>The shape of the caret, and whether it flashes, are not part of the test.</p>
|
||||
<div contenteditable="" id="test">Focus this editable element</div>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
document.getElementById("test").focus();
|
||||
}
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
35
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-012.xht
Normal file
35
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-012.xht
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color: auto</title>
|
||||
<link href="mailto:rego@igalia.com" rel="author" title="Manuel Rego Casasnovas" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<meta content="interact should" name="flags" />
|
||||
<meta content="Test checks that caret-color:auto is inherited as auto and resolves to the value of the color property at used value time" name="assert" />
|
||||
<style>
|
||||
textarea {
|
||||
font-size: 3em;
|
||||
font-weight: bold;
|
||||
width: 10em;
|
||||
padding: 10px;
|
||||
background: black; /* the color of a thin object like the caret is easier to see on a black background. */
|
||||
|
||||
color: lime;
|
||||
}
|
||||
div {
|
||||
caret-color: auto;
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if, when the text area below is focused for editing, the text insertion caret is green.</p>
|
||||
<p>The shape of the caret, and whether it flashes, are not part of the test.</p>
|
||||
<div>
|
||||
<textarea id="test"></textarea>
|
||||
</div>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
document.getElementById("test").focus();
|
||||
}
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
51
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-013.xht
Normal file
51
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-013.xht
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color dynamic changes</title>
|
||||
<link href="mailto:rego@igalia.com" rel="author" title="Manuel Rego Casasnovas" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<link href="https://www.w3.org/TR/css3-color/#color0" rel="help" />
|
||||
<meta content="dom" name="flags" />
|
||||
<meta content="Test checks checks that carret-color can be correctly changed using the style attribute, and that the computed value is done correctly." name="assert" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
||||
</head><body><div id="log"></div>
|
||||
<div id="wrapper">
|
||||
<textarea id="textarea"></textarea>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function testStyleCaretColor(element, value) {
|
||||
assert_equals(element.style.caretColor, value, "The style attribute's caret-color should be '" + value + "'");
|
||||
}
|
||||
|
||||
function testComputedStyleCaretColor(element, value) {
|
||||
assert_equals(getComputedStyle(element).getPropertyValue("caret-color"), value, "caret-color computed style should be '" + value + "'");
|
||||
}
|
||||
|
||||
function setAndCheckCaretColor(element, caretColor, styleValue, computedStyleValue, description) {
|
||||
element.style.caretColor = caretColor;
|
||||
test(function() {
|
||||
testStyleCaretColor(element, styleValue);
|
||||
testComputedStyleCaretColor(element, computedStyleValue);
|
||||
}, description);
|
||||
}
|
||||
|
||||
var textarea = document.getElementById("textarea");
|
||||
setAndCheckCaretColor(textarea, "", "", "rgb(0, 0, 0)", "Test default caret-color");
|
||||
setAndCheckCaretColor(textarea, "initial", "initial", "rgb(0, 0, 0)", "Test caret-color: initial");
|
||||
setAndCheckCaretColor(textarea, "inherit", "inherit", "rgb(0, 0, 0)", "Test caret-color: inherit");
|
||||
setAndCheckCaretColor(textarea, "auto", "auto", "rgb(0, 0, 0)", "Test caret-color: auto");
|
||||
setAndCheckCaretColor(textarea, "currentcolor", "currentcolor", "rgb(0, 0, 0)", "Test caret-color: currentcolor");
|
||||
setAndCheckCaretColor(textarea, "lime", "lime", "rgb(0, 255, 0)", "Test caret-color: lime");
|
||||
setAndCheckCaretColor(textarea, "initial", "initial", "rgb(0, 0, 0)", "Reset caret-color: initial");
|
||||
setAndCheckCaretColor(textarea, "rgb(0, 100, 100)", "rgb(0, 100, 100)", "rgb(0, 100, 100)", "Test caret-color: rgb(0, 100, 100)");
|
||||
|
||||
var wrapper = document.getElementById("wrapper");
|
||||
wrapper.style.caretColor = "green";
|
||||
|
||||
setAndCheckCaretColor(textarea, "initial", "initial", "rgb(0, 0, 0)", "Test caret-color: initial (inherited)");
|
||||
setAndCheckCaretColor(textarea, "inherit", "inherit", "rgb(0, 128, 0)", "Test caret-color: inherit (inherited)");
|
||||
setAndCheckCaretColor(textarea, "blue", "blue", "rgb(0, 0, 255)", "Test caret-color: blue (inherited)");
|
||||
</script>
|
||||
</body></html>
|
||||
30
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-014.xht
Normal file
30
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-014.xht
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color links</title>
|
||||
<link href="mailto:rego@igalia.com" rel="author" title="Manuel Rego Casasnovas" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta content="Test checks that caret-color can be set on a contenteditable link" name="assert" />
|
||||
<style>
|
||||
a {
|
||||
font-size: 3em;
|
||||
font-weight: bold;
|
||||
width: 10em;
|
||||
padding: 10px;
|
||||
background: black; /* the color of a thin object like the caret is easier to see on a black background. */
|
||||
|
||||
color: white;
|
||||
caret-color: lime;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if, when the link is focused for editing, the text insertion caret is green.</p>
|
||||
<p>The shape of the caret, and whether it flashes, are not part of the test.</p>
|
||||
<a href="#" contenteditable="" id="link">link</a>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
document.getElementById("link").focus();
|
||||
}
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
45
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-015.xht
Normal file
45
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-015.xht
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color visited links</title>
|
||||
<link href="mailto:rego@igalia.com" rel="author" title="Manuel Rego Casasnovas" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta content="Test checks that caret-color can be set on a contenteditable visited link" name="assert" />
|
||||
<style>
|
||||
a {
|
||||
font-size: 3em;
|
||||
font-weight: bold;
|
||||
width: 10em;
|
||||
padding: 10px;
|
||||
background: black; /* the color of a thin object like the caret is easier to see on a black background. */
|
||||
|
||||
color: white;
|
||||
caret-color: red;
|
||||
}
|
||||
|
||||
a:link {
|
||||
color: yellow;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
caret-color: lime;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Before running this test, this <a href="./">link</a> must have been visited. It will have yellow text if this is not the case. If it its text is yellow, you need to navigate to this link first.
|
||||
</p><p>Test passes if, when the link below is focused for editing, the text insertion caret is green.</p>
|
||||
<p>The shape of the caret, and whether it flashes, are not part of the test.</p>
|
||||
<a href="./" contenteditable="" id="link">link</a>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
/* Convenience helper to get the link into the browsing history.
|
||||
Using a relative path because some browsers only allow replaceState within the same domain. */
|
||||
current_url = window.location.href;
|
||||
history.replaceState({},"","./");
|
||||
history.replaceState({},"",current_url);
|
||||
|
||||
document.getElementById("link").focus();
|
||||
}
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
54
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-016.xht
Normal file
54
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-016.xht
Normal file
|
|
@ -0,0 +1,54 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color visited link computed value</title>
|
||||
<link href="mailto:rego@igalia.com" rel="author" title="Manuel Rego Casasnovas" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<link href="https://www.w3.org/TR/css3-color/#color0" rel="help" />
|
||||
<link href="https://www.w3.org/TR/selectors4/#link" rel="help" />
|
||||
<meta content="may interact" name="flags" />
|
||||
<meta content="Test checks that computed style of caret-color on visited links doesn't leak privacy information." name="assert" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style>
|
||||
a {
|
||||
font-size: 3em;
|
||||
font-weight: bold;
|
||||
width: 10em;
|
||||
padding: 10px;
|
||||
background: black; /* the color of a thin object like the caret is easier to see on a black background. */
|
||||
|
||||
color: white;
|
||||
caret-color: lime;
|
||||
}
|
||||
|
||||
a:link {
|
||||
color: yellow;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
caret-color: cyan;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Before running this test, this <a href="./">link</a> must have been visited. It will have yellow text if this is not the case. If it its text is yellow, you need to navigate to this link first.
|
||||
</p><p><a href="./" contenteditable="" id="link">link</a></p>
|
||||
<div id="log"></div>
|
||||
|
||||
<script>
|
||||
setup(
|
||||
function(){
|
||||
/* Helper to get the link into the browsing history.
|
||||
Using a relative path because some browsers only allow replaceState within the same domain. */
|
||||
current_url = window.location.href;
|
||||
history.replaceState({},"","./");
|
||||
history.replaceState({},"",current_url);
|
||||
});
|
||||
|
||||
test(
|
||||
function(){
|
||||
var link = document.getElementById("link");
|
||||
assert_equals(window.getComputedStyle(link)["caret-color"], "rgb(0, 255, 0)");
|
||||
}, "The computed value of a visited link should be the same than a non-visited link");
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
30
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-017.xht
Normal file
30
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-017.xht
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color transition</title>
|
||||
<link href="mailto:rego@igalia.com" rel="author" title="Manuel Rego Casasnovas" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<link href="https://www.w3.org/TR/css3-transitions/#transition" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta content="Test checks that caret-color can be used in a transition" name="assert" />
|
||||
<style>
|
||||
textarea {
|
||||
font-size: 3em;
|
||||
font-weight: bold;
|
||||
width: 10em;
|
||||
padding: 10px;
|
||||
background: black; color: white; /* the color of a thin object like the caret is easier to see on a black background. */
|
||||
|
||||
caret-color: magenta;
|
||||
transition: caret-color 5s;
|
||||
}
|
||||
|
||||
textarea:focus {
|
||||
caret-color: lime;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if, when the text area below is focused for editing, the text insertion caret color gradually changes from magenta to green.</p>
|
||||
<p>The shape of the caret, and whether it flashes, are not part of the test.</p>
|
||||
<textarea></textarea>
|
||||
|
||||
</body></html>
|
||||
46
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-018.xht
Normal file
46
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-018.xht
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color test animation</title>
|
||||
<link href="mailto:rego@igalia.com" rel="author" title="Manuel Rego Casasnovas" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<link href="https://www.w3.org/TR/web-animations-1/#dom-animatable-animate" rel="help" />
|
||||
<link href="https://www.w3.org/TR/css3-color/#color0" rel="help" />
|
||||
<meta content="Test checks that caret-color is animatable as a color, and that the computed values during the animation are the expected ones." name="assert" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style>
|
||||
textarea {
|
||||
caret-color: red;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<textarea id="textarea"></textarea>
|
||||
<div id="log"></div>
|
||||
|
||||
<script>
|
||||
test(
|
||||
function(){
|
||||
var textarea = document.getElementById("textarea");
|
||||
assert_equals(getComputedStyle(textarea).caretColor, 'rgb(255, 0, 0)');
|
||||
|
||||
var keyframes = [
|
||||
{ caretColor: 'magenta' },
|
||||
{ caretColor: 'lime' }
|
||||
];
|
||||
var options = {
|
||||
duration: 10,
|
||||
fill: "forwards"
|
||||
};
|
||||
|
||||
var player = textarea.animate(keyframes, options);
|
||||
player.pause();
|
||||
player.currentTime = 0;
|
||||
assert_equals(getComputedStyle(textarea).caretColor, 'rgb(255, 0, 255)');
|
||||
player.currentTime = 5;
|
||||
assert_equals(getComputedStyle(textarea).caretColor, 'rgb(128, 128, 128)');
|
||||
player.currentTime = 10;
|
||||
assert_equals(getComputedStyle(textarea).caretColor, 'rgb(0, 255, 0)');
|
||||
}, "The caret-color property is animatable");
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
40
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-019.xht
Normal file
40
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-019.xht
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color auto test animation</title>
|
||||
<link href="mailto:rego@igalia.com" rel="author" title="Manuel Rego Casasnovas" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<link href="https://www.w3.org/TR/web-animations-1/#dom-animatable-animate" rel="help" />
|
||||
<link href="https://www.w3.org/TR/css3-color/#color0" rel="help" />
|
||||
<meta content="Test checks that 'auto' value for caret-color property is not interpolable." name="assert" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style>
|
||||
textarea {
|
||||
color: magenta;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<textarea id="textarea"></textarea>
|
||||
<div id="log"></div>
|
||||
|
||||
<script>
|
||||
test(
|
||||
function(){
|
||||
var textarea = document.getElementById("textarea");
|
||||
var keyframes = [
|
||||
{ caretColor: 'auto' },
|
||||
{ caretColor: 'lime' }
|
||||
];
|
||||
var options = {
|
||||
duration: 10,
|
||||
fill: "forwards"
|
||||
};
|
||||
|
||||
var player = textarea.animate(keyframes, options);
|
||||
player.pause();
|
||||
player.currentTime = 5;
|
||||
assert_equals(getComputedStyle(textarea).caretColor, 'rgb(0, 255, 0)');
|
||||
}, "caret-color: auto is not interpolable");
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
40
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-020.xht
Normal file
40
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-020.xht
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: caret-color currentcolor test animation</title>
|
||||
<link href="mailto:rego@igalia.com" rel="author" title="Manuel Rego Casasnovas" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<link href="https://www.w3.org/TR/web-animations-1/#dom-animatable-animate" rel="help" />
|
||||
<link href="https://www.w3.org/TR/css3-color/#color0" rel="help" />
|
||||
<meta content="Test checks that 'currentcolor' value for caret-color property is interpolable." name="assert" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style>
|
||||
textarea {
|
||||
color: magenta;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<textarea id="textarea"></textarea>
|
||||
<div id="log"></div>
|
||||
|
||||
<script>
|
||||
test(
|
||||
function(){
|
||||
var textarea = document.getElementById("textarea");
|
||||
var keyframes = [
|
||||
{ caretColor: 'currentcolor' },
|
||||
{ caretColor: 'lime' }
|
||||
];
|
||||
var options = {
|
||||
duration: 10,
|
||||
fill: "forwards"
|
||||
};
|
||||
|
||||
var player = textarea.animate(keyframes, options);
|
||||
player.pause();
|
||||
player.currentTime = 5;
|
||||
assert_equals(getComputedStyle(textarea).caretColor, 'rgb(128, 128, 128)');
|
||||
}, "caret-color: currentcolor is interpolable");
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
34
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-021.xht
Normal file
34
tests/wpt/css-tests/css-ui-3_dev/xhtml1/caret-color-021.xht
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: Default caret-color test animation</title>
|
||||
<link href="mailto:rego@igalia.com" rel="author" title="Manuel Rego Casasnovas" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<link href="https://www.w3.org/TR/css3-animations/#animation-shorthand-property" rel="help" />
|
||||
<link href="https://www.w3.org/TR/css3-color/#color0" rel="help" />
|
||||
<meta content="Test checks that the default value for caret-color property, which is 'auto', is not interpolable." name="assert" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style>
|
||||
@keyframes caret-color-to-lime {
|
||||
to { caret-color: lime; }
|
||||
}
|
||||
|
||||
#textarea {
|
||||
color: magenta;
|
||||
animation: caret-color-to-lime 2s -1s paused;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<textarea id="textarea"></textarea>
|
||||
<div id="log"></div>
|
||||
|
||||
<script>
|
||||
test(
|
||||
function(){
|
||||
var textarea = document.getElementById("textarea");
|
||||
assert_equals(getComputedStyle(textarea).caretColor, 'rgb(0, 255, 0)');
|
||||
}, "Default caret-color is not interpolable");
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Basic User Interface Module Level 3 CR Test Suite</h1>
|
||||
<h2>Box Model addition (36 tests)</h2>
|
||||
<h2>Box Model addition (32 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -37,7 +37,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css3-ui/#box-sizing">3.1 box-sizing property</a></th></tr>
|
||||
<!-- 36 tests -->
|
||||
<!-- 32 tests -->
|
||||
<tr id="box-sizing-001-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-sizing-001.xht">box-sizing-001</a></strong></td>
|
||||
|
|
@ -49,17 +49,6 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-sizing-002-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-sizing-002.xht">box-sizing-002</a></strong></td>
|
||||
<td><a href="reference/box-sizing-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>box-sizing:padding-box and CSS2.1 10.3.3
|
||||
<ul class="assert">
|
||||
<li>When box-sizing is padding-box, the content width, rather than the computed value of the width property, is considered when checking whether a block is larger than its containing block.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-sizing-003-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-sizing-003.xht">box-sizing-003</a></strong></td>
|
||||
|
|
@ -71,17 +60,6 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-sizing-004-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-sizing-004.xht">box-sizing-004</a></strong></td>
|
||||
<td><a href="reference/box-sizing-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>box-sizing:padding-box and CSS2.1 10.3.7
|
||||
<ul class="assert">
|
||||
<li>When box-sizing is padding-box, the content width, rather than the computed value of the width property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-sizing-005-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-sizing-005.xht">box-sizing-005</a></strong></td>
|
||||
|
|
@ -93,17 +71,6 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-sizing-006-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-sizing-006.xht">box-sizing-006</a></strong></td>
|
||||
<td><a href="reference/box-sizing-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>box-sizing:padding-box and CSS2.1 10.6.4
|
||||
<ul class="assert">
|
||||
<li>When box-sizing is padding-box, the content height, rather than the computed value of the height property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-sizing-007-3.1" class="primary svg">
|
||||
<td><strong>
|
||||
<a href="box-sizing-007.xht">box-sizing-007</a></strong></td>
|
||||
|
|
@ -390,14 +357,6 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-sizing-padding-box-block-001-3.1" class="">
|
||||
<td>
|
||||
<a href="box-sizing-padding-box-block-001.xht">box-sizing-padding-box-block-001</a></td>
|
||||
<td><a href="reference/box-sizing-padding-box-block-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS UI: box-sizing:padding-box for a block box
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-sizing-replaced-001-3.1" class="image">
|
||||
<td>
|
||||
<a href="box-sizing-replaced-001.xht">box-sizing-replaced-001</a></td>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Basic User Interface Module Level 3 CR Test Suite</h1>
|
||||
<h2>Resizing & Overflow (12 tests)</h2>
|
||||
<h2>Resizing & Overflow (13 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -126,7 +126,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.2">+</a>
|
||||
<a href="https://www.w3.org/TR/css3-ui/#text-overflow">5.2 Overflow Ellipsis: the text-overflow property</a></th></tr>
|
||||
<!-- 5 tests -->
|
||||
<!-- 6 tests -->
|
||||
<tr id="text-overflow-5.2" class="ahem font">
|
||||
<td>
|
||||
<a href="text-overflow.xht">text-overflow</a></td>
|
||||
|
|
@ -182,6 +182,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-overflow-005-5.2" class="ahem">
|
||||
<td>
|
||||
<a href="text-overflow-005.xht">text-overflow-005</a></td>
|
||||
<td><a href="reference/text-overflow-005-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>text-overflow reflow
|
||||
<ul class="assert">
|
||||
<li>Text overflow should disappear when the container becomes large enough. This test is targetted at bug #14952 in Servo's incremental reflow engine.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.2.#clip">
|
||||
<!-- 0 tests -->
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Basic User Interface Module Level 3 CR Test Suite</h1>
|
||||
<h2>Pointing Devices and Keyboards (145 tests)</h2>
|
||||
<h2>Pointing Devices and Keyboards (201 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -43,7 +43,381 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.1.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css3-ui/#cursor">6.1.1 cursor property</a></th></tr>
|
||||
<!-- 57 tests -->
|
||||
<!-- 95 tests -->
|
||||
<tr id="cursor-001-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-001.xht">cursor-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: none
|
||||
<ul class="assert">
|
||||
<li>The 'none' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-002-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-002.xht">cursor-002</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: context-menu
|
||||
<ul class="assert">
|
||||
<li>The 'context-menu' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-003-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-003.xht">cursor-003</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: cell
|
||||
<ul class="assert">
|
||||
<li>The 'cell' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-004-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-004.xht">cursor-004</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: vertical-text
|
||||
<ul class="assert">
|
||||
<li>The 'vertical-text' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-005-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-005.xht">cursor-005</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: alias
|
||||
<ul class="assert">
|
||||
<li>The 'alias' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-006-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-006.xht">cursor-006</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: copy
|
||||
<ul class="assert">
|
||||
<li>The 'copy' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-007-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-007.xht">cursor-007</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: no-drop
|
||||
<ul class="assert">
|
||||
<li>The 'no-drop' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-008-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-008.xht">cursor-008</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: not-allowed
|
||||
<ul class="assert">
|
||||
<li>The 'not-allowed' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-009-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-009.xht">cursor-009</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: grab
|
||||
<ul class="assert">
|
||||
<li>The 'grab' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-010-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-010.xht">cursor-010</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: grabbing
|
||||
<ul class="assert">
|
||||
<li>The 'grabbing' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-011-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-011.xht">cursor-011</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: ew-resize
|
||||
<ul class="assert">
|
||||
<li>The 'ew-resize' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-012-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-012.xht">cursor-012</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: ns-resize
|
||||
<ul class="assert">
|
||||
<li>The 'ns-resize' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-013-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-013.xht">cursor-013</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: nesw-resize
|
||||
<ul class="assert">
|
||||
<li>The 'nesw-resize' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-014-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-014.xht">cursor-014</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: nwse-resize
|
||||
<ul class="assert">
|
||||
<li>The 'nwse-resize' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-015-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-015.xht">cursor-015</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: col-resize
|
||||
<ul class="assert">
|
||||
<li>The 'col-resize' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-016-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-016.xht">cursor-016</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: row-resize
|
||||
<ul class="assert">
|
||||
<li>The 'row-resize' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-017-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-017.xht">cursor-017</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: all-scroll
|
||||
<ul class="assert">
|
||||
<li>The 'all-scroll' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-018-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-018.xht">cursor-018</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: zoom-in
|
||||
<ul class="assert">
|
||||
<li>The 'zoom-in' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-019-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-019.xht">cursor-019</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: zoom-out
|
||||
<ul class="assert">
|
||||
<li>The 'zoom-out' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-020-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-020.xht">cursor-020</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor: pointer
|
||||
<ul class="assert">
|
||||
<li>The 'pointer' cursor value is supported</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-auto-001-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-auto-001.xht">cursor-auto-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor:auto on text
|
||||
<ul class="assert">
|
||||
<li>The 'auto' cursor value does the same as 'text' over text.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-auto-002-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-auto-002.xht">cursor-auto-002</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor:auto on links
|
||||
<ul class="assert">
|
||||
<li>The 'auto' cursor value does the same as 'text' over text. Links are not special.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-auto-003-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-auto-003.xht">cursor-auto-003</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor:auto on non-textual links
|
||||
<ul class="assert">
|
||||
<li>The 'auto' cursor value does the same as 'default' over non textual content. Links are not special.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-auto-004-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-auto-004.xht">cursor-auto-004</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor:auto on empty space
|
||||
<ul class="assert">
|
||||
<li>The 'auto' cursor value does the same as 'text' over text.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-auto-005-6.1.1" class="interact may">
|
||||
<td>
|
||||
<a href="cursor-auto-005.xht">cursor-auto-005</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
|
||||
<td>cursor:auto on form elements
|
||||
<ul class="assert">
|
||||
<li>The 'auto' cursor value does the same as 'default' over everything other than text, such as form elements.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-border-area-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-border-area.xht">cursor-border-area</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor on the border area
|
||||
<ul class="assert">
|
||||
<li>The cursor property is applied over the border area.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-box-004-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-box-004.xht">cursor-box-004</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor on the margin-box
|
||||
<ul class="assert">
|
||||
<li>The cursor property is not applied over the margin box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-box-005-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-box-005.xht">cursor-box-005</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor on transparent borders
|
||||
<ul class="assert">
|
||||
<li>The cursor property is applied over the border box, even if the border is transparent.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-box-006-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-box-006.xht">cursor-box-006</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor on border images extending out of the border-box
|
||||
<ul class="assert">
|
||||
<li>The cursor property is not applied outside of the border box, even if border images do extend further out.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-box-007-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-box-007.xht">cursor-box-007</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor on the margin-box
|
||||
<ul class="assert">
|
||||
<li>The cursor property is only applied within the border-edge, which follows border-radius.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-content-area-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-content-area.xht">cursor-content-area</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor on the content area
|
||||
<ul class="assert">
|
||||
<li>The cursor property is applied over the content area, as it is strictly inside the border edge.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-hover-001-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-hover-001.xht">cursor-hover-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor and :hover
|
||||
<ul class="assert">
|
||||
<li>Checks that the correct cursor is used when :hover appears at the rightmost part of the selector.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-hover-002-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-hover-002.xht">cursor-hover-002</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor and :hover on ancestor
|
||||
<ul class="assert">
|
||||
<li>Checks that the correct cursor is used when :hover appears in the selector other than at the rightmost part.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-hover-003-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-hover-003.xht">cursor-hover-003</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor, :hover and inheritance
|
||||
<ul class="assert">
|
||||
<li>Checks that a cursor set on an ancestor with the :hover pseudo class is properly inherited to the hovered child.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-image-001-6.1.1" class="image interact">
|
||||
<td>
|
||||
<a href="cursor-image-001.xht">cursor-image-001</a></td>
|
||||
|
|
@ -660,6 +1034,50 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-outline-area-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-outline-area.xht">cursor-outline-area</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor on outline
|
||||
<ul class="assert">
|
||||
<li>The cursor property is not applied over outline.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-padding-area-6.1.1" class="interact">
|
||||
<td>
|
||||
<a href="cursor-padding-area.xht">cursor-padding-area</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>cursor on the padding area
|
||||
<ul class="assert">
|
||||
<li>The cursor property is applied over the padding area, as it is strictly inside the border edge.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-text-001-6.1.1" class="interact may">
|
||||
<td>
|
||||
<a href="cursor-text-001.xht">cursor-text-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
|
||||
<td>cursor:text with vertical text
|
||||
<ul class="assert">
|
||||
<li>User agents may automatically display a horizontal I-beam/cursor (e.g. same as the vertical-text keyword) for vertical text.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cursor-text-002-6.1.1" class="interact may">
|
||||
<td>
|
||||
<a href="cursor-text-002.xht">cursor-text-002</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
|
||||
<td>cursor:text with rotated text
|
||||
<ul class="assert">
|
||||
<li>User agents may automatically display any angle of I-beam/cursor for text that is rendered at any particular angle</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s6.1.1.#example-4a59cfe4">
|
||||
<!-- 0 tests -->
|
||||
|
|
@ -705,37 +1123,235 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.2.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css3-ui/#caret-color">6.2.1 Coloring the insertion caret: caret-color</a></th></tr>
|
||||
<!-- 3 tests -->
|
||||
<tr id="caret-color-001-6.2.1" class="">
|
||||
<!-- 21 tests -->
|
||||
<tr id="caret-color-001-6.2.1" class="interact">
|
||||
<td>
|
||||
<a href="caret-color-001.xht">caret-color-001</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>caret-color
|
||||
<ul class="assert">
|
||||
<li>Test checks that caret-color can be set on a textarea</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-002-6.2.1" class="">
|
||||
<tr id="caret-color-002-6.2.1" class="interact">
|
||||
<td>
|
||||
<a href="caret-color-002.xht">caret-color-002</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>caret-color is not inherited
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>caret-color is inherited
|
||||
<ul class="assert">
|
||||
<li>Test checks that caret-color value does not inherit</li>
|
||||
<li>Test checks that caret-color value does inherit</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-003-6.2.1" class="">
|
||||
<tr id="caret-color-003-6.2.1" class="interact should">
|
||||
<td>
|
||||
<a href="caret-color-003.xht">caret-color-003</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
|
||||
<td>caret-color auto
|
||||
<ul class="assert">
|
||||
<li>Test checks that caret-color: auto resolves to currentColor</li>
|
||||
<li>Test checks that caret-color: auto matches currentColor</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-004-6.2.1" class="interact">
|
||||
<td>
|
||||
<a href="caret-color-004.xht">caret-color-004</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>caret-color auto, black on white
|
||||
<ul class="assert">
|
||||
<li>Test checks that caret-color:auto provides good contrast in black on white</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-005-6.2.1" class="interact">
|
||||
<td>
|
||||
<a href="caret-color-005.xht">caret-color-005</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>caret-color auto, white on black
|
||||
<ul class="assert">
|
||||
<li>Test checks that caret-color:auto provides good contrast in white on black</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-006-6.2.1" class="interact may">
|
||||
<td>
|
||||
<a href="caret-color-006.xht">caret-color-006</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
|
||||
<td>caret-color auto, gray on gray
|
||||
<ul class="assert">
|
||||
<li>Test checks that caret-color:auto provides good contrast in gray on gray</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-007-6.2.1" class="interact">
|
||||
<td>
|
||||
<a href="caret-color-007.xht">caret-color-007</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>caret-color: currentColor
|
||||
<ul class="assert">
|
||||
<li>Test checks that caret-color:currentColor is inherited as currentColor and resolves to the value of the color property at used value time</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-008-6.2.1" class="animated interact">
|
||||
<td>
|
||||
<a href="caret-color-008.xht">caret-color-008</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="animated" title="Animated test">Animated</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>caret-color animation
|
||||
<ul class="assert">
|
||||
<li>Test checks that caret-color is animatable as a color</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-009-6.2.1" class="dom script">
|
||||
<td>
|
||||
<a href="caret-color-009.xht">caret-color-009</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>caret-color computed values
|
||||
<ul class="assert">
|
||||
<li>Test checks that the resolved value of auto, currentcolor and initial for caret-color property, is the used value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-010-6.2.1" class="interact">
|
||||
<td>
|
||||
<a href="caret-color-010.xht">caret-color-010</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>caret-color input
|
||||
<ul class="assert">
|
||||
<li>Test checks that caret-color can be set on an input</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-011-6.2.1" class="interact">
|
||||
<td>
|
||||
<a href="caret-color-011.xht">caret-color-011</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>caret-color contenteditable
|
||||
<ul class="assert">
|
||||
<li>Test checks that caret-color can be set on a contenteditable element</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-012-6.2.1" class="interact should">
|
||||
<td>
|
||||
<a href="caret-color-012.xht">caret-color-012</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
|
||||
<td>caret-color: auto
|
||||
<ul class="assert">
|
||||
<li>Test checks that caret-color:auto is inherited as auto and resolves to the value of the color property at used value time</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-013-6.2.1" class="dom script">
|
||||
<td>
|
||||
<a href="caret-color-013.xht">caret-color-013</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>caret-color dynamic changes
|
||||
<ul class="assert">
|
||||
<li>Test checks checks that carret-color can be correctly changed using the style attribute, and that the computed value is done correctly.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-014-6.2.1" class="interact">
|
||||
<td>
|
||||
<a href="caret-color-014.xht">caret-color-014</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>caret-color links
|
||||
<ul class="assert">
|
||||
<li>Test checks that caret-color can be set on a contenteditable link</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-015-6.2.1" class="interact">
|
||||
<td>
|
||||
<a href="caret-color-015.xht">caret-color-015</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>caret-color visited links
|
||||
<ul class="assert">
|
||||
<li>Test checks that caret-color can be set on a contenteditable visited link</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-016-6.2.1" class="interact may script">
|
||||
<td>
|
||||
<a href="caret-color-016.xht">caret-color-016</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>caret-color visited link computed value
|
||||
<ul class="assert">
|
||||
<li>Test checks that computed style of caret-color on visited links doesn't leak privacy information.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-017-6.2.1" class="interact">
|
||||
<td>
|
||||
<a href="caret-color-017.xht">caret-color-017</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
||||
<td>caret-color transition
|
||||
<ul class="assert">
|
||||
<li>Test checks that caret-color can be used in a transition</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-018-6.2.1" class="script">
|
||||
<td>
|
||||
<a href="caret-color-018.xht">caret-color-018</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>caret-color test animation
|
||||
<ul class="assert">
|
||||
<li>Test checks that caret-color is animatable as a color, and that the computed values during the animation are the expected ones.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-019-6.2.1" class="script">
|
||||
<td>
|
||||
<a href="caret-color-019.xht">caret-color-019</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>caret-color auto test animation
|
||||
<ul class="assert">
|
||||
<li>Test checks that 'auto' value for caret-color property is not interpolable.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-020-6.2.1" class="script">
|
||||
<td>
|
||||
<a href="caret-color-020.xht">caret-color-020</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>caret-color currentcolor test animation
|
||||
<ul class="assert">
|
||||
<li>Test checks that 'currentcolor' value for caret-color property is interpolable.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="caret-color-021-6.2.1" class="script">
|
||||
<td>
|
||||
<a href="caret-color-021.xht">caret-color-021</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Default caret-color test animation
|
||||
<ul class="assert">
|
||||
<li>Test checks that the default value for caret-color property, which is 'auto', is not interpolable.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
|
|||
21
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-001.xht
Normal file
21
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-001.xht
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: none</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'none' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: none;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved inside the blue box, the cursor disappears.</p>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-002.xht
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-002.xht
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: context-menu</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'context-menu' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: context-menu;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><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></html>
|
||||
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-003.xht
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-003.xht
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: cell</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'cell' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: cell;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><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></html>
|
||||
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-004.xht
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-004.xht
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: vertical-text</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'vertical-text' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: vertical-text;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><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></html>
|
||||
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-005.xht
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-005.xht
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: alias</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'alias' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: alias;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><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></html>
|
||||
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-006.xht
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-006.xht
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: copy</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'copy' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: copy;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><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></html>
|
||||
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-007.xht
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-007.xht
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: no-drop</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'no-drop' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: no-drop;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><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></html>
|
||||
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-008.xht
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-008.xht
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: not-allowed</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'not-allowed' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: not-allowed;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><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></html>
|
||||
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-009.xht
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-009.xht
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: grab</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'grab' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: grab;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><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></html>
|
||||
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-010.xht
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-010.xht
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: grabbing</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'grabbing' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: grabbing;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><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></html>
|
||||
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-011.xht
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-011.xht
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: ew-resize</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'ew-resize' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: ew-resize;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><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></html>
|
||||
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-012.xht
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-012.xht
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: ns-resize</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'ns-resize' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: ns-resize;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><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></html>
|
||||
23
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-013.xht
Normal file
23
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-013.xht
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: nesw-resize</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'nesw-resize' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: nesw-resize;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><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></html>
|
||||
23
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-014.xht
Normal file
23
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-014.xht
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: nwse-resize</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'nwse-resize' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: nwse-resize;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><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></html>
|
||||
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-015.xht
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-015.xht
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: col-resize</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'col-resize' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: col-resize;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><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></html>
|
||||
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-016.xht
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-016.xht
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: row-resize</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'row-resize' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: row-resize;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><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></html>
|
||||
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-017.xht
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-017.xht
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: all-scroll</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'all-scroll' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: all-scroll;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><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></html>
|
||||
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-018.xht
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-018.xht
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: zoom-in</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'zoom-in' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: zoom-in;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><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></html>
|
||||
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-019.xht
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-019.xht
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: zoom-out</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'zoom-out' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: zoom-out;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved inside the blue box, the cursor indicates that something can be zoomed out.
|
||||
Often rendered as a magnifying glass with a "-" in the center of the glass.</p>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
21
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-020.xht
Normal file
21
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-020.xht
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor: pointer</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'pointer' cursor value is supported" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: pointer;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved inside the blue box, the cursor indicates a link. Often rendered as the backside of a hand with the index finger poiting and the other fingers closed.</p>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-auto-001.xht
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-auto-001.xht
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor:auto on text</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'auto' cursor value does the same as 'text' over text." name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: auto;
|
||||
color: blue;
|
||||
}
|
||||
p {
|
||||
cursor: text;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved over the blue text, the cursor indicates text that may be selected, like it does when placed over this sentence.</p>
|
||||
<div>Lorem ipsum</div>
|
||||
|
||||
</body></html>
|
||||
23
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-auto-002.xht
Normal file
23
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-auto-002.xht
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor:auto on links</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'auto' cursor value does the same as 'text' over text. Links are not special." name="assert" />
|
||||
<style>
|
||||
a {
|
||||
cursor: url("support/cursors/fail.png"), help; /* Override UA styles, regardless of specificity */
|
||||
cursor: auto !important; /* Override UA styles, regardless of specificity */
|
||||
color: blue;
|
||||
text-decoration: none; /* Having the link not standout as being a link, to avoid distracting the tester */
|
||||
}
|
||||
p {
|
||||
cursor: text;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved over the blue text, the cursor indicates text that may be selected, like it does when placed over this sentence.</p>
|
||||
<a href="#">Lorem ipsum</a>
|
||||
|
||||
</body></html>
|
||||
30
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-auto-003.xht
Normal file
30
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-auto-003.xht
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor:auto on non-textual links</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'auto' cursor value does the same as 'default' over non textual content. Links are not special." name="assert" />
|
||||
<style>
|
||||
a {
|
||||
cursor: url("support/cursors/fail.png"), help; /* Override UA styles, regardless of specificity */
|
||||
cursor: auto !important; /* Override UA styles, regardless of specificity */
|
||||
}
|
||||
#ref {
|
||||
cursor: default;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid orange;
|
||||
}
|
||||
:root {
|
||||
cursor: help; /* give the root element a different cursor so that
|
||||
it is easy to tell if something changes when hovering the target.*/
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved over the image below, the cursor is the platform-dependent default cursor.</p>
|
||||
<p>Place the cursor into the orange box for a reference of what this should look like.</p>
|
||||
<a href="#"><img src="support/cursors/woolly-64.png" /></a>
|
||||
<div id="ref"></div>
|
||||
|
||||
</body></html>
|
||||
33
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-auto-004.xht
Normal file
33
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-auto-004.xht
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor:auto on empty space</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'auto' cursor value does the same as 'text' over text." name="assert" />
|
||||
<style>
|
||||
div {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
#test {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
cursor: auto;
|
||||
border: solid blue;
|
||||
}
|
||||
#ref {
|
||||
cursor: default;
|
||||
border: solid orange;
|
||||
}
|
||||
:root {
|
||||
cursor: help; /* give the root element a different cursor so that
|
||||
it is easy to tell if something changes when hovering the target.*/
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when inside the blue box, the cursor is the platform-dependent default cursor.</p>
|
||||
<p>Place the cursor into the orange box for a reference of what this should look like.</p>
|
||||
<div id="test"></div>
|
||||
<div id="ref"></div>
|
||||
|
||||
</body></html>
|
||||
43
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-auto-005.xht
Normal file
43
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-auto-005.xht
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor:auto on form elements</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact may" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The 'auto' cursor value does the same as 'default' over everything other than text, such as form elements." name="assert" />
|
||||
<style>
|
||||
#test {
|
||||
border: solid blue;
|
||||
width: 200px;
|
||||
cursor: auto;
|
||||
}
|
||||
#test * {
|
||||
cursor: url("support/cursors/fail.png"), help !important; /* Override UA styles, regardless of specificity */
|
||||
cursor: auto !important; /* Override UA styles, regardless of specificity */
|
||||
resize: none; /* The appearance of the cursor over UA provided resize controls is out of scope. */
|
||||
overflow: hidden; /* The appearance of the cursor over UA provided scroll controls is out of scope */
|
||||
}
|
||||
#ref {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
cursor: default;
|
||||
border: solid orange;
|
||||
}
|
||||
:root {
|
||||
cursor: help; /* give the root element a different cursor so that
|
||||
it is easy to tell if something changes when hovering the target.*/
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved over every element inside the blue box, the cursor remains the platform-dependent default cursor.</p>
|
||||
<p>Place the cursor into the orange box for a reference of what this should look like.</p>
|
||||
<div id="test">
|
||||
<button>button</button>
|
||||
<textarea></textarea>
|
||||
<input />
|
||||
<input type="button" value="input-button" />
|
||||
<select></select>
|
||||
</div>
|
||||
<div id="ref"></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor on the border area</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The cursor property is applied over the border area." name="assert" />
|
||||
<style>
|
||||
div {
|
||||
border: solid 50px blue;
|
||||
cursor: crosshair;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved inside the blue rectangle, the cursor looks like a crosshair (e.g. short line segments resembling a "+" sign).</p>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
23
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-box-004.xht
Normal file
23
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-box-004.xht
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor on the margin-box</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The cursor property is not applied over the margin box." name="assert" />
|
||||
<style>
|
||||
#container {
|
||||
position: absolute;
|
||||
background: blue;
|
||||
cursor: crosshair;
|
||||
}
|
||||
#test {
|
||||
margin: 100px 50px;
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved inside the blue box, the cursor looks like a crosshair (e.g. short line segments resembling a "+" sign).</p>
|
||||
<div id="container"><div id="test"></div></div>
|
||||
|
||||
</body></html>
|
||||
23
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-box-005.xht
Normal file
23
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-box-005.xht
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor on transparent borders</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The cursor property is applied over the border box, even if the border is transparent." name="assert" />
|
||||
<style>
|
||||
#container {
|
||||
position: absolute;
|
||||
background: blue;
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
}
|
||||
#test {
|
||||
border: solid transparent 50px;
|
||||
cursor: crosshair;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved over the blue box, the cursor looks like a crosshair (e.g. short line segments resembling a "+" sign).</p>
|
||||
<div id="container"><div id="test"></div></div>
|
||||
|
||||
</body></html>
|
||||
29
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-box-006.xht
Normal file
29
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-box-006.xht
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor on border images extending out of the border-box</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The cursor property is not applied outside of the border box, even if border images do extend further out." name="assert" />
|
||||
<style>
|
||||
#container {
|
||||
position: absolute;
|
||||
padding: 50px;
|
||||
cursor: crosshair;
|
||||
}
|
||||
#test{
|
||||
border-image: linear-gradient(blue, blue);
|
||||
border-image-outset: 50px;
|
||||
border-image-width: 50px;
|
||||
border-style: solid;
|
||||
border-width: 5px;
|
||||
border-color: white;
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved over the blue boxes, the cursor looks like a crosshair (e.g. short line segments resembling a "+" sign).
|
||||
The shape of the cursor when it is over white areas is not part of this test.</p>
|
||||
<div id="container"><div id="test"></div></div>
|
||||
|
||||
</body></html>
|
||||
24
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-box-007.xht
Normal file
24
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-box-007.xht
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor on the margin-box</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The cursor property is only applied within the border-edge, which follows border-radius." name="assert" />
|
||||
<style>
|
||||
#container {
|
||||
position: absolute;
|
||||
background: blue;
|
||||
cursor: crosshair;
|
||||
}
|
||||
#test {
|
||||
border: solid white 50px;
|
||||
border-radius: 50%;
|
||||
cursor: default;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved over the blue areas, the cursor looks like a crosshair (e.g. short line segments resembling a "+" sign).</p>
|
||||
<div id="container"><div id="test"></div></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor on the content area</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The cursor property is applied over the content area, as it is strictly inside the border edge." name="assert" />
|
||||
<style>
|
||||
div {
|
||||
background: blue;
|
||||
height: 100px;
|
||||
cursor: crosshair;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved inside the blue rectangle, the cursor looks like a crosshair (e.g. short line segments resembling a "+" sign).</p>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
23
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-hover-001.xht
Normal file
23
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-hover-001.xht
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor and :hover</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="Checks that the correct cursor is used when :hover appears at the rightmost part of the selector." name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
div:hover {
|
||||
cursor: crosshair;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved inside the blue box, the cursor looks like a crosshair (e.g. short line segments resembling a "+" sign).</p>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
23
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-hover-002.xht
Normal file
23
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-hover-002.xht
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor and :hover on ancestor</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="Checks that the correct cursor is used when :hover appears in the selector other than at the rightmost part." name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
:hover div {
|
||||
cursor: crosshair;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved inside the blue box, the cursor looks like a crosshair (e.g. short line segments resembling a "+" sign).</p>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
30
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-hover-003.xht
Normal file
30
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-hover-003.xht
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor, :hover and inheritance</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="Checks that a cursor set on an ancestor with the :hover pseudo class is properly inherited to the hovered child." name="assert" />
|
||||
<style>
|
||||
#d1 {
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: relative;
|
||||
cursor: url("support/cursors/fail.png"), help;
|
||||
}
|
||||
#d2 {
|
||||
position: absolute;
|
||||
top: 0; left: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: solid blue;
|
||||
}
|
||||
#d1:hover {
|
||||
cursor: crosshair;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved inside the blue box, the cursor looks like a crosshair (e.g. short line segments resembling a "+" sign).</p>
|
||||
<div id="d1"><div id="d2"></div></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -13,12 +13,12 @@
|
|||
<p>The test passes if all the reference images look the same, AND when moved inside the peach rectangle, the cursor looks like the reference images (ignoring the small numeric values in each image).</p>
|
||||
|
||||
<p class="test">
|
||||
<img src="PTS/g03n0g16.png" /><br />
|
||||
<img src="PTS/g04n0g16.png" /><br />
|
||||
<img src="PTS/g05n0g16.png" /><br />
|
||||
<img src="PTS/g07n0g16.png" /><br />
|
||||
<img src="PTS/g10n0g16.png" /><br />
|
||||
<img src="PTS/g25n0g16.png" /><br /> </p>
|
||||
<img src="support/PTS/g03n0g16.png" /><br />
|
||||
<img src="support/PTS/g04n0g16.png" /><br />
|
||||
<img src="support/PTS/g05n0g16.png" /><br />
|
||||
<img src="support/PTS/g07n0g16.png" /><br />
|
||||
<img src="support/PTS/g10n0g16.png" /><br />
|
||||
<img src="support/PTS/g25n0g16.png" /><br /> </p>
|
||||
<p>Greyscale PNG images with various gamma values, 16 bit/pixel. Pixel values adjusted so that, when gamma corrected, the images look the same.
|
||||
|
||||
</p></body></html>
|
||||
|
|
@ -13,12 +13,12 @@
|
|||
<p>The test passes if all the reference images look the same, AND when moved inside the peach rectangle, the cursor looks like the reference images (ignoring the small numeric values in each image).</p>
|
||||
|
||||
<p class="test">
|
||||
<img src="PTS/g03n2c08.png" /><br />
|
||||
<img src="PTS/g04n2c08.png" /><br />
|
||||
<img src="PTS/g05n2c08.png" /><br />
|
||||
<img src="PTS/g07n2c08.png" /><br />
|
||||
<img src="PTS/g10n2c08.png" /><br />
|
||||
<img src="PTS/g25n2c08.png" /><br /> </p>
|
||||
<img src="support/PTS/g03n2c08.png" /><br />
|
||||
<img src="support/PTS/g04n2c08.png" /><br />
|
||||
<img src="support/PTS/g05n2c08.png" /><br />
|
||||
<img src="support/PTS/g07n2c08.png" /><br />
|
||||
<img src="support/PTS/g10n2c08.png" /><br />
|
||||
<img src="support/PTS/g25n2c08.png" /><br /> </p>
|
||||
<p>RGB PNG images with various gamma values, 8 bit/pixel. Pixel values adjusted so that, when gamma corrected, the images look the same.
|
||||
|
||||
</p></body></html>
|
||||
|
|
@ -13,12 +13,12 @@
|
|||
<p>The test passes if all the reference images look the same, AND when moved inside the peach rectangle, the cursor looks like the reference images (ignoring the small numeric values in each image).</p>
|
||||
|
||||
<p class="test">
|
||||
<img src="PTS/g03n3p04.png" /><br />
|
||||
<img src="PTS/g04n3p04.png" /><br />
|
||||
<img src="PTS/g05n3p04.png" /><br />
|
||||
<img src="PTS/g07n3p04.png" /><br />
|
||||
<img src="PTS/g10n3p04.png" /><br />
|
||||
<img src="PTS/g25n3p04.png" /><br /> </p>
|
||||
<img src="support/PTS/g03n3p04.png" /><br />
|
||||
<img src="support/PTS/g04n3p04.png" /><br />
|
||||
<img src="support/PTS/g05n3p04.png" /><br />
|
||||
<img src="support/PTS/g07n3p04.png" /><br />
|
||||
<img src="support/PTS/g10n3p04.png" /><br />
|
||||
<img src="support/PTS/g25n3p04.png" /><br /> </p>
|
||||
<p>Indexed PNG images with various gamma values, 4 bit/pixel. Pixel values adjusted so that, when gamma corrected, the images look the same.
|
||||
|
||||
</p></body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor on outline</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" title="6.1.1. cursor property" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The cursor property is not applied over outline." name="assert" />
|
||||
<style>
|
||||
div {
|
||||
margin-top: 66px;
|
||||
margin-left: 50px;
|
||||
outline: blue solid 50px;
|
||||
cursor: url("support/cursors/fail.png"), url("support/cursors/fail.cur"), help;
|
||||
width: 0px;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved inside the blue square, the cursor is the platform-dependent default cursor. Often rendered as an arrow.</p>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor on the padding area</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<meta content="interact" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="The cursor property is applied over the padding area, as it is strictly inside the border edge." name="assert" />
|
||||
<style>
|
||||
div {
|
||||
background: blue;
|
||||
padding: 50px;
|
||||
cursor: crosshair;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved inside the blue rectangle, the cursor looks like a crosshair (e.g. short line segments resembling a "+" sign).</p>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
27
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-text-001.xht
Normal file
27
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-text-001.xht
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor:text with vertical text</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" />
|
||||
<meta content="interact may" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="User agents may automatically display a horizontal I-beam/cursor (e.g. same as the vertical-text keyword) for vertical text." name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: text;
|
||||
color: blue;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
p {
|
||||
cursor: text;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved over the blue vertical text, the cursor indicates vertical-text that may be selected,
|
||||
and looks different from the cursor used to indicate that horizontal text may be selected,
|
||||
such as when placed over this sentence.
|
||||
Often rendered as a horizontal I-beam.</p>
|
||||
<p>Disregard this test if there is no vertical text.</p>
|
||||
<div>Lorem ipsum</div>
|
||||
|
||||
</body></html>
|
||||
25
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-text-002.xht
Normal file
25
tests/wpt/css-tests/css-ui-3_dev/xhtml1/cursor-text-002.xht
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: cursor:text with rotated text</title>
|
||||
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
|
||||
<link href="http://www.w3.org/TR/css3-transforms/#two-d-transform-functions" rel="help" />
|
||||
<meta content="interact may" name="flags" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta content="User agents may automatically display any angle of I-beam/cursor for text that is rendered at any particular angle" name="assert" />
|
||||
<style>
|
||||
div {
|
||||
cursor: text;
|
||||
color: blue;
|
||||
transform: rotate(45deg);
|
||||
transform-origin: bottom left;
|
||||
}
|
||||
p {
|
||||
cursor: text;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>The test passes if, when moved over the blue rotated text, the cursor that indicates text that may be selected is rotated to match the angle of the text.</p>
|
||||
<p>Disregard this test if there is no rotated text.</p>
|
||||
<div>Lorem ipsum</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>Reference: a black square</title>
|
||||
<style>
|
||||
div { padding:50px; width:50px; height:50px; background:black }
|
||||
</style>
|
||||
</head><body><p>There should be a black square below.</p>
|
||||
<div></div></body></html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 244 B |
|
|
@ -0,0 +1 @@
|
|||
Content-Encoding: gzip
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS-UI test reference</title>
|
||||
<link href="mailto:michael@notriddle.com" rel="author" title="Michael Howell" />
|
||||
<style>html{font-family:Ahem}</style>
|
||||
</head><body><div style="width:20em"><p style="text-overflow:ellipsis;overflow:hidden">XXXXXXXXXX</p></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -32,14 +32,6 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="box-sizing-002" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="box-sizing:padding-box and CSS2.1 10.3.3">
|
||||
<a href="box-sizing-002.xht">box-sizing-002</a></td>
|
||||
<td><a href="reference/box-sizing-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="box-sizing-003" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="box-sizing:border-box and CSS2.1 10.3.7">
|
||||
|
|
@ -48,14 +40,6 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="box-sizing-004" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="box-sizing:padding-box and CSS2.1 10.3.7">
|
||||
<a href="box-sizing-004.xht">box-sizing-004</a></td>
|
||||
<td><a href="reference/box-sizing-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="box-sizing-005" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="box-sizing:border-box and CSS2.1 10.6.4">
|
||||
|
|
@ -64,14 +48,6 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="box-sizing-006" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="box-sizing:padding-box and CSS2.1 10.6.4">
|
||||
<a href="box-sizing-006.xht">box-sizing-006</a></td>
|
||||
<td><a href="reference/box-sizing-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="box-sizing-007" class="svg">
|
||||
<tr>
|
||||
<td rowspan="1" title="box-sizing:border-box and auto sizing of intrinsicly sized replaced elements.">
|
||||
|
|
@ -280,14 +256,6 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="box-sizing-padding-box-block-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS UI: box-sizing:padding-box for a block box">
|
||||
<a href="box-sizing-padding-box-block-001.xht">box-sizing-padding-box-block-001</a></td>
|
||||
<td><a href="reference/box-sizing-padding-box-block-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="box-sizing-replaced-001" class="image">
|
||||
<tr>
|
||||
<td rowspan="1" title="Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing">
|
||||
|
|
@ -424,6 +392,14 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-overflow-005" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="text-overflow reflow">
|
||||
<a href="text-overflow-005.xht">text-overflow-005</a></td>
|
||||
<td><a href="reference/text-overflow-005-ref.xht">=</a> </td>
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,10 +1,7 @@
|
|||
|
||||
box-sizing-001.xht == reference/box-sizing-001-ref.xht
|
||||
box-sizing-002.xht == reference/box-sizing-001-ref.xht
|
||||
box-sizing-003.xht == reference/box-sizing-001-ref.xht
|
||||
box-sizing-004.xht == reference/box-sizing-001-ref.xht
|
||||
box-sizing-005.xht == reference/box-sizing-001-ref.xht
|
||||
box-sizing-006.xht == reference/box-sizing-001-ref.xht
|
||||
box-sizing-007.xht == reference/box-sizing-007-ref.xht
|
||||
box-sizing-008.xht == reference/box-sizing-008-ref.xht
|
||||
box-sizing-009.xht == reference/box-sizing-009-ref.xht
|
||||
|
|
@ -31,7 +28,6 @@ box-sizing-border-box-004.xht == reference/box-sizing-border-box-004-ref.xht
|
|||
box-sizing-content-box-001.xht == reference/box-sizing-content-box-001-ref.xht
|
||||
box-sizing-content-box-002.xht == reference/box-sizing-content-box-002-ref.xht
|
||||
box-sizing-content-box-003.xht == reference/box-sizing-content-box-003-ref.xht
|
||||
box-sizing-padding-box-block-001.xht == reference/box-sizing-padding-box-block-001-ref.xht
|
||||
box-sizing-replaced-001.xht == reference/box-sizing-replaced-001-ref.xht
|
||||
box-sizing-replaced-002.xht == reference/box-sizing-replaced-002-ref.xht
|
||||
box-sizing-replaced-003.xht == reference/box-sizing-replaced-003-ref.xht
|
||||
|
|
@ -49,3 +45,4 @@ text-overflow-001.xht == reference/text-overflow-001-ref.xht
|
|||
text-overflow-002.xht == reference/text-overflow-002-ref.xht
|
||||
text-overflow-003.xht == reference/text-overflow-001-ref.xht
|
||||
text-overflow-004.xht == reference/text-overflow-002-ref.xht
|
||||
text-overflow-005.xht == reference/text-overflow-005-ref.xht
|
||||
|
|
|
|||
BIN
tests/wpt/css-tests/css-ui-3_dev/xhtml1/support/cursors/fail.png
Normal file
BIN
tests/wpt/css-tests/css-ui-3_dev/xhtml1/support/cursors/fail.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 244 B |
|
|
@ -0,0 +1 @@
|
|||
Content-Encoding: gzip
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html class="reftest-wait" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS-UI test: text-overflow reflow</title>
|
||||
<meta content="Text overflow should disappear when the container becomes large enough. This test is targetted at bug #14952 in Servo's incremental reflow engine." name="assert" />
|
||||
<link href="mailto:michael@notriddle.com" rel="author" title="Michael Howell" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#text-overflow" rel="help" title="8.2. Overflow Ellipsis: the 'text-overflow' property" />
|
||||
<link href="reference/text-overflow-005-ref.xht" rel="match" />
|
||||
<meta content="ahem" name="flags" />
|
||||
<style>html{font-family:Ahem}</style>
|
||||
</head><body><div style="width:5em" id="goat"><p style="text-overflow:ellipsis;overflow:hidden">XXXXXXXXXX</p></div>
|
||||
<script>
|
||||
var goat = document.getElementById("goat");
|
||||
requestAnimationFrame(function() {
|
||||
goat.style.width = "20em";
|
||||
document.documentElement.className = "";
|
||||
});
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
<tbody id="s3">
|
||||
<tr><th><a href="chapter-3.xht">Chapter 3 -
|
||||
Box Model addition</a></th>
|
||||
<td>(36 Tests)</td></tr>
|
||||
<td>(32 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s4">
|
||||
<tr><th><a href="chapter-4.xht">Chapter 4 -
|
||||
|
|
@ -42,12 +42,12 @@
|
|||
<tbody id="s5">
|
||||
<tr><th><a href="chapter-5.xht">Chapter 5 -
|
||||
Resizing & Overflow</a></th>
|
||||
<td>(12 Tests)</td></tr>
|
||||
<td>(13 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s6">
|
||||
<tr><th><a href="chapter-6.xht">Chapter 6 -
|
||||
Pointing Devices and Keyboards</a></th>
|
||||
<td>(145 Tests)</td></tr>
|
||||
<td>(201 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="sA">
|
||||
<tr><th><a href="chapter-A.xht">Appendix A -
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue