mirror of
https://github.com/servo/servo.git
synced 2025-08-06 22:15:33 +01:00
Update web-platform-tests to revision b'b964db08565d01d21c778783da8e9b5d403de3d4'
This commit is contained in:
parent
e13a04627c
commit
5cd4d0259a
116 changed files with 2135 additions and 337 deletions
|
@ -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>
|
|
@ -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">
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue