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>
|
||||
<html><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.htm" 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>
|
||||
<html><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.htm" 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>
|
||||
<html><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.htm" 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>
|
||||
<html><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.htm" 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><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>
|
||||
<html><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><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/html/caret-color-004.htm
Normal file
31
tests/wpt/css-tests/css-ui-3_dev/html/caret-color-004.htm
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/caret-color-005.htm
Normal file
31
tests/wpt/css-tests/css-ui-3_dev/html/caret-color-005.htm
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/caret-color-006.htm
Normal file
31
tests/wpt/css-tests/css-ui-3_dev/html/caret-color-006.htm
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/caret-color-007.htm
Normal file
37
tests/wpt/css-tests/css-ui-3_dev/html/caret-color-007.htm
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/caret-color-008.htm
Normal file
39
tests/wpt/css-tests/css-ui-3_dev/html/caret-color-008.htm
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/caret-color-009.htm
Normal file
50
tests/wpt/css-tests/css-ui-3_dev/html/caret-color-009.htm
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/caret-color-010.htm
Normal file
29
tests/wpt/css-tests/css-ui-3_dev/html/caret-color-010.htm
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/caret-color-011.htm
Normal file
29
tests/wpt/css-tests/css-ui-3_dev/html/caret-color-011.htm
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/caret-color-012.htm
Normal file
35
tests/wpt/css-tests/css-ui-3_dev/html/caret-color-012.htm
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/caret-color-013.htm
Normal file
51
tests/wpt/css-tests/css-ui-3_dev/html/caret-color-013.htm
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/caret-color-014.htm
Normal file
30
tests/wpt/css-tests/css-ui-3_dev/html/caret-color-014.htm
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/caret-color-015.htm
Normal file
45
tests/wpt/css-tests/css-ui-3_dev/html/caret-color-015.htm
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/caret-color-016.htm
Normal file
54
tests/wpt/css-tests/css-ui-3_dev/html/caret-color-016.htm
Normal file
|
|
@ -0,0 +1,54 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/caret-color-017.htm
Normal file
30
tests/wpt/css-tests/css-ui-3_dev/html/caret-color-017.htm
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/caret-color-018.htm
Normal file
46
tests/wpt/css-tests/css-ui-3_dev/html/caret-color-018.htm
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/caret-color-019.htm
Normal file
40
tests/wpt/css-tests/css-ui-3_dev/html/caret-color-019.htm
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/caret-color-020.htm
Normal file
40
tests/wpt/css-tests/css-ui-3_dev/html/caret-color-020.htm
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/caret-color-021.htm
Normal file
34
tests/wpt/css-tests/css-ui-3_dev/html/caret-color-021.htm
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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 id="refs-column">
|
||||
|
|
@ -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.htm">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.htm">box-sizing-002</a></strong></td>
|
||||
<td><a href="reference/box-sizing-001-ref.htm">=</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.htm">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.htm">box-sizing-004</a></strong></td>
|
||||
<td><a href="reference/box-sizing-001-ref.htm">=</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.htm">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.htm">box-sizing-006</a></strong></td>
|
||||
<td><a href="reference/box-sizing-001-ref.htm">=</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.htm">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.htm">box-sizing-padding-box-block-001</a></td>
|
||||
<td><a href="reference/box-sizing-padding-box-block-001-ref.htm">=</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.htm">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 id="refs-column">
|
||||
|
|
@ -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.htm">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.htm">text-overflow-005</a></td>
|
||||
<td><a href="reference/text-overflow-005-ref.htm">=</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 id="refs-column">
|
||||
|
|
@ -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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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>
|
||||
<tr id="select-cursor-001-manual-6.1.1" class="primary HTMLonly interact">
|
||||
<td><strong>
|
||||
<a href="select-cursor-001-manual.htm">select-cursor-001-manual</a></strong></td>
|
||||
|
|
@ -716,37 +1134,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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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/html/cursor-001.htm
Normal file
21
tests/wpt/css-tests/css-ui-3_dev/html/cursor-001.htm
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-002.htm
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/html/cursor-002.htm
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-003.htm
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/html/cursor-003.htm
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-004.htm
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/html/cursor-004.htm
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-005.htm
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/html/cursor-005.htm
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-006.htm
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/html/cursor-006.htm
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-007.htm
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/html/cursor-007.htm
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-008.htm
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/html/cursor-008.htm
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-009.htm
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/html/cursor-009.htm
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-010.htm
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/html/cursor-010.htm
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-011.htm
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/html/cursor-011.htm
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-012.htm
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/html/cursor-012.htm
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-013.htm
Normal file
23
tests/wpt/css-tests/css-ui-3_dev/html/cursor-013.htm
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-014.htm
Normal file
23
tests/wpt/css-tests/css-ui-3_dev/html/cursor-014.htm
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-015.htm
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/html/cursor-015.htm
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-016.htm
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/html/cursor-016.htm
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-017.htm
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/html/cursor-017.htm
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-018.htm
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/html/cursor-018.htm
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-019.htm
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/html/cursor-019.htm
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-020.htm
Normal file
21
tests/wpt/css-tests/css-ui-3_dev/html/cursor-020.htm
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-auto-001.htm
Normal file
22
tests/wpt/css-tests/css-ui-3_dev/html/cursor-auto-001.htm
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-auto-002.htm
Normal file
23
tests/wpt/css-tests/css-ui-3_dev/html/cursor-auto-002.htm
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-auto-003.htm
Normal file
30
tests/wpt/css-tests/css-ui-3_dev/html/cursor-auto-003.htm
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-auto-004.htm
Normal file
33
tests/wpt/css-tests/css-ui-3_dev/html/cursor-auto-004.htm
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-auto-005.htm
Normal file
43
tests/wpt/css-tests/css-ui-3_dev/html/cursor-auto-005.htm
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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>
|
||||
18
tests/wpt/css-tests/css-ui-3_dev/html/cursor-border-area.htm
Normal file
18
tests/wpt/css-tests/css-ui-3_dev/html/cursor-border-area.htm
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-box-004.htm
Normal file
23
tests/wpt/css-tests/css-ui-3_dev/html/cursor-box-004.htm
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-box-005.htm
Normal file
23
tests/wpt/css-tests/css-ui-3_dev/html/cursor-box-005.htm
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-box-006.htm
Normal file
29
tests/wpt/css-tests/css-ui-3_dev/html/cursor-box-006.htm
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-box-007.htm
Normal file
24
tests/wpt/css-tests/css-ui-3_dev/html/cursor-box-007.htm
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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>
|
||||
<html><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/html/cursor-hover-001.htm
Normal file
23
tests/wpt/css-tests/css-ui-3_dev/html/cursor-hover-001.htm
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-hover-002.htm
Normal file
23
tests/wpt/css-tests/css-ui-3_dev/html/cursor-hover-002.htm
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-hover-003.htm
Normal file
30
tests/wpt/css-tests/css-ui-3_dev/html/cursor-hover-003.htm
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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>
|
||||
<html><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>
|
||||
<html><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/html/cursor-text-001.htm
Normal file
27
tests/wpt/css-tests/css-ui-3_dev/html/cursor-text-001.htm
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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/html/cursor-text-002.htm
Normal file
25
tests/wpt/css-tests/css-ui-3_dev/html/cursor-text-002.htm
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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>
|
||||
<html><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>
|
||||
<html><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.htm">box-sizing-002</a></td>
|
||||
<td><a href="reference/box-sizing-001-ref.htm">=</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.htm">box-sizing-004</a></td>
|
||||
<td><a href="reference/box-sizing-001-ref.htm">=</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.htm">box-sizing-006</a></td>
|
||||
<td><a href="reference/box-sizing-001-ref.htm">=</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.htm">box-sizing-padding-box-block-001</a></td>
|
||||
<td><a href="reference/box-sizing-padding-box-block-001-ref.htm">=</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.htm">text-overflow-005</a></td>
|
||||
<td><a href="reference/text-overflow-005-ref.htm">=</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.htm == reference/box-sizing-001-ref.htm
|
||||
box-sizing-002.htm == reference/box-sizing-001-ref.htm
|
||||
box-sizing-003.htm == reference/box-sizing-001-ref.htm
|
||||
box-sizing-004.htm == reference/box-sizing-001-ref.htm
|
||||
box-sizing-005.htm == reference/box-sizing-001-ref.htm
|
||||
box-sizing-006.htm == reference/box-sizing-001-ref.htm
|
||||
box-sizing-007.htm == reference/box-sizing-007-ref.htm
|
||||
box-sizing-008.htm == reference/box-sizing-008-ref.htm
|
||||
box-sizing-009.htm == reference/box-sizing-009-ref.htm
|
||||
|
|
@ -31,7 +28,6 @@ box-sizing-border-box-004.htm == reference/box-sizing-border-box-004-ref.htm
|
|||
box-sizing-content-box-001.htm == reference/box-sizing-content-box-001-ref.htm
|
||||
box-sizing-content-box-002.htm == reference/box-sizing-content-box-002-ref.htm
|
||||
box-sizing-content-box-003.htm == reference/box-sizing-content-box-003-ref.htm
|
||||
box-sizing-padding-box-block-001.htm == reference/box-sizing-padding-box-block-001-ref.htm
|
||||
box-sizing-replaced-001.htm == reference/box-sizing-replaced-001-ref.htm
|
||||
box-sizing-replaced-002.htm == reference/box-sizing-replaced-002-ref.htm
|
||||
box-sizing-replaced-003.htm == reference/box-sizing-replaced-003-ref.htm
|
||||
|
|
@ -49,3 +45,4 @@ text-overflow-001.htm == reference/text-overflow-001-ref.htm
|
|||
text-overflow-002.htm == reference/text-overflow-002-ref.htm
|
||||
text-overflow-003.htm == reference/text-overflow-001-ref.htm
|
||||
text-overflow-004.htm == reference/text-overflow-002-ref.htm
|
||||
text-overflow-005.htm == reference/text-overflow-005-ref.htm
|
||||
|
|
|
|||
BIN
tests/wpt/css-tests/css-ui-3_dev/html/support/cursors/fail.png
Normal file
BIN
tests/wpt/css-tests/css-ui-3_dev/html/support/cursors/fail.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 244 B |
|
|
@ -0,0 +1 @@
|
|||
Content-Encoding: gzip
|
||||
19
tests/wpt/css-tests/css-ui-3_dev/html/text-overflow-005.htm
Normal file
19
tests/wpt/css-tests/css-ui-3_dev/html/text-overflow-005.htm
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait"><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.htm" 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.htm">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.htm">Chapter 4 -
|
||||
|
|
@ -42,12 +42,12 @@
|
|||
<tbody id="s5">
|
||||
<tr><th><a href="chapter-5.htm">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.htm">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.htm">Appendix A -
|
||||
|
|
|
|||
|
|
@ -5,16 +5,10 @@
|
|||
testname revision result comment
|
||||
html/box-sizing-001.htm 615898f337b8ce0337f1360d145d2d38dec45b5c ?
|
||||
xhtml1/box-sizing-001.xht 615898f337b8ce0337f1360d145d2d38dec45b5c ?
|
||||
html/box-sizing-002.htm b9c41043dfd84bddebce91fab68a511ac4617dab ?
|
||||
xhtml1/box-sizing-002.xht b9c41043dfd84bddebce91fab68a511ac4617dab ?
|
||||
html/box-sizing-003.htm c61f2c8769183ae0d9adeee16a13361e703a367a ?
|
||||
xhtml1/box-sizing-003.xht c61f2c8769183ae0d9adeee16a13361e703a367a ?
|
||||
html/box-sizing-004.htm 20b8bc04ea6e4ef064d4fe2af58a3aa28f5bd995 ?
|
||||
xhtml1/box-sizing-004.xht 20b8bc04ea6e4ef064d4fe2af58a3aa28f5bd995 ?
|
||||
html/box-sizing-005.htm 5c91e57581a3e2ac9b430f1afcb26eec0bc3094a ?
|
||||
xhtml1/box-sizing-005.xht 5c91e57581a3e2ac9b430f1afcb26eec0bc3094a ?
|
||||
html/box-sizing-006.htm 1ad8344b1537924b3ed9ea14f36faff891d6957d ?
|
||||
xhtml1/box-sizing-006.xht 1ad8344b1537924b3ed9ea14f36faff891d6957d ?
|
||||
html/box-sizing-007.htm 470a1d40e93f37987e3a1050d90c9b5e9acfe263 ?
|
||||
xhtml1/box-sizing-007.xht 470a1d40e93f37987e3a1050d90c9b5e9acfe263 ?
|
||||
html/box-sizing-008.htm 7e06d64d703830c06b9d61c75d3be230bd1b56bc ?
|
||||
|
|
@ -67,8 +61,6 @@ html/box-sizing-content-box-002.htm 51e63ae5f8b3a40e56096e7daa86265f8684e9a8 ?
|
|||
xhtml1/box-sizing-content-box-002.xht 51e63ae5f8b3a40e56096e7daa86265f8684e9a8 ?
|
||||
html/box-sizing-content-box-003.htm 397bec8981e201e663ea97b4b265aa45fff08bd5 ?
|
||||
xhtml1/box-sizing-content-box-003.xht 397bec8981e201e663ea97b4b265aa45fff08bd5 ?
|
||||
html/box-sizing-padding-box-block-001.htm 4e8dd583111bef378efaa8d0cf705160aeb90481 ?
|
||||
xhtml1/box-sizing-padding-box-block-001.xht 4e8dd583111bef378efaa8d0cf705160aeb90481 ?
|
||||
html/box-sizing-replaced-001.htm a8e28589639906e9ad2c23f3875a1b84b9edc2c3 ?
|
||||
xhtml1/box-sizing-replaced-001.xht a8e28589639906e9ad2c23f3875a1b84b9edc2c3 ?
|
||||
html/box-sizing-replaced-002.htm d4148a5cae7298ba17c8257c328e4f622edfc689 ?
|
||||
|
|
@ -79,12 +71,116 @@ html/canvas-cursor-001.htm d776271759adae48748f2424d34012fe871acef8 ?
|
|||
xhtml1/canvas-cursor-001.xht d776271759adae48748f2424d34012fe871acef8 ?
|
||||
html/canvas-cursor-002.htm 96e20addfadf1ec458f9867bb586adb925b6b2c1 ?
|
||||
xhtml1/canvas-cursor-002.xht 96e20addfadf1ec458f9867bb586adb925b6b2c1 ?
|
||||
html/caret-color-001.htm d51a15636bbc1a93132d4dba71ff6de6c08c1c1f ?
|
||||
xhtml1/caret-color-001.xht d51a15636bbc1a93132d4dba71ff6de6c08c1c1f ?
|
||||
html/caret-color-002.htm 02a3dcc0a7054487ffd77b21aa525a3e8cad0dfc ?
|
||||
xhtml1/caret-color-002.xht 02a3dcc0a7054487ffd77b21aa525a3e8cad0dfc ?
|
||||
html/caret-color-003.htm 2b11748c87a4cb16a19ef484bd474e26faf5aac5 ?
|
||||
xhtml1/caret-color-003.xht 2b11748c87a4cb16a19ef484bd474e26faf5aac5 ?
|
||||
html/caret-color-001.htm 465badb42f828e15d439c4126247d794252d4d46 ?
|
||||
xhtml1/caret-color-001.xht 465badb42f828e15d439c4126247d794252d4d46 ?
|
||||
html/caret-color-002.htm 2bb89e2a6990b5885aa0a04f3cec1647c708b456 ?
|
||||
xhtml1/caret-color-002.xht 2bb89e2a6990b5885aa0a04f3cec1647c708b456 ?
|
||||
html/caret-color-003.htm 286765ba5c046ce3f089008bd326a473d5236b50 ?
|
||||
xhtml1/caret-color-003.xht 286765ba5c046ce3f089008bd326a473d5236b50 ?
|
||||
html/caret-color-004.htm b6dd6ac6319ea3b73f1bad78ce2ebaa7ab7167f7 ?
|
||||
xhtml1/caret-color-004.xht b6dd6ac6319ea3b73f1bad78ce2ebaa7ab7167f7 ?
|
||||
html/caret-color-005.htm acf5683e36d304d08ebb95d1aa4c43bbffa651fc ?
|
||||
xhtml1/caret-color-005.xht acf5683e36d304d08ebb95d1aa4c43bbffa651fc ?
|
||||
html/caret-color-006.htm 86859e4549dd5c89ef665c9b068d44f984752779 ?
|
||||
xhtml1/caret-color-006.xht 86859e4549dd5c89ef665c9b068d44f984752779 ?
|
||||
html/caret-color-007.htm b4d9b0ed8ed91f7fdc31756962d0b918769b0332 ?
|
||||
xhtml1/caret-color-007.xht b4d9b0ed8ed91f7fdc31756962d0b918769b0332 ?
|
||||
html/caret-color-008.htm c3fc7a168f032dc38dbfde1e2a0c7e3a7a2c5a87 ?
|
||||
xhtml1/caret-color-008.xht c3fc7a168f032dc38dbfde1e2a0c7e3a7a2c5a87 ?
|
||||
html/caret-color-009.htm 5cf99f4d75a5c16334cf11c5424ab533f1a568a1 ?
|
||||
xhtml1/caret-color-009.xht 5cf99f4d75a5c16334cf11c5424ab533f1a568a1 ?
|
||||
html/caret-color-010.htm ac664ee5548c651c2b818b5784c35572f3ab78a3 ?
|
||||
xhtml1/caret-color-010.xht ac664ee5548c651c2b818b5784c35572f3ab78a3 ?
|
||||
html/caret-color-011.htm 7970fd2482e78b8f3875e82f37dc485657660b85 ?
|
||||
xhtml1/caret-color-011.xht 7970fd2482e78b8f3875e82f37dc485657660b85 ?
|
||||
html/caret-color-012.htm b563b78d99062a024a19a165ff8c77191ddce3c1 ?
|
||||
xhtml1/caret-color-012.xht b563b78d99062a024a19a165ff8c77191ddce3c1 ?
|
||||
html/caret-color-013.htm 0e52cf5be9ac07172ba7be4d7feae0446c2156ee ?
|
||||
xhtml1/caret-color-013.xht 0e52cf5be9ac07172ba7be4d7feae0446c2156ee ?
|
||||
html/caret-color-014.htm 47e78c6b0c0aaadf5488e4157388d10555c3aeb7 ?
|
||||
xhtml1/caret-color-014.xht 47e78c6b0c0aaadf5488e4157388d10555c3aeb7 ?
|
||||
html/caret-color-015.htm 5a837b292f1ffd55af14d1577313a5243f423463 ?
|
||||
xhtml1/caret-color-015.xht 5a837b292f1ffd55af14d1577313a5243f423463 ?
|
||||
html/caret-color-016.htm a89ebaea95d3d68d8acffc3fc460c04613afb3c3 ?
|
||||
xhtml1/caret-color-016.xht a89ebaea95d3d68d8acffc3fc460c04613afb3c3 ?
|
||||
html/caret-color-017.htm 0a20d6a97f859a574df4cb016a26b2f8057836ad ?
|
||||
xhtml1/caret-color-017.xht 0a20d6a97f859a574df4cb016a26b2f8057836ad ?
|
||||
html/caret-color-018.htm 2b42067b6dbf7c555d46c69f305f3fd7bd42876f ?
|
||||
xhtml1/caret-color-018.xht 2b42067b6dbf7c555d46c69f305f3fd7bd42876f ?
|
||||
html/caret-color-019.htm b86340842cc57114d5b72c22c58fe1946ca76faf ?
|
||||
xhtml1/caret-color-019.xht b86340842cc57114d5b72c22c58fe1946ca76faf ?
|
||||
html/caret-color-020.htm 4596471e11cc02f86d509470a0b1024b5bcd8883 ?
|
||||
xhtml1/caret-color-020.xht 4596471e11cc02f86d509470a0b1024b5bcd8883 ?
|
||||
html/caret-color-021.htm ce7d2127a0f927e25179a3262b09532fd758c337 ?
|
||||
xhtml1/caret-color-021.xht ce7d2127a0f927e25179a3262b09532fd758c337 ?
|
||||
html/cursor-001.htm 8e6fd50371934329780af13d2f8bda9e8966af19 ?
|
||||
xhtml1/cursor-001.xht 8e6fd50371934329780af13d2f8bda9e8966af19 ?
|
||||
html/cursor-002.htm e876bb7201f1669cafcd4183dcad6a50afe61917 ?
|
||||
xhtml1/cursor-002.xht e876bb7201f1669cafcd4183dcad6a50afe61917 ?
|
||||
html/cursor-003.htm d527f68f8ba6b3d3e3b89897cff96c55fa01aae1 ?
|
||||
xhtml1/cursor-003.xht d527f68f8ba6b3d3e3b89897cff96c55fa01aae1 ?
|
||||
html/cursor-004.htm 6ec1fd6ac82ebcd1a041f0c1e13016e099247a0b ?
|
||||
xhtml1/cursor-004.xht 6ec1fd6ac82ebcd1a041f0c1e13016e099247a0b ?
|
||||
html/cursor-005.htm 78091cd5158a486dfcb5e48ed0102a9f6daf6970 ?
|
||||
xhtml1/cursor-005.xht 78091cd5158a486dfcb5e48ed0102a9f6daf6970 ?
|
||||
html/cursor-006.htm 919c542c6392d0c50d83b0da564739fb921dc31f ?
|
||||
xhtml1/cursor-006.xht 919c542c6392d0c50d83b0da564739fb921dc31f ?
|
||||
html/cursor-007.htm 1d8ed23f3e48cded219f36caf98eddd03c6b5569 ?
|
||||
xhtml1/cursor-007.xht 1d8ed23f3e48cded219f36caf98eddd03c6b5569 ?
|
||||
html/cursor-008.htm 98ed842b0aff6f1903d662d33bae9f76575b9914 ?
|
||||
xhtml1/cursor-008.xht 98ed842b0aff6f1903d662d33bae9f76575b9914 ?
|
||||
html/cursor-009.htm f038532615f4dc601353f04bc60edc563465bee0 ?
|
||||
xhtml1/cursor-009.xht f038532615f4dc601353f04bc60edc563465bee0 ?
|
||||
html/cursor-010.htm e87223df64c1f0110a2284e2da4be85d5d8f2a74 ?
|
||||
xhtml1/cursor-010.xht e87223df64c1f0110a2284e2da4be85d5d8f2a74 ?
|
||||
html/cursor-011.htm fde320a89383f40fffcae3d135ecc4f051ce7384 ?
|
||||
xhtml1/cursor-011.xht fde320a89383f40fffcae3d135ecc4f051ce7384 ?
|
||||
html/cursor-012.htm 6ad21a5e9f710881c3b093044923a5eea645e1f2 ?
|
||||
xhtml1/cursor-012.xht 6ad21a5e9f710881c3b093044923a5eea645e1f2 ?
|
||||
html/cursor-013.htm 893c2ec7a381048ca33be7f158d1e6915ea27494 ?
|
||||
xhtml1/cursor-013.xht 893c2ec7a381048ca33be7f158d1e6915ea27494 ?
|
||||
html/cursor-014.htm 5fb7ece46cd25118d38c72c51ae581221cab2c83 ?
|
||||
xhtml1/cursor-014.xht 5fb7ece46cd25118d38c72c51ae581221cab2c83 ?
|
||||
html/cursor-015.htm e065436005be6cef084aa3599d95791a17c9aee8 ?
|
||||
xhtml1/cursor-015.xht e065436005be6cef084aa3599d95791a17c9aee8 ?
|
||||
html/cursor-016.htm 499fd320568d81e599e4c9e3c231f5d000c9b81a ?
|
||||
xhtml1/cursor-016.xht 499fd320568d81e599e4c9e3c231f5d000c9b81a ?
|
||||
html/cursor-017.htm dffa9a070a9331d342b3bb6e92f63594170a8a5c ?
|
||||
xhtml1/cursor-017.xht dffa9a070a9331d342b3bb6e92f63594170a8a5c ?
|
||||
html/cursor-018.htm 35b4f3eb4033ac1f1e5dfdcc4baa82fd243721e8 ?
|
||||
xhtml1/cursor-018.xht 35b4f3eb4033ac1f1e5dfdcc4baa82fd243721e8 ?
|
||||
html/cursor-019.htm c3484bb5ff6d96fedaa0e6db882399861d45a410 ?
|
||||
xhtml1/cursor-019.xht c3484bb5ff6d96fedaa0e6db882399861d45a410 ?
|
||||
html/cursor-020.htm 5f75f6db2bcb599d1f9f9757864e30a088758913 ?
|
||||
xhtml1/cursor-020.xht 5f75f6db2bcb599d1f9f9757864e30a088758913 ?
|
||||
html/cursor-auto-001.htm dd2f1761f874e12499d59e860b74f79fc5291752 ?
|
||||
xhtml1/cursor-auto-001.xht dd2f1761f874e12499d59e860b74f79fc5291752 ?
|
||||
html/cursor-auto-002.htm 1d3a4aa8357ee37712d42d95e08b98236e2fa86c ?
|
||||
xhtml1/cursor-auto-002.xht 1d3a4aa8357ee37712d42d95e08b98236e2fa86c ?
|
||||
html/cursor-auto-003.htm 871322502c44aa54c76619ffadc4a7994460c5b6 ?
|
||||
xhtml1/cursor-auto-003.xht 871322502c44aa54c76619ffadc4a7994460c5b6 ?
|
||||
html/cursor-auto-004.htm bb82c71c8eaad5f5aa19409533a9b93a3cc8c606 ?
|
||||
xhtml1/cursor-auto-004.xht bb82c71c8eaad5f5aa19409533a9b93a3cc8c606 ?
|
||||
html/cursor-auto-005.htm a9a6f7976cc2a82d3dec750f4c4ded2ec0791524 ?
|
||||
xhtml1/cursor-auto-005.xht a9a6f7976cc2a82d3dec750f4c4ded2ec0791524 ?
|
||||
html/cursor-border-area.htm 223b453b1d023b92c7f1c1d4fce1425ddbe18bf5 ?
|
||||
xhtml1/cursor-border-area.xht 223b453b1d023b92c7f1c1d4fce1425ddbe18bf5 ?
|
||||
html/cursor-box-004.htm 422348cc4e16e058d0a98bb3b0db5dfc6a6371cd ?
|
||||
xhtml1/cursor-box-004.xht 422348cc4e16e058d0a98bb3b0db5dfc6a6371cd ?
|
||||
html/cursor-box-005.htm 6487f523917bb72338b22aa023e97150ad8f3ea2 ?
|
||||
xhtml1/cursor-box-005.xht 6487f523917bb72338b22aa023e97150ad8f3ea2 ?
|
||||
html/cursor-box-006.htm 4b549afb1e863e33c805baa7b2d2138a57ee3cac ?
|
||||
xhtml1/cursor-box-006.xht 4b549afb1e863e33c805baa7b2d2138a57ee3cac ?
|
||||
html/cursor-box-007.htm 0f019dd25fd8b023c11a1971a212d2ad1c92e2e2 ?
|
||||
xhtml1/cursor-box-007.xht 0f019dd25fd8b023c11a1971a212d2ad1c92e2e2 ?
|
||||
html/cursor-content-area.htm 7fbb8042b213d5811035b85cc5c06fb28a2870ee ?
|
||||
xhtml1/cursor-content-area.xht 7fbb8042b213d5811035b85cc5c06fb28a2870ee ?
|
||||
html/cursor-hover-001.htm 30ee8ea9e00a74f14ce7af2b5d4b0626097671ff ?
|
||||
xhtml1/cursor-hover-001.xht 30ee8ea9e00a74f14ce7af2b5d4b0626097671ff ?
|
||||
html/cursor-hover-002.htm e887323e0ac08ad794b872fbaceb2cf47ae094d3 ?
|
||||
xhtml1/cursor-hover-002.xht e887323e0ac08ad794b872fbaceb2cf47ae094d3 ?
|
||||
html/cursor-hover-003.htm f6bd64465bba782becde837855c929fb7d9f0863 ?
|
||||
xhtml1/cursor-hover-003.xht f6bd64465bba782becde837855c929fb7d9f0863 ?
|
||||
html/cursor-image-001.htm 63886c57a6505e20fe00c316cc094c3e7d0f46a5 ?
|
||||
xhtml1/cursor-image-001.xht 63886c57a6505e20fe00c316cc094c3e7d0f46a5 ?
|
||||
html/cursor-image-002.htm 998603c2339bbf40dff7bb7df8478a2e1194239b ?
|
||||
|
|
@ -185,18 +281,26 @@ html/cursor-image-png-036.htm ba9e673d5fda6cc43c375d5faf06446c9b3fd351 ?
|
|||
xhtml1/cursor-image-png-036.xht ba9e673d5fda6cc43c375d5faf06446c9b3fd351 ?
|
||||
html/cursor-image-png-037.htm 559b013a24383d97cb06d8741999be9ce8b2dd81 ?
|
||||
xhtml1/cursor-image-png-037.xht 559b013a24383d97cb06d8741999be9ce8b2dd81 ?
|
||||
html/cursor-image-png-038.htm 8c131688b8ce5f9f8c107579730d9c8a23c0793e ?
|
||||
xhtml1/cursor-image-png-038.xht 8c131688b8ce5f9f8c107579730d9c8a23c0793e ?
|
||||
html/cursor-image-png-039.htm a4d068ea7dde8e7d1304c4791a3744f52e5b1c0d ?
|
||||
xhtml1/cursor-image-png-039.xht a4d068ea7dde8e7d1304c4791a3744f52e5b1c0d ?
|
||||
html/cursor-image-png-040.htm c1fc5a017e185ab16d5b6c7b76333e4fb117a460 ?
|
||||
xhtml1/cursor-image-png-040.xht c1fc5a017e185ab16d5b6c7b76333e4fb117a460 ?
|
||||
html/cursor-image-png-038.htm d4c4b7c7daef8cad436ffa61e23c5311d63c1c08 ?
|
||||
xhtml1/cursor-image-png-038.xht d4c4b7c7daef8cad436ffa61e23c5311d63c1c08 ?
|
||||
html/cursor-image-png-039.htm 70d588dfbc38c5b485e5fbdc16b6e41f8ae96c87 ?
|
||||
xhtml1/cursor-image-png-039.xht 70d588dfbc38c5b485e5fbdc16b6e41f8ae96c87 ?
|
||||
html/cursor-image-png-040.htm e8ec25c42ef00b99f6deeb56bc684b3eb26b481f ?
|
||||
xhtml1/cursor-image-png-040.xht e8ec25c42ef00b99f6deeb56bc684b3eb26b481f ?
|
||||
html/cursor-image-png-041.htm 5ff812bb9b365947fff8ea431a4f2db02d052deb ?
|
||||
xhtml1/cursor-image-png-041.xht 5ff812bb9b365947fff8ea431a4f2db02d052deb ?
|
||||
html/cursor-image-png-042.htm a26d6af6155d1a1141b7dcad45f8378f08e7bd0a ?
|
||||
xhtml1/cursor-image-png-042.xht a26d6af6155d1a1141b7dcad45f8378f08e7bd0a ?
|
||||
html/cursor-image-png-043.htm 3b2dec994f1f43adf7ffe49e8461acaa594121a2 ?
|
||||
xhtml1/cursor-image-png-043.xht 3b2dec994f1f43adf7ffe49e8461acaa594121a2 ?
|
||||
html/cursor-outline-area.htm 7f4bdf22afe55ef6e99679974bb9360acfdc1a88 ?
|
||||
xhtml1/cursor-outline-area.xht 7f4bdf22afe55ef6e99679974bb9360acfdc1a88 ?
|
||||
html/cursor-padding-area.htm 37f3361da4d20f952bacb482e7f94e61342131bb ?
|
||||
xhtml1/cursor-padding-area.xht 37f3361da4d20f952bacb482e7f94e61342131bb ?
|
||||
html/cursor-text-001.htm dee58120795f8e6c67d69d68b6e7ac2a32c4637d ?
|
||||
xhtml1/cursor-text-001.xht dee58120795f8e6c67d69d68b6e7ac2a32c4637d ?
|
||||
html/cursor-text-002.htm 31a92d9964103f0f883953de6af90918cf5b788f ?
|
||||
xhtml1/cursor-text-002.xht 31a92d9964103f0f883953de6af90918cf5b788f ?
|
||||
html/nav-dir-001.htm 53627af1825c864f63a4dfce3fd1bc54c2d706ff ?
|
||||
xhtml1/nav-dir-001.xht 53627af1825c864f63a4dfce3fd1bc54c2d706ff ?
|
||||
html/nav-dir-002.htm df42b83ea088dc45e092addfa1351e0ca935e2d4 ?
|
||||
|
|
@ -404,5 +508,7 @@ html/text-overflow-003.htm dac3b5119c015760b3e5eb87122680eca10725c0 ?
|
|||
xhtml1/text-overflow-003.xht dac3b5119c015760b3e5eb87122680eca10725c0 ?
|
||||
html/text-overflow-004.htm 5b424a1f63abc03cd51ca922704756c93961d2eb ?
|
||||
xhtml1/text-overflow-004.xht 5b424a1f63abc03cd51ca922704756c93961d2eb ?
|
||||
html/text-overflow-005.htm 3dfc246683e57fc5efdb7479785e0a59e6bb943a ?
|
||||
xhtml1/text-overflow-005.xht 3dfc246683e57fc5efdb7479785e0a59e6bb943a ?
|
||||
html/text-overflow.htm c562ce91178f5299098b5a5340f4aa188abf51e2 ?
|
||||
xhtml1/text-overflow.xht c562ce91178f5299098b5a5340f4aa188abf51e2 ?
|
||||
|
|
|
|||
|
|
@ -139,6 +139,8 @@
|
|||
<li>Intel</li>
|
||||
<li>Jorrit Vermeiren</li>
|
||||
<li>jy-jeung</li>
|
||||
<li>Manuel Rego Casasnovas</li>
|
||||
<li>Michael Howell</li>
|
||||
<li>Scott Johnson</li>
|
||||
<li>Shiyou Tan</li>
|
||||
<li>YreenChan</li>
|
||||
|
|
|
|||
|
|
@ -139,6 +139,8 @@
|
|||
<li>Intel</li>
|
||||
<li>Jorrit Vermeiren</li>
|
||||
<li>jy-jeung</li>
|
||||
<li>Manuel Rego Casasnovas</li>
|
||||
<li>Michael Howell</li>
|
||||
<li>Scott Johnson</li>
|
||||
<li>Shiyou Tan</li>
|
||||
<li>YreenChan</li>
|
||||
|
|
|
|||
|
|
@ -1,10 +1,7 @@
|
|||
id references title flags links revision credits assertion
|
||||
box-sizing-001 reference/box-sizing-001-ref box-sizing:border-box and CSS2.1 10.3.3 https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#blockwidth 615898f337b8ce0337f1360d145d2d38dec45b5c `Florian Rivoal`<http://florian.rivoal.net/> When box-sizing is border-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.
|
||||
box-sizing-002 reference/box-sizing-001-ref box-sizing:padding-box and CSS2.1 10.3.3 https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#blockwidth b9c41043dfd84bddebce91fab68a511ac4617dab `Florian Rivoal`<http://florian.rivoal.net/> 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.
|
||||
box-sizing-003 reference/box-sizing-001-ref box-sizing:border-box and CSS2.1 10.3.7 https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width c61f2c8769183ae0d9adeee16a13361e703a367a `Florian Rivoal`<http://florian.rivoal.net/> When box-sizing is border-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.
|
||||
box-sizing-004 reference/box-sizing-001-ref box-sizing:padding-box and CSS2.1 10.3.7 https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width 20b8bc04ea6e4ef064d4fe2af58a3aa28f5bd995 `Florian Rivoal`<http://florian.rivoal.net/> 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.
|
||||
box-sizing-005 reference/box-sizing-001-ref box-sizing:border-box and CSS2.1 10.6.4 https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height 5c91e57581a3e2ac9b430f1afcb26eec0bc3094a `Florian Rivoal`<http://florian.rivoal.net/> When box-sizing is border-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.
|
||||
box-sizing-006 reference/box-sizing-001-ref box-sizing:padding-box and CSS2.1 10.6.4 https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height 1ad8344b1537924b3ed9ea14f36faff891d6957d `Florian Rivoal`<http://florian.rivoal.net/> 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.
|
||||
box-sizing-007 reference/box-sizing-007-ref box-sizing:border-box and auto sizing of intrinsicly sized replaced elements. svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height 470a1d40e93f37987e3a1050d90c9b5e9acfe263 `Florian Rivoal`<http://florian.rivoal.net/> Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with either both intrisic dimentions or an intrinsic ratio, to check that they work correctly in terms of the content width height.
|
||||
box-sizing-008 reference/box-sizing-008-ref box-sizing:border-box and auto sizing of replaced elements with intrinisic width only. svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height 7e06d64d703830c06b9d61c75d3be230bd1b56bc `Florian Rivoal`<http://florian.rivoal.net/> Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic width and no intrinsic ratio, to check that they work correctly in terms of the content width height.
|
||||
box-sizing-009 reference/box-sizing-009-ref box-sizing:border-box and auto sizing of replaced elements with intrinisic height only. svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height 2aaccf9cc7ddbd222494f28fd6cd7f725a18c1e8 `Florian Rivoal`<http://florian.rivoal.net/> Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic height and no intrinsic ratio, to check that they work correctly in terms of the content width height.
|
||||
|
|
@ -31,15 +28,66 @@ box-sizing-border-box-004 reference/box-sizing-border-box-004-ref Box Sizing - B
|
|||
box-sizing-content-box-001 reference/box-sizing-content-box-001-ref Box Sizing - Content-Box with specified width/height http://www.w3.org/TR/css3-ui/#box-sizing 4b3056f655bbe35540eadfe3888d48f1961dfafc `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge.
|
||||
box-sizing-content-box-002 reference/box-sizing-content-box-002-ref Box Sizing - Content-Box with specified width/height http://www.w3.org/TR/css3-ui/#box-sizing 51e63ae5f8b3a40e56096e7daa86265f8684e9a8 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: content-box should make the element's (calc) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge.
|
||||
box-sizing-content-box-003 reference/box-sizing-content-box-003-ref Box Sizing - Content-Box with min/max width/height http://www.w3.org/TR/css3-ui/#box-sizing 397bec8981e201e663ea97b4b265aa45fff08bd5 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge.
|
||||
box-sizing-padding-box-block-001 reference/box-sizing-padding-box-block-001-ref CSS UI: box-sizing:padding-box for a block box http://www.w3.org/TR/css3-ui/#box-sizing 4e8dd583111bef378efaa8d0cf705160aeb90481
|
||||
box-sizing-replaced-001 reference/box-sizing-replaced-001-ref Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing image http://www.w3.org/TR/css3-ui/#box-sizing a8e28589639906e9ad2c23f3875a1b84b9edc2c3 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact>,`Scott Johnson`<mailto:sjohnson@mozilla.com> All images should be sized at 75px x 75px, with 5px of padding around each.
|
||||
box-sizing-replaced-002 reference/box-sizing-replaced-002-ref Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing image http://www.w3.org/TR/css3-ui/#box-sizing d4148a5cae7298ba17c8257c328e4f622edfc689 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact>,`Scott Johnson`<mailto:sjohnson@mozilla.com> All images should be sized at 75px x 75px, with 5px of padding and 5px of blue border around each.
|
||||
box-sizing-replaced-003 reference/box-sizing-replaced-003-ref Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing image http://www.w3.org/TR/css3-ui/#box-sizing 1d2967d8d4d8b4ff72c7e533c2c0edc187e7a992 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact>,`Scott Johnson`<mailto:sjohnson@mozilla.com> All images should be sized at 75px x 75px.
|
||||
canvas-cursor-001 propagating the root cursor to the canvas image,interact https://drafts.csswg.org/css-ui-3/#canvas_cursor d776271759adae48748f2424d34012fe871acef8 `Florian Rivoal`<mailto:florian@rivoal.net> Test checks the cursor applied to the root element is propagated to the canvas.
|
||||
canvas-cursor-002 not propagating the body cursor to the canvas image,interact https://drafts.csswg.org/css-ui-3/#canvas_cursor 96e20addfadf1ec458f9867bb586adb925b6b2c1 `Florian Rivoal`<mailto:florian@rivoal.net> Test checks the cursor applied to the body element is not propagated to the canvas.
|
||||
caret-color-001 caret-color http://www.w3.org/TR/css3-ui/#caret-color d51a15636bbc1a93132d4dba71ff6de6c08c1c1f `Chris Lilley`<mailto:chris@w3.org> Test checks that caret-color can be set on a textarea
|
||||
caret-color-002 caret-color is not inherited http://www.w3.org/TR/css3-ui/#caret-color 02a3dcc0a7054487ffd77b21aa525a3e8cad0dfc `Chris Lilley`<mailto:chris@w3.org> Test checks that caret-color value does not inherit
|
||||
caret-color-003 caret-color auto http://www.w3.org/TR/css3-ui/#caret-color 2b11748c87a4cb16a19ef484bd474e26faf5aac5 `Chris Lilley`<mailto:chris@w3.org> Test checks that caret-color: auto resolves to currentColor
|
||||
caret-color-001 caret-color interact http://www.w3.org/TR/css3-ui/#caret-color 465badb42f828e15d439c4126247d794252d4d46 `Chris Lilley`<mailto:chris@w3.org>,`Florian Rivoal`<mailto:florian@rivoal.net> Test checks that caret-color can be set on a textarea
|
||||
caret-color-002 caret-color is inherited interact http://www.w3.org/TR/css3-ui/#caret-color 2bb89e2a6990b5885aa0a04f3cec1647c708b456 `Chris Lilley`<mailto:chris@w3.org>,`Florian Rivoal`<mailto:florian@rivoal.net> Test checks that caret-color value does inherit
|
||||
caret-color-003 caret-color auto interact,should http://www.w3.org/TR/css3-ui/#caret-color 286765ba5c046ce3f089008bd326a473d5236b50 `Chris Lilley`<mailto:chris@w3.org>,`Florian Rivoal`<mailto:florian@rivoal.net> Test checks that caret-color: auto matches currentColor
|
||||
caret-color-004 caret-color auto, black on white interact http://www.w3.org/TR/css3-ui/#caret-color b6dd6ac6319ea3b73f1bad78ce2ebaa7ab7167f7 `Florian Rivoal`<mailto:florian@rivoal.net> Test checks that caret-color:auto provides good contrast in black on white
|
||||
caret-color-005 caret-color auto, white on black interact http://www.w3.org/TR/css3-ui/#caret-color acf5683e36d304d08ebb95d1aa4c43bbffa651fc `Florian Rivoal`<mailto:florian@rivoal.net> Test checks that caret-color:auto provides good contrast in white on black
|
||||
caret-color-006 caret-color auto, gray on gray interact,may http://www.w3.org/TR/css3-ui/#caret-color 86859e4549dd5c89ef665c9b068d44f984752779 `Florian Rivoal`<mailto:florian@rivoal.net> Test checks that caret-color:auto provides good contrast in gray on gray
|
||||
caret-color-007 caret-color: currentColor interact http://www.w3.org/TR/css3-ui/#caret-color,https://drafts.csswg.org/css-color-4/#currentcolor-color b4d9b0ed8ed91f7fdc31756962d0b918769b0332 `Chris Lilley`<mailto:chris@w3.org>,`Florian Rivoal`<mailto:florian@rivoal.net> Test checks that caret-color:currentColor is inherited as currentColor and resolves to the value of the color property at used value time
|
||||
caret-color-008 caret-color animation animated,interact http://www.w3.org/TR/css3-ui/#caret-color,https://drafts.csswg.org/css-animations-1/#animation c3fc7a168f032dc38dbfde1e2a0c7e3a7a2c5a87 `Florian Rivoal`<mailto:florian@rivoal.net> Test checks that caret-color is animatable as a color
|
||||
caret-color-009 caret-color computed values dom,script http://www.w3.org/TR/css3-ui/#caret-color,https://drafts.csswg.org/css-color-4/#currentcolor-color 5cf99f4d75a5c16334cf11c5424ab533f1a568a1 `Florian Rivoal`<mailto:florian@rivoal.net> Test checks that the resolved value of auto, currentcolor and initial for caret-color property, is the used value.
|
||||
caret-color-010 caret-color input interact http://www.w3.org/TR/css3-ui/#caret-color ac664ee5548c651c2b818b5784c35572f3ab78a3 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Test checks that caret-color can be set on an input
|
||||
caret-color-011 caret-color contenteditable interact http://www.w3.org/TR/css3-ui/#caret-color 7970fd2482e78b8f3875e82f37dc485657660b85 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Test checks that caret-color can be set on a contenteditable element
|
||||
caret-color-012 caret-color: auto interact,should http://www.w3.org/TR/css3-ui/#caret-color b563b78d99062a024a19a165ff8c77191ddce3c1 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Test checks that caret-color:auto is inherited as auto and resolves to the value of the color property at used value time
|
||||
caret-color-013 caret-color dynamic changes dom,script http://www.w3.org/TR/css3-ui/#caret-color,https://www.w3.org/TR/css3-color/#color0 0e52cf5be9ac07172ba7be4d7feae0446c2156ee `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Test checks checks that carret-color can be correctly changed using the style attribute, and that the computed value is done correctly.
|
||||
caret-color-014 caret-color links interact http://www.w3.org/TR/css3-ui/#caret-color 47e78c6b0c0aaadf5488e4157388d10555c3aeb7 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Test checks that caret-color can be set on a contenteditable link
|
||||
caret-color-015 caret-color visited links interact http://www.w3.org/TR/css3-ui/#caret-color 5a837b292f1ffd55af14d1577313a5243f423463 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Test checks that caret-color can be set on a contenteditable visited link
|
||||
caret-color-016 caret-color visited link computed value interact,may,script http://www.w3.org/TR/css3-ui/#caret-color,https://www.w3.org/TR/css3-color/#color0,https://www.w3.org/TR/selectors4/#link a89ebaea95d3d68d8acffc3fc460c04613afb3c3 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Test checks that computed style of caret-color on visited links doesn't leak privacy information.
|
||||
caret-color-017 caret-color transition interact http://www.w3.org/TR/css3-ui/#caret-color,https://www.w3.org/TR/css3-transitions/#transition 0a20d6a97f859a574df4cb016a26b2f8057836ad `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Test checks that caret-color can be used in a transition
|
||||
caret-color-018 caret-color test animation script http://www.w3.org/TR/css3-ui/#caret-color,https://www.w3.org/TR/web-animations-1/#dom-animatable-animate,https://www.w3.org/TR/css3-color/#color0 2b42067b6dbf7c555d46c69f305f3fd7bd42876f `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Test checks that caret-color is animatable as a color, and that the computed values during the animation are the expected ones.
|
||||
caret-color-019 caret-color auto test animation script http://www.w3.org/TR/css3-ui/#caret-color,https://www.w3.org/TR/web-animations-1/#dom-animatable-animate,https://www.w3.org/TR/css3-color/#color0 b86340842cc57114d5b72c22c58fe1946ca76faf `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Test checks that 'auto' value for caret-color property is not interpolable.
|
||||
caret-color-020 caret-color currentcolor test animation script http://www.w3.org/TR/css3-ui/#caret-color,https://www.w3.org/TR/web-animations-1/#dom-animatable-animate,https://www.w3.org/TR/css3-color/#color0 4596471e11cc02f86d509470a0b1024b5bcd8883 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Test checks that 'currentcolor' value for caret-color property is interpolable.
|
||||
caret-color-021 Default caret-color test animation script http://www.w3.org/TR/css3-ui/#caret-color,https://www.w3.org/TR/css3-animations/#animation-shorthand-property,https://www.w3.org/TR/css3-color/#color0 ce7d2127a0f927e25179a3262b09532fd758c337 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Test checks that the default value for caret-color property, which is 'auto', is not interpolable.
|
||||
cursor-001 cursor: none interact http://www.w3.org/TR/css3-ui/#cursor 8e6fd50371934329780af13d2f8bda9e8966af19 `Florian Rivoal`<mailto:florian@rivoal.net> The 'none' cursor value is supported
|
||||
cursor-002 cursor: context-menu interact http://www.w3.org/TR/css3-ui/#cursor e876bb7201f1669cafcd4183dcad6a50afe61917 `Florian Rivoal`<mailto:florian@rivoal.net> The 'context-menu' cursor value is supported
|
||||
cursor-003 cursor: cell interact http://www.w3.org/TR/css3-ui/#cursor d527f68f8ba6b3d3e3b89897cff96c55fa01aae1 `Florian Rivoal`<mailto:florian@rivoal.net> The 'cell' cursor value is supported
|
||||
cursor-004 cursor: vertical-text interact http://www.w3.org/TR/css3-ui/#cursor 6ec1fd6ac82ebcd1a041f0c1e13016e099247a0b `Florian Rivoal`<mailto:florian@rivoal.net> The 'vertical-text' cursor value is supported
|
||||
cursor-005 cursor: alias interact http://www.w3.org/TR/css3-ui/#cursor 78091cd5158a486dfcb5e48ed0102a9f6daf6970 `Florian Rivoal`<mailto:florian@rivoal.net> The 'alias' cursor value is supported
|
||||
cursor-006 cursor: copy interact http://www.w3.org/TR/css3-ui/#cursor 919c542c6392d0c50d83b0da564739fb921dc31f `Florian Rivoal`<mailto:florian@rivoal.net> The 'copy' cursor value is supported
|
||||
cursor-007 cursor: no-drop interact http://www.w3.org/TR/css3-ui/#cursor 1d8ed23f3e48cded219f36caf98eddd03c6b5569 `Florian Rivoal`<mailto:florian@rivoal.net> The 'no-drop' cursor value is supported
|
||||
cursor-008 cursor: not-allowed interact http://www.w3.org/TR/css3-ui/#cursor 98ed842b0aff6f1903d662d33bae9f76575b9914 `Florian Rivoal`<mailto:florian@rivoal.net> The 'not-allowed' cursor value is supported
|
||||
cursor-009 cursor: grab interact http://www.w3.org/TR/css3-ui/#cursor f038532615f4dc601353f04bc60edc563465bee0 `Florian Rivoal`<mailto:florian@rivoal.net> The 'grab' cursor value is supported
|
||||
cursor-010 cursor: grabbing interact http://www.w3.org/TR/css3-ui/#cursor e87223df64c1f0110a2284e2da4be85d5d8f2a74 `Florian Rivoal`<mailto:florian@rivoal.net> The 'grabbing' cursor value is supported
|
||||
cursor-011 cursor: ew-resize interact http://www.w3.org/TR/css3-ui/#cursor fde320a89383f40fffcae3d135ecc4f051ce7384 `Florian Rivoal`<mailto:florian@rivoal.net> The 'ew-resize' cursor value is supported
|
||||
cursor-012 cursor: ns-resize interact http://www.w3.org/TR/css3-ui/#cursor 6ad21a5e9f710881c3b093044923a5eea645e1f2 `Florian Rivoal`<mailto:florian@rivoal.net> The 'ns-resize' cursor value is supported
|
||||
cursor-013 cursor: nesw-resize interact http://www.w3.org/TR/css3-ui/#cursor 893c2ec7a381048ca33be7f158d1e6915ea27494 `Florian Rivoal`<mailto:florian@rivoal.net> The 'nesw-resize' cursor value is supported
|
||||
cursor-014 cursor: nwse-resize interact http://www.w3.org/TR/css3-ui/#cursor 5fb7ece46cd25118d38c72c51ae581221cab2c83 `Florian Rivoal`<mailto:florian@rivoal.net> The 'nwse-resize' cursor value is supported
|
||||
cursor-015 cursor: col-resize interact http://www.w3.org/TR/css3-ui/#cursor e065436005be6cef084aa3599d95791a17c9aee8 `Florian Rivoal`<mailto:florian@rivoal.net> The 'col-resize' cursor value is supported
|
||||
cursor-016 cursor: row-resize interact http://www.w3.org/TR/css3-ui/#cursor 499fd320568d81e599e4c9e3c231f5d000c9b81a `Florian Rivoal`<mailto:florian@rivoal.net> The 'row-resize' cursor value is supported
|
||||
cursor-017 cursor: all-scroll interact http://www.w3.org/TR/css3-ui/#cursor dffa9a070a9331d342b3bb6e92f63594170a8a5c `Florian Rivoal`<mailto:florian@rivoal.net> The 'all-scroll' cursor value is supported
|
||||
cursor-018 cursor: zoom-in interact http://www.w3.org/TR/css3-ui/#cursor 35b4f3eb4033ac1f1e5dfdcc4baa82fd243721e8 `Florian Rivoal`<mailto:florian@rivoal.net> The 'zoom-in' cursor value is supported
|
||||
cursor-019 cursor: zoom-out interact http://www.w3.org/TR/css3-ui/#cursor c3484bb5ff6d96fedaa0e6db882399861d45a410 `Florian Rivoal`<mailto:florian@rivoal.net> The 'zoom-out' cursor value is supported
|
||||
cursor-020 cursor: pointer interact http://www.w3.org/TR/css3-ui/#cursor 5f75f6db2bcb599d1f9f9757864e30a088758913 `Florian Rivoal`<mailto:florian@rivoal.net> The 'pointer' cursor value is supported
|
||||
cursor-auto-001 cursor:auto on text interact http://www.w3.org/TR/css3-ui/#cursor dd2f1761f874e12499d59e860b74f79fc5291752 `Florian Rivoal`<mailto:florian@rivoal.net> The 'auto' cursor value does the same as 'text' over text.
|
||||
cursor-auto-002 cursor:auto on links interact http://www.w3.org/TR/css3-ui/#cursor 1d3a4aa8357ee37712d42d95e08b98236e2fa86c `Florian Rivoal`<mailto:florian@rivoal.net> The 'auto' cursor value does the same as 'text' over text. Links are not special.
|
||||
cursor-auto-003 cursor:auto on non-textual links interact http://www.w3.org/TR/css3-ui/#cursor 871322502c44aa54c76619ffadc4a7994460c5b6 `Florian Rivoal`<mailto:florian@rivoal.net> The 'auto' cursor value does the same as 'default' over non textual content. Links are not special.
|
||||
cursor-auto-004 cursor:auto on empty space interact http://www.w3.org/TR/css3-ui/#cursor bb82c71c8eaad5f5aa19409533a9b93a3cc8c606 `Florian Rivoal`<mailto:florian@rivoal.net> The 'auto' cursor value does the same as 'text' over text.
|
||||
cursor-auto-005 cursor:auto on form elements interact,may http://www.w3.org/TR/css3-ui/#cursor a9a6f7976cc2a82d3dec750f4c4ded2ec0791524 `Florian Rivoal`<mailto:florian@rivoal.net> The 'auto' cursor value does the same as 'default' over everything other than text, such as form elements.
|
||||
cursor-border-area cursor on the border area interact http://www.w3.org/TR/css3-ui/#cursor 223b453b1d023b92c7f1c1d4fce1425ddbe18bf5 `Florian Rivoal`<mailto:florian@rivoal.net> The cursor property is applied over the border area.
|
||||
cursor-box-004 cursor on the margin-box interact http://www.w3.org/TR/css3-ui/#cursor 422348cc4e16e058d0a98bb3b0db5dfc6a6371cd `Florian Rivoal`<mailto:florian@rivoal.net> The cursor property is not applied over the margin box.
|
||||
cursor-box-005 cursor on transparent borders interact http://www.w3.org/TR/css3-ui/#cursor 6487f523917bb72338b22aa023e97150ad8f3ea2 `Florian Rivoal`<mailto:florian@rivoal.net> The cursor property is applied over the border box, even if the border is transparent.
|
||||
cursor-box-006 cursor on border images extending out of the border-box interact http://www.w3.org/TR/css3-ui/#cursor 4b549afb1e863e33c805baa7b2d2138a57ee3cac `Florian Rivoal`<mailto:florian@rivoal.net> The cursor property is not applied outside of the border box, even if border images do extend further out.
|
||||
cursor-box-007 cursor on the margin-box interact http://www.w3.org/TR/css3-ui/#cursor 0f019dd25fd8b023c11a1971a212d2ad1c92e2e2 `Florian Rivoal`<mailto:florian@rivoal.net> The cursor property is only applied within the border-edge, which follows border-radius.
|
||||
cursor-content-area cursor on the content area interact http://www.w3.org/TR/css3-ui/#cursor 7fbb8042b213d5811035b85cc5c06fb28a2870ee `Florian Rivoal`<mailto:florian@rivoal.net> The cursor property is applied over the content area, as it is strictly inside the border edge.
|
||||
cursor-hover-001 cursor and :hover interact http://www.w3.org/TR/css3-ui/#cursor 30ee8ea9e00a74f14ce7af2b5d4b0626097671ff `Florian Rivoal`<mailto:florian@rivoal.net> Checks that the correct cursor is used when :hover appears at the rightmost part of the selector.
|
||||
cursor-hover-002 cursor and :hover on ancestor interact http://www.w3.org/TR/css3-ui/#cursor e887323e0ac08ad794b872fbaceb2cf47ae094d3 `Florian Rivoal`<mailto:florian@rivoal.net> Checks that the correct cursor is used when :hover appears in the selector other than at the rightmost part.
|
||||
cursor-hover-003 cursor, :hover and inheritance interact http://www.w3.org/TR/css3-ui/#cursor f6bd64465bba782becde837855c929fb7d9f0863 `Florian Rivoal`<mailto:florian@rivoal.net> Checks that a cursor set on an ancestor with the :hover pseudo class is properly inherited to the hovered child.
|
||||
cursor-image-001 Cursor property, url value image,interact http://www.w3.org/TR/css3-ui/#cursor 63886c57a6505e20fe00c316cc094c3e7d0f46a5 `Chris Lilley`<mailto:chris@w3.org> Test checks that a PNG image supported as a custom cursor.
|
||||
cursor-image-002 Cursor property, url value image,interact http://www.w3.org/TR/css3-ui/#cursor 998603c2339bbf40dff7bb7df8478a2e1194239b `Chris Lilley`<mailto:chris@w3.org> Test checks that a PNG image supported as a custom cursor, loaded cross-domain with absolute url.
|
||||
cursor-image-003 Cursor property, url value image,interact,may http://www.w3.org/TR/css3-ui/#cursor 60f2203e6f60bf1409c573e7eeadaa2fde646d6a `Chris Lilley`<mailto:chris@w3.org> Test checks that an ICO image is supported as a custom cursor.
|
||||
|
|
@ -90,12 +138,16 @@ cursor-image-png-034 Cursor property, PNG interact http://www.w3.org/TR/css3-ui
|
|||
cursor-image-png-035 Cursor property, PNG interact http://www.w3.org/TR/css3-ui/#cursor b976859b449866f3ef400ac2d1c0423020a97e98 `Chris Lilley`<mailto:chris@w3.org> Test checks that an RGB PNG image cursor with transparency is supported.
|
||||
cursor-image-png-036 Cursor property, PNG interact http://www.w3.org/TR/css3-ui/#cursor ba9e673d5fda6cc43c375d5faf06446c9b3fd351 `Chris Lilley`<mailto:chris@w3.org> Test checks that an indexed PNG image cursor with transparency is supported.
|
||||
cursor-image-png-037 Cursor property, PNG interact http://www.w3.org/TR/css3-ui/#cursor 559b013a24383d97cb06d8741999be9ce8b2dd81 `Chris Lilley`<mailto:chris@w3.org> Test checks that an indexed PNG image cursor with transparency is supported.
|
||||
cursor-image-png-038 Cursor property, PNG interact http://www.w3.org/TR/css3-ui/#cursor 8c131688b8ce5f9f8c107579730d9c8a23c0793e `Chris Lilley`<mailto:chris@w3.org> Test checks that gamma correction on PNG image cursor is correct.
|
||||
cursor-image-png-039 Cursor property, PNG interact http://www.w3.org/TR/css3-ui/#cursor a4d068ea7dde8e7d1304c4791a3744f52e5b1c0d `Chris Lilley`<mailto:chris@w3.org> Test checks that gamma correction on PNG image cursor is correct.
|
||||
cursor-image-png-040 Cursor property, PNG interact http://www.w3.org/TR/css3-ui/#cursor c1fc5a017e185ab16d5b6c7b76333e4fb117a460 `Chris Lilley`<mailto:chris@w3.org> Test checks that gamma correction on PNG image cursor is correct.
|
||||
cursor-image-png-038 Cursor property, PNG interact http://www.w3.org/TR/css3-ui/#cursor d4c4b7c7daef8cad436ffa61e23c5311d63c1c08 `Chris Lilley`<mailto:chris@w3.org> Test checks that gamma correction on PNG image cursor is correct.
|
||||
cursor-image-png-039 Cursor property, PNG interact http://www.w3.org/TR/css3-ui/#cursor 70d588dfbc38c5b485e5fbdc16b6e41f8ae96c87 `Chris Lilley`<mailto:chris@w3.org> Test checks that gamma correction on PNG image cursor is correct.
|
||||
cursor-image-png-040 Cursor property, PNG interact http://www.w3.org/TR/css3-ui/#cursor e8ec25c42ef00b99f6deeb56bc684b3eb26b481f `Chris Lilley`<mailto:chris@w3.org> Test checks that gamma correction on PNG image cursor is correct.
|
||||
cursor-image-png-041 Cursor property, PNG interact http://www.w3.org/TR/css3-ui/#cursor 5ff812bb9b365947fff8ea431a4f2db02d052deb `Chris Lilley`<mailto:chris@w3.org> Test checks invalid PNG image cursor skipped, fallback used.
|
||||
cursor-image-png-042 Cursor property, PNG interact http://www.w3.org/TR/css3-ui/#cursor a26d6af6155d1a1141b7dcad45f8378f08e7bd0a `Chris Lilley`<mailto:chris@w3.org> Test checks invalid PNG image cursor skipped, fallback used.
|
||||
cursor-image-png-043 Cursor property, PNG interact http://www.w3.org/TR/css3-ui/#cursor 3b2dec994f1f43adf7ffe49e8461acaa594121a2 `Chris Lilley`<mailto:chris@w3.org> Test checks invalid PNG image cursor skipped, fallback used.
|
||||
cursor-outline-area cursor on outline interact http://www.w3.org/TR/css3-ui/#cursor 7f4bdf22afe55ef6e99679974bb9360acfdc1a88 `Florian Rivoal`<mailto:florian@rivoal.net> The cursor property is not applied over outline.
|
||||
cursor-padding-area cursor on the padding area interact http://www.w3.org/TR/css3-ui/#cursor 37f3361da4d20f952bacb482e7f94e61342131bb `Florian Rivoal`<mailto:florian@rivoal.net> The cursor property is applied over the padding area, as it is strictly inside the border edge.
|
||||
cursor-text-001 cursor:text with vertical text interact,may http://www.w3.org/TR/css3-ui/#cursor,http://www.w3.org/TR/css-writing-modes-3/#writing-mode dee58120795f8e6c67d69d68b6e7ac2a32c4637d `Florian Rivoal`<mailto:florian@rivoal.net> User agents may automatically display a horizontal I-beam/cursor (e.g. same as the vertical-text keyword) for vertical text.
|
||||
cursor-text-002 cursor:text with rotated text interact,may http://www.w3.org/TR/css3-ui/#cursor,http://www.w3.org/TR/css3-transforms/#two-d-transform-functions 31a92d9964103f0f883953de6af90918cf5b788f `Florian Rivoal`<mailto:florian@rivoal.net> User agents may automatically display any angle of I-beam/cursor for text that is rendered at any particular angle
|
||||
nav-dir-001 Directional Focus Navigation - property inheritance interact http://www.w3.org/TR/css3-ui/#nav-dir 53627af1825c864f63a4dfce3fd1bc54c2d706ff `Jorrit Vermeiren`<mailto:jorritv@opera.com> Test checks that the 'nav-left' property value is not inherited.
|
||||
nav-dir-002 Directional Focus Navigation - 'inherit' property value interact http://www.w3.org/TR/css3-ui/#nav-dir df42b83ea088dc45e092addfa1351e0ca935e2d4 `Jorrit Vermeiren`<mailto:jorritv@opera.com> Test checks that the 'inherit' value is respected.
|
||||
nav-dir-003 Directional Focus Navigation - input elements interact http://www.w3.org/TR/css3-ui/#nav-dir b5f51eda8ed971e794e4f50633ea18e014e539e6 `Jorrit Vermeiren`<mailto:jorritv@opera.com> Test checks that directional focus navigation properties work on input elements.
|
||||
|
|
@ -201,3 +253,4 @@ text-overflow-001 reference/text-overflow-001-ref text-overflow - clip - the tex
|
|||
text-overflow-002 reference/text-overflow-002-ref text-overflow - ellipsis - the broken textual content instead of ellipsis http://www.w3.org/TR/css3-ui/#text-overflow 9f4f4eae59abbf039c8743708235481c12751585 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that an ellipsis (...) is shown instead of overflowing textual content
|
||||
text-overflow-003 reference/text-overflow-001-ref text-overflow - inherit - inherit clip value of parent's text-overflow property http://www.w3.org/TR/css3-ui/#text-overflow dac3b5119c015760b3e5eb87122680eca10725c0 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that text-overflow inherits the parent' clip value when text-overflow set inherit
|
||||
text-overflow-004 reference/text-overflow-002-ref text-overflow - inherit - inherit ellipsis value of parent's text-overflow property http://www.w3.org/TR/css3-ui/#text-overflow 5b424a1f63abc03cd51ca922704756c93961d2eb `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that text-overflow inherits the parent' ellipsis value when text-overflow set inherit
|
||||
text-overflow-005 reference/text-overflow-005-ref text-overflow reflow ahem http://www.w3.org/TR/css3-ui/#text-overflow 3dfc246683e57fc5efdb7479785e0a59e6bb943a `Michael Howell`<mailto:michael@notriddle.com> Text overflow should disappear when the container becomes large enough. This test is targetted at bug #14952 in Servo's incremental reflow engine.
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue