mirror of
https://github.com/servo/servo.git
synced 2025-08-06 22:15:33 +01:00
Update web-platform-tests to revision b'797e75946c24d0625f04247b16d33c26d4ada273'
This commit is contained in:
parent
4339b3bab4
commit
44e249bebb
414 changed files with 12588 additions and 11565 deletions
|
@ -0,0 +1,55 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://w3c.github.io/csswg-drafts/css-box-4/#margin-trim-block">
|
||||
<meta name="assert" content="Items, including self-collapsing ones, at the block-end of the container should have their margins trimmed">
|
||||
<style>
|
||||
container {
|
||||
display: block;
|
||||
inline-size: min-content;
|
||||
margin-trim: block-end;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
background-color: green;
|
||||
inline-size: 50px;
|
||||
block-size: 10px;
|
||||
margin-block-end: 10px;
|
||||
}
|
||||
.border {
|
||||
border: 1px solid black;
|
||||
}
|
||||
.collapsed {
|
||||
block-size: 0px;
|
||||
}
|
||||
</style>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/resources/check-layout-th.js"></script>
|
||||
</head>
|
||||
<body onload="checkLayout('item')">
|
||||
<div id="target">
|
||||
<container>
|
||||
<item data-expected-margin-bottom="10"></item>
|
||||
<item data-expected-margin-bottom="0" style="block-size: auto;">
|
||||
<div><item data-expected-margin-bottom="10"></item></div>
|
||||
<div>
|
||||
<item data-expected-margin-bottom="0" style="block-size: auto;">
|
||||
<div><item data-expected-margin-bottom="0"></item></div>
|
||||
</item>
|
||||
<item class="collapsed" data-expected-margin-bottom="0">
|
||||
<div><item class="collapsed" data-expected-margin-bottom="0"></item></div>
|
||||
</item>
|
||||
</div>
|
||||
<item class="collapsed" data-expected-margin-bottom="0">
|
||||
<div><item class="collapsed" data-expected-margin-bottom="0"></item></div>
|
||||
</item>
|
||||
</item>
|
||||
<item class="collapsed" data-expected-margin-bottom="0">
|
||||
<div><item class="collapsed" data-expected-margin-bottom="0"></item></div>
|
||||
</item>
|
||||
</container>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,60 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://w3c.github.io/csswg-drafts/css-box-4/#margin-trim-block">
|
||||
<meta name="assert" content="Second item and all self-collapsing children at block-end should have margins trimmed">
|
||||
<style>
|
||||
container {
|
||||
display: block;
|
||||
inline-size: min-content;
|
||||
margin-trim: block-end;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
background-color: green;
|
||||
inline-size: 50px;
|
||||
block-size: 50px;
|
||||
margin-block-end: 10px;
|
||||
}
|
||||
.collapsed {
|
||||
block-size: 0px;
|
||||
}
|
||||
</style>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/resources/check-layout-th.js"></script>
|
||||
</head>
|
||||
<body onload="checkLayout('item')">
|
||||
<div id="target">
|
||||
<container>
|
||||
<item data-expected-margin-bottom="10"></item>
|
||||
<item data-expected-margin-bottom="0"></item>
|
||||
<item class="collapsed" data-expected-margin-bottom="0">
|
||||
<div><item class="collapsed" data-expected-margin-bottom="0">
|
||||
<div><item class="collapsed" data-expected-margin-bottom="0">
|
||||
<div><item class="collapsed" data-expected-margin-bottom="0"></item></div>
|
||||
<div><item class="collapsed" data-expected-margin-bottom="0"></item></div>
|
||||
</item></div>
|
||||
</item></div>
|
||||
<div><item class="collapsed" data-expected-margin-bottom="0"></item></div>
|
||||
</item>
|
||||
<item class="collapsed" data-expected-margin-bottom="0">
|
||||
<div><item class="collapsed" data-expected-margin-bottom="0">
|
||||
<div><item class="collapsed" data-expected-margin-bottom="0"></item></div>
|
||||
<div><item class="collapsed" data-expected-margin-bottom="0">
|
||||
<div><item class="collapsed" data-expected-margin-bottom="0"></item></div>
|
||||
</item></div>
|
||||
<div><item class="collapsed" data-expected-margin-bottom="0"></item></div>
|
||||
</item></div>
|
||||
<div><item class="collapsed" data-expected-margin-bottom="0">
|
||||
<div><item class="collapsed" data-expected-margin-bottom="0">
|
||||
<div><item class="collapsed" data-expected-margin-bottom="0"></item></div>
|
||||
</item></div>
|
||||
</item></div>
|
||||
</item>
|
||||
<item class="collapsed" data-expected-margin-bottom="0"></item>
|
||||
</container>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://w3c.github.io/csswg-drafts/css-box-4/#margin-trim-block">
|
||||
<meta name="assert" content="block-end margin of item should be trimmed">
|
||||
<style>
|
||||
container {
|
||||
display: block;
|
||||
inline-size: min-content;
|
||||
margin-trim: block-end;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
background-color: green;
|
||||
inline-size: 50px;
|
||||
block-size: 50px;
|
||||
margin-block-end: 10px;
|
||||
}
|
||||
</style>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/resources/check-layout-th.js"></script>
|
||||
</head>
|
||||
<body onload="checkLayout('item')">
|
||||
<div id="target">
|
||||
<container>
|
||||
<item data-expected-margin-bottom="0"></item>
|
||||
</container>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
|
||||
<meta name="assert" content="item with border should prevent trimming within itself">
|
||||
<style>
|
||||
container {
|
||||
display: block;
|
||||
margin-trim: block;
|
||||
border: 1px solid black;
|
||||
margin-block-start: 10px;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
inline-size: 50px;
|
||||
block-size: 50px;
|
||||
background-color: green;
|
||||
}
|
||||
.collapsed {
|
||||
margin-block: 50px;
|
||||
block-size: 0px
|
||||
}
|
||||
.with-border-and-margin {
|
||||
border: 1px solid black;
|
||||
margin-block-start: 30px;
|
||||
}
|
||||
</style>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/resources/check-layout-th.js"></script>
|
||||
</head>
|
||||
<body onload="checkLayout('item')">
|
||||
<container>
|
||||
<item data-expected-margin-top="0" class="collapsed">
|
||||
<item data-expected-margin-top="0" class="collapsed"></item>
|
||||
</item>
|
||||
<item class="with-border-and-margin" data-expected-margin-top="0">
|
||||
<item class="with-border-and-margin" data-expected-margin-top="30"></item>
|
||||
</item>
|
||||
</container>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
|
||||
<meta name="assert" content="self-collapsing items at block start should have margins trimmed along with first non self-collapsing child block-start margins">
|
||||
<style>
|
||||
container {
|
||||
display: block;
|
||||
margin-trim: block;
|
||||
border: 1px solid black;
|
||||
margin-block-start: 10px;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
inline-size: 50px;
|
||||
background-color: green;
|
||||
}
|
||||
.collapsed {
|
||||
margin-block-start: 50px;
|
||||
block-size: 0px
|
||||
}
|
||||
</style>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/resources/check-layout-th.js"></script>
|
||||
</head>
|
||||
<body onload=" checkLayout('container, item');">
|
||||
<container data-expected-margin-top="10">
|
||||
<item data-expected-margin-top="0" class="collapsed">
|
||||
<item data-expected-margin-top="0" class="collapsed"></item>
|
||||
</item>
|
||||
<item data-expected-margin-top="0" style="margin-block: 40px">
|
||||
<item data-expected-margin-top="0" data-expected-margin-bottom="0" class="collapsed"></item>
|
||||
<item data-expected-margin-top="0" style="margin-top: 30px;">
|
||||
<item data-expected-margin-top="0" style="margin-block-start: 100px; height: 50px;"></item>
|
||||
</item>
|
||||
</item>
|
||||
</container>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
|
||||
<meta name="assert" content="block-start margin of item should be trimmed">
|
||||
<style>
|
||||
container {
|
||||
display: block;
|
||||
margin-trim: block;
|
||||
border: 1px solid black;
|
||||
margin-block-start: 10px;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
inline-size: 50px;
|
||||
block-size: 50px;
|
||||
background-color: green;
|
||||
}
|
||||
.collapsed {
|
||||
margin-block: 50px;
|
||||
block-size: 0px
|
||||
}
|
||||
</style>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/resources/check-layout-th.js"></script>
|
||||
</head>
|
||||
<body onload="checkLayout('item')">
|
||||
<container>
|
||||
<item style="margin-top: 30px;" data-expected-margin-top="0"></item>
|
||||
</container>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue