mirror of
https://github.com/servo/servo.git
synced 2025-08-03 12:40:06 +01:00
Update web-platform-tests to revision 632a3f59238036b6e24b28d47218ba9986ff4c62
This commit is contained in:
WPT Sync Bot
parent
cd02ca6c19
commit
fb838278a5
430 changed files with 15017 additions and 508 deletions
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Filled Percentage Column, Shrinkwrap Width (via float)</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-grid-1/#algo-overview">
|
||||
<link rel="match" href="references/grid-percent-cols-filled-shrinkwrap-001-ref.html">
|
||||
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
||||
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
|
||||
<style>
|
||||
.grid {
|
||||
display: grid;
|
||||
float: left;
|
||||
margin: 1em;
|
||||
grid-template-columns: auto 20% auto;
|
||||
border: solid silver;
|
||||
font: 20px/1 Ahem;
|
||||
color: transparent;
|
||||
}
|
||||
.grid > div {
|
||||
background: blue;
|
||||
}
|
||||
.b {
|
||||
grid-column: 3;
|
||||
}
|
||||
.c {
|
||||
grid-column: 2;
|
||||
}
|
||||
|
||||
.ref {
|
||||
grid-template-columns: 40px 20px 40px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the two shapes below are identical
|
||||
|
||||
<div class="grid">
|
||||
<div class="a">X</div>
|
||||
<div class="b">X</div>
|
||||
<div class="c">XXX</div>
|
||||
</div>
|
||||
|
||||
<div class="grid ref">
|
||||
<div class="a">X</div>
|
||||
<div class="b">X</div>
|
||||
<div class="c">XXX</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Spanned Percentage Column, Shrinkwrap Width (via float)</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-grid-1/#algo-overview">
|
||||
<link rel="match" href="references/grid-percent-cols-spanned-shrinkwrap-001-ref.html">
|
||||
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
||||
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
|
||||
<style>
|
||||
.grid {
|
||||
display: grid;
|
||||
float: left;
|
||||
margin: 1em;
|
||||
grid-template-columns: auto 20% auto;
|
||||
border: solid silver;
|
||||
font: 20px/1 Ahem;
|
||||
color: transparent;
|
||||
}
|
||||
.grid > div {
|
||||
background: blue;
|
||||
}
|
||||
.b {
|
||||
grid-column: 3;
|
||||
}
|
||||
.c {
|
||||
grid-column: span 3;
|
||||
}
|
||||
|
||||
.ref {
|
||||
grid-template-columns: 40px 20px 40px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the two shapes below are identical
|
||||
|
||||
<div class="grid">
|
||||
<div class="a">X</div>
|
||||
<div class="b">X</div>
|
||||
<div class="c">XXXXX</div>
|
||||
</div>
|
||||
|
||||
<div class="grid ref">
|
||||
<div class="a">X</div>
|
||||
<div class="b">X</div>
|
||||
<div class="c">XXXXX</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Filled Percentage Row, Shrinkwrap Height</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-grid-1/#algo-overview">
|
||||
<link rel="match" href="references/grid-percent-rows-filled-shrinkwrap-001-ref.html">
|
||||
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
||||
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
|
||||
<style>
|
||||
.grid {
|
||||
display: grid;
|
||||
float: left;
|
||||
margin: 1em;
|
||||
grid-template-rows: auto 20% auto;
|
||||
grid-auto-flow: column;
|
||||
border: solid silver;
|
||||
font: 20px/1 Ahem;
|
||||
color: transparent;
|
||||
}
|
||||
.grid > div {
|
||||
background: blue;
|
||||
}
|
||||
.b {
|
||||
grid-row: 3;
|
||||
}
|
||||
.c {
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
.ref {
|
||||
grid-template-rows: 40px 20px 40px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the two shapes below are identical
|
||||
|
||||
<div class="grid">
|
||||
<div class="a">X</div>
|
||||
<div class="b">X</div>
|
||||
<div class="c">X<br>X<br>X</div>
|
||||
</div>
|
||||
|
||||
<div class="grid ref">
|
||||
<div class="a">X</div>
|
||||
<div class="b">X</div>
|
||||
<div class="c">X</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,47 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Spanned Percentage Row, Shrinkwrap Height</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-grid-1/#algo-overview">
|
||||
<link rel="match" href="references/grid-percent-rows-spanned-shrinkwrap-001-ref.html">
|
||||
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
||||
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
|
||||
<style>
|
||||
.grid {
|
||||
display: grid;
|
||||
float: left;
|
||||
margin: 1em;
|
||||
grid-template-rows: auto 20% auto;
|
||||
grid-auto-flow: column;
|
||||
justify-content: center;
|
||||
border: solid silver;
|
||||
font: 20px/1 Ahem;
|
||||
color: transparent;
|
||||
}
|
||||
.grid > div {
|
||||
background: blue;
|
||||
}
|
||||
.b {
|
||||
grid-row: 3;
|
||||
}
|
||||
.c {
|
||||
grid-row: span 3;
|
||||
}
|
||||
|
||||
.ref {
|
||||
grid-template-rows: 40px 20px 40px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the two shapes below are identical
|
||||
|
||||
<div class="grid">
|
||||
<div class="a">X</div>
|
||||
<div class="b">X</div>
|
||||
<div class="c">X<br>X<br>X<br>X<br>X</div>
|
||||
</div>
|
||||
|
||||
<div class="grid ref">
|
||||
<div class="a">X</div>
|
||||
<div class="b">X</div>
|
||||
<div class="c">X<br>X<br>X<br>X<br>X</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Reference</title>
|
||||
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
|
||||
<style>
|
||||
.grid {
|
||||
display: grid;
|
||||
float: left;
|
||||
margin: 1em;
|
||||
grid-template-columns: 40px 20px 40px;
|
||||
align-content: center;
|
||||
border: solid silver;
|
||||
font: 20px/1 Ahem;
|
||||
color: transparent;
|
||||
}
|
||||
.grid > div {
|
||||
background: blue;
|
||||
}
|
||||
.b {
|
||||
grid-column: 3;
|
||||
}
|
||||
.c {
|
||||
grid-column: 2;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the two shapes below are identical
|
||||
|
||||
<div class="grid">
|
||||
<div class="a">X</div>
|
||||
<div class="b">X</div>
|
||||
<div class="c">XXX</div>
|
||||
</div>
|
||||
|
||||
<div class="grid ref">
|
||||
<div class="a">X</div>
|
||||
<div class="b">X</div>
|
||||
<div class="c">XXX</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Reference</title>
|
||||
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
|
||||
<style>
|
||||
.grid {
|
||||
display: grid;
|
||||
float: left;
|
||||
margin: 1em;
|
||||
grid-template-columns: 40px 20px 40px;
|
||||
align-content: center;
|
||||
border: solid silver;
|
||||
font: 20px/1 Ahem;
|
||||
color: transparent;
|
||||
}
|
||||
.grid > div {
|
||||
background: blue;
|
||||
}
|
||||
.b {
|
||||
grid-column: 3;
|
||||
}
|
||||
.c {
|
||||
grid-column: span 3;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the two shapes below are identical
|
||||
|
||||
<div class="grid">
|
||||
<div class="a">X</div>
|
||||
<div class="b">X</div>
|
||||
<div class="c">XXXXX</div>
|
||||
</div>
|
||||
|
||||
<div class="grid ref">
|
||||
<div class="a">X</div>
|
||||
<div class="b">X</div>
|
||||
<div class="c">XXXXX</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Reference</title>
|
||||
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
|
||||
<style>
|
||||
.grid {
|
||||
display: grid;
|
||||
float: left;
|
||||
margin: 1em;
|
||||
grid-template-rows: 40px 20px 40px;
|
||||
grid-auto-flow: column;
|
||||
justify-content: center;
|
||||
border: solid silver;
|
||||
font: 20px/1 Ahem;
|
||||
color: transparent;
|
||||
}
|
||||
.grid > div {
|
||||
background: blue;
|
||||
}
|
||||
.b {
|
||||
grid-row: 3;
|
||||
}
|
||||
.c {
|
||||
grid-row: 2;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the two shapes below are identical
|
||||
|
||||
<div class="grid">
|
||||
<div class="a">X</div>
|
||||
<div class="b">X</div>
|
||||
<div class="c">X<br>X<br>X</div>
|
||||
</div>
|
||||
|
||||
<div class="grid ref">
|
||||
<div class="a">X</div>
|
||||
<div class="b">X</div>
|
||||
<div class="c">X</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Reference</title>
|
||||
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
|
||||
<style>
|
||||
.grid {
|
||||
display: grid;
|
||||
float: left;
|
||||
margin: 1em;
|
||||
grid-template-rows: 40px 20px 40px;
|
||||
grid-auto-flow: column;
|
||||
justify-content: center;
|
||||
border: solid silver;
|
||||
font: 20px/1 Ahem;
|
||||
color: transparent;
|
||||
}
|
||||
.grid > div {
|
||||
background: blue;
|
||||
}
|
||||
.b {
|
||||
grid-row: 3;
|
||||
}
|
||||
.c {
|
||||
grid-row: span 3;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the two shapes below are identical
|
||||
|
||||
<div class="grid">
|
||||
<div class="a">X</div>
|
||||
<div class="b">X</div>
|
||||
<div class="c">X<br>X<br>X<br>X<br>X</div>
|
||||
</div>
|
||||
|
||||
<div class="grid ref">
|
||||
<div class="a">X</div>
|
||||
<div class="b">X</div>
|
||||
<div class="c">X<br>X<br>X<br>X<br>X</div>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue