mirror of
https://github.com/servo/servo.git
synced 2025-08-03 20:50:07 +01:00
Update web-platform-tests to revision 6856483bcc86322198f10e0c42385a7f9127eb66
This commit is contained in:
WPT Sync Bot
parent
b1a2b6b5bf
commit
ff06f1d031
265 changed files with 7539 additions and 988 deletions
|
|
@ -0,0 +1,95 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS container Layout Test Reference</title>
|
||||
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
||||
<style>
|
||||
.container {
|
||||
margin: 10px;
|
||||
background: grey;
|
||||
}
|
||||
|
||||
.scrollX {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.scrollY {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.fixedSize {
|
||||
width: 200px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.container > div {
|
||||
background: cyan;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.directionRTL {
|
||||
direction: rtl;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>The test passes if it has the same output than the reference.</p>
|
||||
|
||||
<div style="float: left; width: 350px;">
|
||||
|
||||
<h2>direction: ltr;</h2>
|
||||
|
||||
<div class="container scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="container scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="container scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="container fixedSize scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="container fixedSize scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="container fixedSize scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div style="float: left; width: 350px;">
|
||||
|
||||
<h2>direction: rtl;</h2>
|
||||
|
||||
<div class="directionRTL container scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL container scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL container scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL container fixedSize scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL container fixedSize scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL container fixedSize scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -0,0 +1,92 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Grid container with scrollbars</title>
|
||||
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-grid/#grid-model">
|
||||
<link rel="match" href="grid-container-scrollbar-001-ref.html">
|
||||
<meta name="assert" content="This test verifes that scrollbars are properly painted on grid containers, and are shown in the expected position depending on the direction.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.scrollX {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.scrollY {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.fixedSize {
|
||||
width: 200px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.grid > div {
|
||||
background: cyan;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>The test passes if it has the same output than the reference.</p>
|
||||
|
||||
<div style="float: left; width: 350px;">
|
||||
|
||||
<h2>direction: ltr;</h2>
|
||||
|
||||
<div class="grid scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="grid scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="grid scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="grid fixedSize scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="grid fixedSize scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="grid fixedSize scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div style="float: left; width: 350px;">
|
||||
|
||||
<h2>direction: rtl;</h2>
|
||||
|
||||
<div class="directionRTL grid scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL grid scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL grid scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL grid fixedSize scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL grid fixedSize scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL grid fixedSize scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -0,0 +1,96 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS container Layout Test Reference</title>
|
||||
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
||||
<style>
|
||||
.container {
|
||||
margin: 10px;
|
||||
background: grey;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
.scrollX {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.scrollY {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.fixedSize {
|
||||
width: 200px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.container > div {
|
||||
background: cyan;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.directionRTL {
|
||||
direction: rtl;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>The test passes if it has the same output than the reference.</p>
|
||||
|
||||
<div style="float: left; width: 350px;">
|
||||
|
||||
<h2>direction: ltr;</h2>
|
||||
|
||||
<div class="container scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="container scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="container scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="container fixedSize scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="container fixedSize scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="container fixedSize scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div style="float: left; width: 350px;">
|
||||
|
||||
<h2>direction: rtl;</h2>
|
||||
|
||||
<div class="directionRTL container scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL container scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL container scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL container fixedSize scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL container fixedSize scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL container fixedSize scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -0,0 +1,93 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Grid container with scrollbars</title>
|
||||
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-grid/#grid-model">
|
||||
<link rel="match" href="grid-container-scrollbar-vertical-lr-001-ref.html">
|
||||
<meta name="assert" content="This test verifes that scrollbars are properly painted on grid containers, and are shown in the expected position depending on the direction.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
margin: 10px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
.scrollX {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.scrollY {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.fixedSize {
|
||||
width: 200px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.grid > div {
|
||||
background: cyan;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>The test passes if it has the same output than the reference.</p>
|
||||
|
||||
<div style="float: left; width: 350px;">
|
||||
|
||||
<h2>direction: ltr;</h2>
|
||||
|
||||
<div class="grid scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="grid scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="grid scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="grid fixedSize scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="grid fixedSize scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="grid fixedSize scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div style="float: left; width: 350px;">
|
||||
|
||||
<h2>direction: rtl;</h2>
|
||||
|
||||
<div class="directionRTL grid scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL grid scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL grid scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL grid fixedSize scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL grid fixedSize scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL grid fixedSize scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -0,0 +1,96 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS container Layout Test Reference</title>
|
||||
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
||||
<style>
|
||||
.container {
|
||||
margin: 10px;
|
||||
background: grey;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
.scrollX {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.scrollY {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.fixedSize {
|
||||
width: 200px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.container > div {
|
||||
background: cyan;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.directionRTL {
|
||||
direction: rtl;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>The test passes if it has the same output than the reference.</p>
|
||||
|
||||
<div style="float: left; width: 350px;">
|
||||
|
||||
<h2>direction: ltr;</h2>
|
||||
|
||||
<div class="container scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="container scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="container scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="container fixedSize scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="container fixedSize scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="container fixedSize scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div style="float: left; width: 350px;">
|
||||
|
||||
<h2>direction: rtl;</h2>
|
||||
|
||||
<div class="directionRTL container scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL container scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL container scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL container fixedSize scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL container fixedSize scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL container fixedSize scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -0,0 +1,93 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Grid container with scrollbars</title>
|
||||
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-grid/#grid-model">
|
||||
<link rel="match" href="grid-container-scrollbar-vertical-rl-001-ref.html">
|
||||
<meta name="assert" content="This test verifes that scrollbars are properly painted on grid containers, and are shown in the expected position depending on the direction.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
margin: 10px;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
.scrollX {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.scrollY {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.fixedSize {
|
||||
width: 200px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.grid > div {
|
||||
background: cyan;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>The test passes if it has the same output than the reference.</p>
|
||||
|
||||
<div style="float: left; width: 350px;">
|
||||
|
||||
<h2>direction: ltr;</h2>
|
||||
|
||||
<div class="grid scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="grid scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="grid scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="grid fixedSize scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="grid fixedSize scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="grid fixedSize scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div style="float: left; width: 350px;">
|
||||
|
||||
<h2>direction: rtl;</h2>
|
||||
|
||||
<div class="directionRTL grid scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL grid scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL grid scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL grid fixedSize scrollX">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL grid fixedSize scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
<div class="directionRTL grid fixedSize scrollX scrollY">
|
||||
<div>item</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -19,11 +19,10 @@ test_valid_value("grid-template-areas", '"1st 2nd 3rd"');
|
|||
test_valid_value("grid-template-areas", '"first second" "third fourth"');
|
||||
test_valid_value("grid-template-areas", '"first second" "third ." "1st 2nd" "3rd 4th"');
|
||||
|
||||
// Firefox preserves specific whitespace and full stop sequences.
|
||||
// Other browsers consolidate to ' ' and '.'
|
||||
test_valid_value("grid-template-areas", '" a \t b "', '"a b"'); // Fails in Firefox
|
||||
test_valid_value("grid-template-areas", '"c\td"', ['"c d"', '"c\\9 d"']);
|
||||
test_valid_value("grid-template-areas", '"first ..."', ['"first ."', '"first ..."']);
|
||||
// https://github.com/w3c/csswg-drafts/issues/3261
|
||||
test_valid_value("grid-template-areas", '" a \t b "', '"a b"');
|
||||
test_valid_value("grid-template-areas", '"c\td"', '"c d"');
|
||||
test_valid_value("grid-template-areas", '"first ..."', '"first ."');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue