mirror of
https://github.com/servo/servo.git
synced 2025-08-30 09:38:19 +01:00
Update web-platform-tests to revision 719721f655102bcd24d45eba91339eb2d7dbc591
This commit is contained in:
parent
2b84348372
commit
bc8af9cf87
70 changed files with 1271 additions and 294 deletions
|
@ -27,6 +27,7 @@ test_computed_value("color", "#FEDCBA", "rgb(254, 220, 186)");
|
|||
test_computed_value("color", "rgb(2, 3, 4)");
|
||||
test_computed_value("color", "rgb(100%, 0%, 0%)", "rgb(255, 0, 0)");
|
||||
test_computed_value("color", "rgba(2, 3, 4, 0.5)");
|
||||
test_computed_value("color", "rgba(2, 3, 4, 50%)", "rgba(2, 3, 4, 0.5)");
|
||||
test_computed_value("color", "hsl(120, 100%, 50%)", "rgb(0, 255, 0)");
|
||||
test_computed_value("color", "hsla(120, 100%, 50%, 0.25)", "rgba(0, 255, 0, 0.25)");
|
||||
test_computed_value("color", "rgb(-2, 3, 4)", "rgb(0, 3, 4)");
|
||||
|
|
|
@ -21,6 +21,7 @@ test_valid_value("color", "#FEDCBA", "rgb(254, 220, 186)");
|
|||
test_valid_value("color", "rgb(2, 3, 4)");
|
||||
test_valid_value("color", "rgb(100%, 0%, 0%)", "rgb(255, 0, 0)");
|
||||
test_valid_value("color", "rgba(2, 3, 4, 0.5)"); // Safari serializes alpha-value 0.498039
|
||||
test_valid_value("color", "rgba(2, 3, 4, 50%)", "rgba(2, 3, 4, 0.5)"); // Safari serializes alpha-value 0.498039
|
||||
test_valid_value("color", "hsl(120, 100%, 50%)", ["rgb(0, 255, 0)", "hsl(120, 100%, 50%)"]);
|
||||
test_valid_value("color", "hsla(120, 100%, 50%, 0.25)", ["rgba(0, 255, 0, 0.25)", "hsla(120, 100%, 50%, 0.25)"]); // Safari serializes alpha-value 0.247059
|
||||
test_valid_value("color", "rgb(-2, 3, 4)", "rgb(0, 3, 4)");
|
||||
|
|
|
@ -16,6 +16,10 @@ test_computed_value("opacity", "0.5");
|
|||
test_computed_value("opacity", "0");
|
||||
test_computed_value("opacity", "-2", "0");
|
||||
test_computed_value("opacity", "3", "1");
|
||||
test_computed_value("opacity", "-100%", "0");
|
||||
test_computed_value("opacity", "50%", "0.5");
|
||||
test_computed_value("opacity", "300%", "1");
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -17,6 +17,10 @@ test_valid_value("opacity", "0.5");
|
|||
test_valid_value("opacity", "0");
|
||||
test_valid_value("opacity", "-2");
|
||||
test_valid_value("opacity", "3");
|
||||
test_valid_value("opacity", "-100%", "-1");
|
||||
test_valid_value("opacity", "50%", "0.5");
|
||||
test_valid_value("opacity", "300%", "3");
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html class='reftest-wait'>
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-position-3/" />
|
||||
<meta name="assert" content="This test checks that a dynamic change in constraints calculates the static position correctly."/>
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<style>
|
||||
#container {
|
||||
position: relative;
|
||||
background: red;
|
||||
direction: rtl;
|
||||
|
||||
box-sizing: border-box;
|
||||
border: solid green 10px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
#float {
|
||||
float: right;
|
||||
background: green;
|
||||
|
||||
width: 40px;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
#target {
|
||||
position: absolute;
|
||||
background: green;
|
||||
display: inline;
|
||||
|
||||
width: 40px;
|
||||
height: 80px;
|
||||
top: -10px;
|
||||
left: -10px;
|
||||
}
|
||||
</style>
|
||||
<p>Test passes if there is a filled green square.</p>
|
||||
<div id="container">
|
||||
<div id="float"></div>
|
||||
<div id="target"></div>
|
||||
</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
const target = document.getElementById('target');
|
||||
target.style.top = 'initial';
|
||||
target.style.left = 'initial';
|
||||
document.body.offsetTop;
|
||||
takeScreenshot();
|
||||
</script>
|
|
@ -0,0 +1,38 @@
|
|||
<!doctype html>
|
||||
<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#row-layout">
|
||||
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
|
||||
<link rel="bookmark" href="https://crbug.com/982312" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="min-height is honored on a %height child of a table cell with an unresolvable %height and when the descendant has overflow:auto" />
|
||||
|
||||
<title>table cell percent height descendant with overflow:auto</title>
|
||||
|
||||
<!-- msft.html -->
|
||||
|
||||
<style>
|
||||
.list-div {
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
width: 100px;
|
||||
min-height: 100px;
|
||||
background: green;
|
||||
}
|
||||
#redSquare {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
background-color: red;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.
|
||||
</p>
|
||||
<div id="redSquare"></div>
|
||||
<div style="display:table">
|
||||
<div style="display:table-cell; height:100%">
|
||||
<div class="list-div">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
|
@ -0,0 +1,38 @@
|
|||
<!doctype html>
|
||||
<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#row-layout">
|
||||
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
|
||||
<link rel="bookmark" href="https://crbug.com/982312" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="%height child of a table cell with a fixed height is positioned correctly when the min-height is greater than the cell's fixed height and when the descendant has overflow:auto." />
|
||||
|
||||
<title>table cell percent height descendant with overflow:auto</title>
|
||||
|
||||
<!-- msft_fixed_height.html -->
|
||||
|
||||
<style>
|
||||
.list-div {
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
width: 100px;
|
||||
min-height: 100px;
|
||||
background: green;
|
||||
}
|
||||
#redSquare {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
background-color: red;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.
|
||||
</p>
|
||||
<div id="redSquare"></div>
|
||||
<div style="display:table">
|
||||
<div style="display:table-cell; height:50px">
|
||||
<div class="list-div">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
|
@ -0,0 +1,41 @@
|
|||
<!doctype html>
|
||||
<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#row-layout">
|
||||
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
|
||||
<link rel="bookmark" href="https://crbug.com/982312" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="intrinsic height of a table cell descendant is honored when the descendant and cell both have unresolvable percentage heights and when the descendant has overflow:auto" />
|
||||
|
||||
<title>table cell percent height descendant with overflow:auto</title>
|
||||
|
||||
<!-- other_msft.html -->
|
||||
|
||||
<style>
|
||||
.list-div {
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
}
|
||||
.list-div-child {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
}
|
||||
#redSquare {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
background-color: red;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.
|
||||
</p>
|
||||
<div id="redSquare"></div>
|
||||
<div style="display:table">
|
||||
<div style="display:table-cell; height:100%">
|
||||
<div class="list-div">
|
||||
<div class="list-div-child"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
|
@ -0,0 +1,39 @@
|
|||
<!doctype html>
|
||||
<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#row-layout">
|
||||
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
|
||||
<link rel="bookmark" href="https://crbug.com/982312" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="table cell descendant retains its min-height when the descendant and cell both have unresolvable percentage heights and the descendant has overflow:auto, and the cell's sibling has a fixed height greater than the descendant's min-height." />
|
||||
|
||||
<title>table cell percent height descendant with overflow:auto</title>
|
||||
|
||||
<!-- msftsibling.html -->
|
||||
|
||||
<style>
|
||||
.list-div {
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
width: 100px;
|
||||
min-height: 100px;
|
||||
background: green;
|
||||
}
|
||||
#redSquare {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
background-color: red;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.
|
||||
</p>
|
||||
<div id="redSquare"></div>
|
||||
<div style="display:table">
|
||||
<!-- vertical-align:top because blink and ff do baseline differently here -->
|
||||
<div style="display:table-cell; height:100%; vertical-align:top;">
|
||||
<div class="list-div"></div>
|
||||
</div>
|
||||
<div style="display:table-cell; height:150px;"></div>
|
||||
</div>
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Text Test: Test when soft-hyphen overflows</title>
|
||||
<link rel="match" href="reference/hyphens-overflow-001-ref.html">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#hyphens-property">
|
||||
<link rel="author" href="mailto:kojii@chromium.org">
|
||||
<style>
|
||||
div {
|
||||
font-size: 10px;
|
||||
font-family: Ahem;
|
||||
width: 5.1ch;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div>12 4­xx</div>
|
||||
<div>12 45­xx</div>
|
||||
<div>12 456­xx</div>
|
||||
<div>1234­xx</div>
|
||||
<div>12345­xx</div>
|
||||
<div>123456­xx</div>
|
||||
</body>
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<style>
|
||||
div {
|
||||
font-size: 10px;
|
||||
font-family: Ahem;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div>12 4-<br>xx</div>
|
||||
<div>12<br>45xx</div>
|
||||
<div>12<br>456xx</div>
|
||||
<div>1234-<br>xx</div>
|
||||
<div>12345-<br>xx</div>
|
||||
<div>123456-<br>xx</div>
|
||||
</body>
|
|
@ -59,7 +59,7 @@
|
|||
{ property: "cursor", valuesToTest:["auto", "crosshair", "default", "pointer", "move", "e-resize", "ne-resize", "nw-resize", "n-resize", "se-resize", "sw-resize", "s-resize", "w-resize", "text", "wait", "help"], default: "auto" },
|
||||
{ property: "direction", valuesToTest:["ltr", "rtl"], default: "ltr" },
|
||||
{ property: "display", valuesToTest:["inline", "block", "list-item", "table", "inline-table", "table-row-group", "table-header-group", "table-footer-group", "table-row", "table-column-group", "table-column", "table-cell", "table-caption", "none"], default: "inline" },
|
||||
{ property: "dominant-baseline", valuesToTest:["auto", "use-script", "no-change", "reset-size", "ideographic", "alphabetic", "hanging", "mathematical", "central", "middle", "text-after-edge", "text-before-edge"], default: "auto" },
|
||||
{ property: "dominant-baseline", valuesToTest:["auto", "ideographic", "alphabetic", "hanging", "mathematical", "central", "middle", "text-after-edge", "text-before-edge"], default: "auto" },
|
||||
{ property: "fill", valuesToTest:["red", "url(#gradient) black"], default: "black" },
|
||||
{ property: "fill-opacity", valuesToTest:["0.8"], default: "1" },
|
||||
{ property: "fill-rule", valuesToTest:["nonzero", "evenodd"], default: "nonzero" },
|
||||
|
|
|
@ -16,6 +16,9 @@
|
|||
test_computed_value("flood-opacity", "-1", "0");
|
||||
test_computed_value("flood-opacity", "0.5");
|
||||
test_computed_value("flood-opacity", "3", "1");
|
||||
test_computed_value("flood-opacity", "-100%", "0");
|
||||
test_computed_value("flood-opacity", "50%", "0.5");
|
||||
test_computed_value("flood-opacity", "300%", "1");
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
|
Before Width: | Height: | Size: 819 B After Width: | Height: | Size: 974 B |
|
@ -16,9 +16,9 @@
|
|||
test_valid_value("flood-opacity", "-1");
|
||||
test_valid_value("flood-opacity", "0.5");
|
||||
test_valid_value("flood-opacity", "3");
|
||||
test_valid_value("flood-opacity", "-100%");
|
||||
test_valid_value("flood-opacity", "50%");
|
||||
test_valid_value("flood-opacity", "300%");
|
||||
test_valid_value("flood-opacity", "-100%", "-1");
|
||||
test_valid_value("flood-opacity", "50%", "0.5");
|
||||
test_valid_value("flood-opacity", "300%", "3");
|
||||
|
||||
]]></script>
|
||||
</svg>
|
||||
|
|
Before Width: | Height: | Size: 931 B After Width: | Height: | Size: 949 B |
Loading…
Add table
Add a link
Reference in a new issue