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

Update web-platform-tests to revision 9ca57e052ba1b19fa3dd46c6aa656e8d529469a8

Browse source
This commit is contained in:
WPT Sync Bot 2020-09-12 08:20:19 +00:00
parent 68cb8f3d59
commit 75d6484415
1377 changed files with 31062 additions and 16983 deletions
Download patch file Download diff file Expand all files Collapse all files

15
tests/wpt/web-platform-tests/css/css-sizing/aspect-ratio/block-aspect-ratio-with-margin-collapsing-001.tentative.html Normal file
View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<title>CSS aspect-ratio: margin-collapsing with aspect-ratio on child element</title>
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
<link rel="help" href="https://drafts.csswg.org/css2/#collapsing-margins">
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="background: green; width: 100px; height: 25px; margin-bottom: -50px;"></div>
<div style="background: green; width: 100px; margin: 0px;">
<div style="margin-top: 50px; margin-bottom: 100px;
width: 100px; aspect-ratio: 2/1"></div>
</div>
<div style="background: green; width: 100px; height: 25px; margin-top: -100px;"></div>

14
tests/wpt/web-platform-tests/css/css-sizing/aspect-ratio/block-aspect-ratio-with-margin-collapsing-002.tentative.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<title>CSS aspect-ratio: margin-collapsing with aspect-ratio on parent element</title>
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
<link rel="help" href="https://drafts.csswg.org/css2/#collapsing-margins">
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="background: green; width: 100px; height: 25px; margin-bottom: -200px;"></div>
<div style="background: green; width: 100px; margin: 0px; aspect-ratio: 2/1">
<div style="width: 100px; margin-top: 50px; margin-bottom: 200px;"></div>
</div>
<div style="background: green; width: 100px; height: 25px;"></div>

12
tests/wpt/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-011.tentative.html Normal file
View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<title>CSS aspect-ratio: Row flexbox cross size</title>
<link rel="author" title="Google LLC" href="https://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#line-sizing" title="9.2.3.B">
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="display: flex; width: 100px;">
<div style="background: green; width: 50px; aspect-ratio: 1/1; min-width: 0; flex: 1;"></div>
</div>

12
tests/wpt/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-012.tentative.html Normal file
View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<title>CSS aspect-ratio: Row flexbox cross size</title>
<link rel="author" title="Google LLC" href="https://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#line-sizing" title="9.2.3.B">
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="display: flex; width: 100px;">
<div style="background: green; aspect-ratio: 1/1; min-width: 0; flex: 1 1 50px;"></div>
</div>

12
tests/wpt/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-013.tentative.html Normal file
View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<title>CSS aspect-ratio: Row flexbox cross size</title>
<link rel="author" title="Google LLC" href="https://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#line-sizing" title="9.2.3.B">
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="display: inline-flex; flex-direction: column; height: 100px;">
<div style="background: green; aspect-ratio: 1/1; min-height: 0; height: 50px; flex: 1;"></div>
</div>

12
tests/wpt/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-014.tentative.html Normal file
View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<title>CSS aspect-ratio: Row flexbox cross size</title>
<link rel="author" title="Google LLC" href="https://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#line-sizing" title="9.2.3.B">
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="display: inline-flex; flex-direction: column; height: 100px;">
<div style="background: green; aspect-ratio: 1/1; min-height: 0; flex: 1 1 50px;"></div>
</div>

4
tests/wpt/web-platform-tests/css/css-sizing/aspect-ratio/reference/ref-filled-green-100x20-rect.html Normal file
View file

@ -0,0 +1,4 @@
<!DOCTYPE html>
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
<div style="background: green; width: 100px; height: 20px;"></div>

9
tests/wpt/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-015.tentative.html Normal file
View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<title>CSS aspect-ratio: svg with viewbox (auto && ratio)</title>
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<svg viewBox="0 0 1 1" style="width: 100px; aspect-ratio: auto 5/1; background-color: green;"></svg>

9
tests/wpt/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-016.tentative.html Normal file
View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<title>CSS aspect-ratio: svg without viewbox (auto && ratio)</title>
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<svg style="width: 100px; aspect-ratio: auto 1/1; background-color: green;"></svg>

18
tests/wpt/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-017.tentative.html Normal file
View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<title>CSS aspect-ratio: canvas</title>
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
<link rel="match" href="reference/ref-filled-green-100x20-rect.html" />
<canvas width=200 height=200 style='width:100px; aspect-ratio:5/1;'></canvas>
<script>
window.onload = function() {
const canvas = document.querySelector('canvas');
const ctx = canvas.getContext('2d');
ctx.fillStyle = 'green';
ctx.fillRect(0, 0, 200, 200);
document.documentElement.removeAttribute('class');
}
</script>
</html>

9
tests/wpt/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-018.tentative.html Normal file
View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<title>CSS aspect-ratio: embed</title>
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<embed type="image/png" src="support/20x50-green.png" style="width: 100px; aspect-ratio: 1/1;">

7
tests/wpt/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-019.tentative.html Normal file
View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<title>CSS aspect-ratio: embed with ratio 5:1</title>
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
<link rel="match" href="reference/ref-filled-green-100x20-rect.html" />
<embed type="image/png" src="support/20x50-green.png" style="width: 100px; aspect-ratio: 5/1;">

10
tests/wpt/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-020.tentative.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<title>CSS aspect-ratio: SVG object with intrinsic size (auto && ratio)</title>
<link rel="author" title="Google LLC" href="https://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<object type="image/svg+xml" data="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' style='background-color: green'%3E%3C/svg%3E"
style="width: 100px; aspect-ratio: auto 5/1;"></object>

10
tests/wpt/web-platform-tests/css/css-sizing/aspect-ratio/replaced-element-021.tentative.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<title>CSS aspect-ratio: SVG object without intrinsic size (auto && ratio)</title>
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<object type="image/svg+xml" data="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='background-color: green'%3E%3C/svg%3E"
style="width: 100px; aspect-ratio: auto 1/1;"></object>