Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-10 07:55:33 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision b'468d01bbd84da2babf265c6af46947be68713440'

Browse source
This commit is contained in:
WPT Sync Bot 2021-09-07 11:16:33 +00:00 • committed by cybai
parent 35e95f55a1
commit 58e8ee674b
9438 changed files with 266112 additions and 106976 deletions
Download patch file Download diff file Expand all files Collapse all files

8
tests/wpt/web-platform-tests/css/css-grid/grid-items/aspect-ratio-001.html Normal file
View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#algo-overview">
<meta name="assert" content="An element with an aspect-ratio resolves its percentage against the definite row.">
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
<p>Test passes if there is a filled green square.</p>
<div style="display: inline-grid; grid-template-rows: 100px; background: green;">
<div style="aspect-ratio: 1/1; height: 100%;"></div>
</div>

8
tests/wpt/web-platform-tests/css/css-grid/grid-items/aspect-ratio-002.html Normal file
View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#algo-overview">
<meta name="assert" content="An element with an aspect-ratio resolves its percentage against the definite row.">
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
<p>Test passes if there is a filled green square.</p>
<div style="display: inline-grid; grid-template-rows: 50px 50px; background: green;">
<div style="aspect-ratio: 1/1; height: 100%; grid-row-start: 1; grid-row-end: 3;"></div>
</div>

8
tests/wpt/web-platform-tests/css/css-grid/grid-items/aspect-ratio-003.html Normal file
View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#algo-overview">
<meta name="assert" content="An element with an aspect-ratio resolves its percentage against the definite row.">
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
<p>Test passes if there is a filled green square.</p>
<div style="display: inline-grid; grid-template-rows: 100px; background: green;">
<div style="aspect-ratio: 2/1; height: 50%;"></div>
</div>

8
tests/wpt/web-platform-tests/css/css-grid/grid-items/aspect-ratio-004.html Normal file
View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#algo-overview">
<meta name="assert" content="An element with an aspect-ratio and stretch alignment stretches to the definite row, and transfers its size.">
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
<p>Test passes if there is a filled green square.</p>
<div style="display: inline-grid; grid-template-rows: 100px; background: green;">
<img src="support/50x50-green.png" style="align-self: stretch; opacity: 0;">
</div>

10
tests/wpt/web-platform-tests/css/css-grid/grid-items/grid-item-inline-contribution-001.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
<link rel="help" href="https://drafts.csswg.org/css-grid-2/#algo-overview">
<meta name="assert" content="Tests the min-content contribution is using the correct block-size.">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="display: inline-grid; background: green; height: 100px; grid-template-rows: 50px;">
<div style="height: 100%;"> <!-- This height should resolve against 50px - not 100px -->
<canvas width="20" height="10" style="height: 100%;">
</div>
</div>

28
tests/wpt/web-platform-tests/css/css-grid/grid-items/grid-item-inline-contribution-002.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
<link rel="help" href="https://drafts.csswg.org/css-grid-2/#algo-overview">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/6356#issuecomment-862800005">
<meta name="assert" content="Tests the min-content contribution is re-resolved during a 2nd pass.">
<!--
"
Then, if the min-content contribution of any grid item has changed based on
the row sizes and alignment calculated in step 2, re-resolve the sizes of the
grid columns with the new min-content and max-content contributions (once
only).
"
In this testcase initially the row size is indefinite, then resolves to 100px.
Using this information we re-resolve the columns, resulting in 100px for the
first column.
-->
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="display: grid; width: 0; grid-template: auto / auto auto;">
<div style="background: green; height: 100%;">
<canvas width="10" height="10" style="height: 100%;">
</div>
<div>
<div style="height: 100px;"></div>
</div>
</div>

28
tests/wpt/web-platform-tests/css/css-grid/grid-items/grid-item-inline-contribution-003.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
<link rel="help" href="https://drafts.csswg.org/css-grid-2/#algo-overview">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/6356#issuecomment-862800005">
<meta name="assert" content="Tests the min-content contribution is re-resolved during a 2nd pass.">
<!--
"
Then, if the min-content contribution of any grid item has changed based on
the row sizes and alignment calculated in step 2, re-resolve the sizes of the
grid columns with the new min-content and max-content contributions (once
only).
"
In this testcase initially the row size is indefinite, then resolves to 100px.
Using this information we re-resolve the columns, resulting in 100px for the
first column.
-->
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="display: grid; width: 0; grid-template: auto / auto auto;">
<div style="background: green;"> <!-- Has stretch alignment which the child should resolve against. -->
<canvas width="10" height="10" style="height: 100%;">
</div>
<div>
<div style="height: 100px;"></div>
</div>
</div>

27
tests/wpt/web-platform-tests/css/css-grid/grid-items/grid-items-contribution-negative-margins.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Grid items contribution with negative margin</title>
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-items" title="4 Grid Items">
<meta name="assert" content="This test checks that grid items are properly placed with negative margin.">
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
<style>
#grid {
background: red;
display: grid;
grid-auto-flow: column;
width: 100px;
height: 100px;
overflow: hidden;
}
#grid > div {
width: 100px;
height: 100px;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="grid">
<div style="background: blue; margin-left: -100px;"></div>
<div style="background: green;"></div>
</div>

8
tests/wpt/web-platform-tests/css/css-grid/grid-items/replaced-element-011.html Normal file
View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#algo-overview">
<meta name="assert" content="A replaced element resolves its percentage against the definite row.">
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
<p>Test passes if there is a filled green square.</p>
<div style="display: inline-grid; grid-template-rows: 100px; background: green;">
<canvas width=10 height=10 style="height: 100%;"></canvas>
</div>

8
tests/wpt/web-platform-tests/css/css-grid/grid-items/replaced-element-012.html Normal file
View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#algo-overview">
<meta name="assert" content="A replaced element resolves its percentage against the definite row.">
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
<p>Test passes if there is a filled green square.</p>
<div style="display: inline-grid; grid-template-rows: 50px 50px; background: green;">
<canvas width=10 height=10 style="height: 100%; grid-row-start: 1; grid-row-end: 3;"></canvas>
</div>

8
tests/wpt/web-platform-tests/css/css-grid/grid-items/replaced-element-013.html Normal file
View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#algo-overview">
<meta name="assert" content="A replaced element resolves its percentage against the definite row.">
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
<p>Test passes if there is a filled green square.</p>
<div style="display: inline-grid; grid-template-rows: 100px; background: green;">
<canvas width=20 height=10 style="height: 50%;"></canvas>
</div>

7
tests/wpt/web-platform-tests/css/css-grid/grid-items/replaced-element-014.html Normal file
View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1241154">
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
<p>Test passes if there is a filled green square.</p>
<div style="width: 100px; display: grid; grid-template-column: 1fr;">
<img src="support/500x500-green.png" style="background: green; height: auto; width: 200px; max-width: 100%;">
</div>