mirror of
https://github.com/servo/servo.git
synced 2025-08-06 22:15:33 +01:00
Update web-platform-tests to revision f0cb9071aea5ce5b641fcba5f362a0796bdc70bc
This commit is contained in:
WPT Sync Bot
parent
0d549e8146
commit
7289e837fd
558 changed files with 8627 additions and 6619 deletions
|
|
@ -0,0 +1,126 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>
|
||||
CSS Grid Layout Test: Grid Item (First) Baseline Alignment Row Cyclic Sizing Exclusions
|
||||
</title>
|
||||
<meta name="assert" content="
|
||||
A grid item whose size is input
|
||||
to the size of the track
|
||||
on which its size depends
|
||||
cannot participate in baseline alignment.
|
||||
">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-grid-1/#row-align">
|
||||
<link rel="match" href="references/grid-baseline-align-cycles-001-ref.html">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style>
|
||||
.grid {
|
||||
border: solid silver;
|
||||
margin: 1em 0.25em;
|
||||
display: inline-grid;
|
||||
grid-template-columns: repeat(2, auto);
|
||||
font: 20px/1 Ahem;
|
||||
height: 5em;
|
||||
}
|
||||
.grid > div {
|
||||
border: 1em aqua;
|
||||
border-style: solid none;
|
||||
}
|
||||
.index {
|
||||
padding: 1em 0;
|
||||
}
|
||||
.percent {
|
||||
height: 20%;
|
||||
}
|
||||
.orthogonal {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
.self > div {
|
||||
align-self: baseline;
|
||||
}
|
||||
.content > div {
|
||||
align-content: baseline;
|
||||
}
|
||||
.self.ref > div {
|
||||
align-self: start;
|
||||
}
|
||||
.content.ref > div {
|
||||
align-content: start;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the upper set of boxes is identical to the lower set.
|
||||
|
||||
<div class="grid self">
|
||||
<div class="index">
|
||||
X
|
||||
</div>
|
||||
<div class="percent">
|
||||
X
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid self">
|
||||
<div class="index">
|
||||
X
|
||||
</div>
|
||||
<div class="orthogonal">
|
||||
X
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid content">
|
||||
<div class="index">
|
||||
X
|
||||
</div>
|
||||
<div class="percent">
|
||||
X
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid content">
|
||||
<div class="index">
|
||||
X
|
||||
</div>
|
||||
<div class="orthogonal">
|
||||
X
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="grid self ref">
|
||||
<div class="index">
|
||||
X
|
||||
</div>
|
||||
<div class="percent">
|
||||
X
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid self ref">
|
||||
<div class="index">
|
||||
X
|
||||
</div>
|
||||
<div class="orthogonal">
|
||||
X
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid content ref">
|
||||
<div class="index">
|
||||
X
|
||||
</div>
|
||||
<div class="percent">
|
||||
X
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid content ref">
|
||||
<div class="index">
|
||||
X
|
||||
</div>
|
||||
<div class="orthogonal">
|
||||
X
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -8,7 +8,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-alignment">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-baseline">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align/#synthesize-baseline">
|
||||
<link rel="stylesheet" href="../../support/grid.css">
|
||||
<link rel="stylesheet" href="/css/support/grid.css">
|
||||
<link rel="stylesheet" href="../../support/alignment.css">
|
||||
<meta name="assert" content="Grid items orthogonal to the Baseline Alignment Context should use their border-box 'under' edge as synthesized baseline.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-alignment">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-baseline">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align/#synthesize-baseline">
|
||||
<link rel="stylesheet" href="../../support/grid.css">
|
||||
<link rel="stylesheet" href="/css/support/grid.css">
|
||||
<link rel="stylesheet" href="../../support/alignment.css">
|
||||
<meta name="assert" content="Empty grid items with fixed size should use their border-box 'under' edge as synthesized baseline.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-alignment">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-baseline">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align/#synthesize-baseline">
|
||||
<link rel="stylesheet" href="../../support/grid.css">
|
||||
<link rel="stylesheet" href="/css/support/grid.css">
|
||||
<link rel="stylesheet" href="../../support/alignment.css">
|
||||
<meta name="assert" content="Empty grid items with relative size should use their border-box 'under' edge as synthesized baseline.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-alignment">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-baseline">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align/#synthesize-baseline">
|
||||
<link rel="stylesheet" href="../../support/grid.css">
|
||||
<link rel="stylesheet" href="/css/support/grid.css">
|
||||
<link rel="stylesheet" href="../../support/alignment.css">
|
||||
<meta name="assert" content="Grid items orthogonal to the Baseline Alignment Context should use their border-box 'under' edge as synthesized baseline.">
|
||||
<meta name="assert" content="Empty grid items with fixed size should use their border-box 'under' edge as synthesized baseline.">
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#algo-overview">
|
||||
<meta name="flags" content="ahem dom">
|
||||
<meta name="assert" content="This test checks that content alignment is properly applied when the size of the tracks changes in the second pass of the track sizing algorithm.">
|
||||
<link rel="stylesheet" href="../../support/grid.css">
|
||||
<link rel="stylesheet" href="/css/support/grid.css">
|
||||
<link rel="stylesheet" href="../../support/alignment.css">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#algo-overview">
|
||||
<meta name="flags" content="ahem dom">
|
||||
<meta name="assert" content="This test checks that content alignment is properly applied when the size of the tracks changes in the second pass of the track sizing algorithm.">
|
||||
<link rel="stylesheet" href="../../support/grid.css">
|
||||
<link rel="stylesheet" href="/css/support/grid.css">
|
||||
<link rel="stylesheet" href="../../support/alignment.css">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-alignment">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-baseline">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align/#synthesize-baseline">
|
||||
<link rel="stylesheet" href="../../support/grid.css">
|
||||
<link rel="stylesheet" href="/css/support/grid.css">
|
||||
<link rel="stylesheet" href="../../support/alignment.css">
|
||||
<meta name="assert" content="Grid items orthogonal to the Baseline Alignment Context should use their border-box 'under' edge as synthesized baseline.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-alignment">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-baseline">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align/#synthesize-baseline">
|
||||
<link rel="stylesheet" href="../../support/grid.css">
|
||||
<link rel="stylesheet" href="/css/support/grid.css">
|
||||
<link rel="stylesheet" href="../../support/alignment.css">
|
||||
<meta name="assert" content="Empty grid items with fixed size should use their border-box 'under' edge as synthesized baseline.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-alignment">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-baseline">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align/#synthesize-baseline">
|
||||
<link rel="stylesheet" href="../../support/grid.css">
|
||||
<link rel="stylesheet" href="/css/support/grid.css">
|
||||
<link rel="stylesheet" href="../../support/alignment.css">
|
||||
<meta name="assert" content="Empty grid items with relative size should use their border-box 'under' edge as synthesized baseline.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-alignment">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-baseline">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align/#synthesize-baseline">
|
||||
<link rel="stylesheet" href="../../support/grid.css">
|
||||
<link rel="stylesheet" href="/css/support/grid.css">
|
||||
<link rel="stylesheet" href="../../support/alignment.css">
|
||||
<meta name="assert" content="Empty grid items with fixed size should use their border-box 'under' edge as synthesized baseline.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-justify-items">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-alignment">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-baseline">
|
||||
<link rel="stylesheet" href="../../support/grid.css">
|
||||
<link rel="stylesheet" href="/css/support/grid.css">
|
||||
<link rel="stylesheet" href="../../support/alignment.css">
|
||||
<meta name="assert" content="Grid items with relative size in the inline or block axis and an intrinsically-sized column or row respectively, don't participate in baseline alignment in the, row-like or column-like respectively, shared alignment context.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-justify-items">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-alignment">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-baseline">
|
||||
<link rel="stylesheet" href="../../support/grid.css">
|
||||
<link rel="stylesheet" href="/css/support/grid.css">
|
||||
<link rel="stylesheet" href="../../support/alignment.css">
|
||||
<meta name="assert" content="Grid items orthogonal to the Baseline Context along the inline or block axis and an intrinsically-sized column or row respectively, don't participate in baseline alignment in the, row-like or column-like respectively, shared alignment context.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-justify-items">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-alignment">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-baseline">
|
||||
<link rel="stylesheet" href="../../support/grid.css">
|
||||
<link rel="stylesheet" href="/css/support/grid.css">
|
||||
<link rel="stylesheet" href="../../support/alignment.css">
|
||||
<meta name="assert" content="Items not participating in baseline may later participate if there is an extra pass of the track sizing algorithm.">
|
||||
<!-- https://github.com/w3c/csswg-drafts/issues/3046 -->
|
||||
|
|
|
|||
|
|
@ -0,0 +1,115 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>
|
||||
CSS Grid Layout Test: Grid Item (First) Baseline Alignment Row Cyclic Sizing Exclusions Reference File
|
||||
</title>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style>
|
||||
.grid {
|
||||
border: solid silver;
|
||||
margin: 1em 0.25em;
|
||||
display: inline-grid;
|
||||
grid-template-columns: repeat(3, auto);
|
||||
font: 20px/1 Ahem;
|
||||
height: 5em;
|
||||
}
|
||||
.grid > div {
|
||||
border: 1em aqua;
|
||||
border-style: solid none;
|
||||
}
|
||||
.index {
|
||||
padding: 1em 0;
|
||||
}
|
||||
.percent, .orthognal {
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
.self > div {
|
||||
align-self: start;
|
||||
}
|
||||
.content > div {
|
||||
align-content: start;
|
||||
}
|
||||
.self.ref > div {
|
||||
align-self: start;
|
||||
}
|
||||
.content.ref > div {
|
||||
align-content: start;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the upper set of boxes is identical to the lower set.
|
||||
|
||||
<div class="grid self">
|
||||
<div class="index">
|
||||
X
|
||||
</div>
|
||||
<div class="percent">
|
||||
X
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid self">
|
||||
<div class="index">
|
||||
X
|
||||
</div>
|
||||
<div class="orthogonal">
|
||||
X
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid content">
|
||||
<div class="index">
|
||||
X
|
||||
</div>
|
||||
<div class="percent">
|
||||
X
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid content">
|
||||
<div class="index">
|
||||
X
|
||||
</div>
|
||||
<div class="orthogonal">
|
||||
X
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="grid self ref">
|
||||
<div class="index">
|
||||
X
|
||||
</div>
|
||||
<div class="percent">
|
||||
X
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid self ref">
|
||||
<div class="index">
|
||||
X
|
||||
</div>
|
||||
<div class="orthogonal">
|
||||
X
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid content ref">
|
||||
<div class="index">
|
||||
X
|
||||
</div>
|
||||
<div class="percent">
|
||||
X
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid content ref">
|
||||
<div class="index">
|
||||
X
|
||||
</div>
|
||||
<div class="orthogonal">
|
||||
X
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue