Update web-platform-tests to revision b'b964db08565d01d21c778783da8e9b5d403de3d4'

This commit is contained in:
WPT Sync Bot 2021-03-03 08:19:28 +00:00
parent e13a04627c
commit 5cd4d0259a
116 changed files with 2135 additions and 337 deletions

View file

@ -0,0 +1,14 @@
<!doctype html>
<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#algo-cross-item" />
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#attributes-for-embedded-content-and-images" />
<link rel="issue" href="https://crbug.com/1175526" />
<meta name="assert" content="width and height attributes on canvas don't map to css width/height, but do map to css aspect ratio, which is honored by flexbox, even when the item has contain: size. " />
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
<p>Test passes if there is a filled green square.</p>
<!-- align-items: flex-start so we don't have to think about stretching -->
<div style="display: flex; align-items: flex-start;">
<canvas width=20 height=20 style="contain: size; background: green; width: 100px;">
</div>

View file

@ -36,8 +36,8 @@
</div>
<div class="flexbox">
<canvas style="height: 122.5px"
/><canvas style="height: 73.5px"/>
<canvas style="height: 108.8px"
/><canvas style="height: 87.1px"/>
</div>
<div class="flexbox">

View file

@ -48,12 +48,12 @@
Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1)
= 196px
1st element gets 5/8 of space: 5/8 * 196px = 122.5px
1st element gets 3/8 of space: 3/8 * 196px = 73.5px
1st element gets 5/9 of space: 5/9 * 196px = 108.8px
1st element gets 4/9 of space: 4/9 * 196px = 87.1px
-->
<div class="flexbox">
<canvas style="flex: 5"/>
<canvas style="flex: 3"/>
<canvas style="flex: 4"/>
</div>
<!-- D) Two canvas elements, getting stretched by different ratios, from

View file

@ -52,12 +52,12 @@
Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1)
= 196px
1st element gets 5/8 of space: 5/8 * 196px = 122.5px
1st element gets 3/8 of space: 3/8 * 196px = 73.5px
1st element gets 5/9 of space: 5/9 * 196px = 108.8px
1st element gets 4/9 of space: 4/9 * 196px = 87.1px
-->
<div class="flexbox">
<canvas style="flex: 5"/>
<canvas style="flex: 3"/>
<canvas style="flex: 4"/>
</div>
<!-- D) Two canvas elements, getting stretched by different ratios, from

View file

@ -36,8 +36,8 @@
</div>
<div class="flexbox">
<iframe style="height: 122.5px"
/><iframe style="height: 73.5px"/>
<iframe style="height: 108.8px"
/><iframe style="height: 87.1px"/>
</div>
<div class="flexbox">

View file

@ -49,12 +49,12 @@
Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1)
= 196px
1st element gets 5/8 of space: 5/8 * 196px = 122.5px
1st element gets 3/8 of space: 3/8 * 196px = 73.5px
1st element gets 5/9 of space: 5/9 * 196px = 108.8px
1st element gets 4/9 of space: 4/9 * 196px = 87.1px
-->
<div class="flexbox">
<iframe style="flex: 5"/>
<iframe style="flex: 3"/>
<iframe style="flex: 4"/>
</div>
<!-- D) Two iframe elements, getting stretched by different ratios, from

View file

@ -36,8 +36,8 @@
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="height: 122.5px"
/><img src="support/solidblue.png" style="height: 73.5px"/>
<img src="support/solidblue.png" style="height: 108.8px"
/><img src="support/solidblue.png" style="height: 87.1px"/>
</div>
<div class="flexbox">

View file

@ -48,12 +48,12 @@
Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1)
= 196px
1st element gets 5/8 of space: 5/8 * 196px = 122.5px
1st element gets 3/8 of space: 3/8 * 196px = 73.5px
1st element gets 5/9 of space: 5/9 * 196px = 108.8px
1st element gets 4/9 of space: 4/9 * 196px = 87.1px
-->
<div class="flexbox">
<img src="support/solidblue.png" style="flex: 5"/>
<img src="support/solidblue.png" style="flex: 3"/>
<img src="support/solidblue.png" style="flex: 4"/>
</div>
<!-- D) Two img elements, getting stretched by different ratios, from

View file

@ -40,8 +40,8 @@
</div>
<div class="flexbox">
<textarea style="height: 122.5px"
/><textarea style="height: 73.5px"/>
<textarea style="height: 108.8px"
/><textarea style="height: 87.1px"/>
</div>
<div class="flexbox">

View file

@ -54,12 +54,12 @@
Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1)
= 196px
1st element gets 5/8 of space: 5/8 * 196px = 122.5px
1st element gets 3/8 of space: 3/8 * 196px = 73.5px
1st element gets 5/9 of space: 5/9 * 196px = 108.8px
1st element gets 4/9 of space: 4/9 * 196px = 87.1px
-->
<div class="flexbox">
<textarea style="flex: 5"/>
<textarea style="flex: 3"/>
<textarea style="flex: 4"/>
</div>
<!-- D) Two textarea elements, getting stretched by different ratios, from

View file

@ -36,8 +36,8 @@
</div>
<div class="flexbox">
<video style="height: 122.5px"
/><video style="height: 73.5px"/>
<video style="height: 108.8px"
/><video style="height: 87.1px"/>
</div>
<div class="flexbox">

View file

@ -48,12 +48,12 @@
Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1)
= 196px
1st element gets 5/8 of space: 5/8 * 196px = 122.5px
1st element gets 3/8 of space: 3/8 * 196px = 73.5px
1st element gets 5/9 of space: 5/9 * 196px = 108.8px
1st element gets 4/9 of space: 4/9 * 196px = 87.1px
-->
<div class="flexbox">
<video style="flex: 5"/>
<video style="flex: 3"/>
<video style="flex: 4"/>
</div>
<!-- D) Two video elements, getting stretched by different ratios, from