Update web-platform-tests to revision 719721f655102bcd24d45eba91339eb2d7dbc591

This commit is contained in:
WPT Sync Bot 2019-07-14 10:26:29 +00:00
parent 2b84348372
commit bc8af9cf87
70 changed files with 1271 additions and 294 deletions

View file

@ -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)");

View file

@ -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)");

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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&shy;xx</div>
<div>12 45&shy;xx</div>
<div>12 456&shy;xx</div>
<div>1234&shy;xx</div>
<div>12345&shy;xx</div>
<div>123456&shy;xx</div>
</body>

View file

@ -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>

View file

@ -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" },

View file

@ -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

Before After
Before After

View file

@ -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

Before After
Before After