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

Update web-platform-tests to revision a63c453b145fbf1ad72dd42c8cbf298fccd39825

Browse source
This commit is contained in:
WPT Sync Bot 2020-04-16 08:19:16 +00:00
parent a4fbad2533
commit b34fc52dc2
169 changed files with 3407 additions and 3041 deletions
Download patch file Download diff file Expand all files Collapse all files

35
tests/wpt/web-platform-tests/css/css-grid/grid-model/fixed-width-intrinsic-width-should-exclude-scrollbar-001.html Normal file
View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<title>CSS Grid: intrinsic width of fixed-width grid items.</title>
<link rel="author" title="Sunil Ratnu" href="mailto:sunil.ratnu@samsung.com"/>
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#overflow"/>
<meta name="assert" content="This test ensures that scrollbar width is not accounted for fixed-width grid items' intrinsic width."/>
<link href="/css/support/grid.css" rel="stylesheet"/>
<style>
.grid {
grid-template-columns: 400px 500px;
grid-template-rows: 200px 300px;
}
.gridItemScrollOverflow {
width: 50px;
height: 50px;
overflow: scroll;
}
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<div class="grid">
<div class="firstRowFirstColumn gridItemScrollOverflow" data-expected-width="50" data-expected-height="50"></div>
<div class="firstRowSecondColumn gridItemScrollOverflow" data-expected-width="50" data-expected-height="50"></div>
<div class="secondRowFirstColumn gridItemScrollOverflow" data-expected-width="50" data-expected-height="50"></div>
<!-- Grid item itself being a grid container-->
<div class="grid secondRowSecondColumn gridItemScrollOverflow" data-expected-width="50" data-expected-height="50"></div>
</div>
</body>
</html>

52
tests/wpt/web-platform-tests/css/css-grid/grid-model/grid-floats-no-intrude-002-ref.html Normal file
View file

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="/css/support/grid.css">
<style>
.cell {
width: 50px;
height: auto;
min-height: 50px
}
.invisibleFont {
color: lime;
}
.floatLeft {
float: left;
}
.clearLeft {
clear: left;
}
.relative {
position: relative;
}
</style>
</head>
<body>
<div>This test checks that grid item sets a new formatting context for its content, preventing any 'float' protruding content on the adjoining grid item ('Float' text shouldn't overflow the first row).</div>
<div>
<div class="cell relative floatLeft firstRowFirstColumn">
<div>Float</div>
<div>Float</div>
<div>Float</div>
<div>Float</div>
</div>
<div class="cell floatLeft firstRowSecondColumn">
<div class="invisibleFont">Float</div>
<div class="invisibleFont">Float</div>
<div class="invisibleFont">Float</div>
<div class="invisibleFont">Float</div>
</div>
<div class="cell floatLeft clearLeft secondRowFirstColumn"></div>
<div class="cell floatLeft secondRowSecondColumn"></div>
</div>
</body>
</html>

43
tests/wpt/web-platform-tests/css/css-grid/grid-model/grid-floats-no-intrude-002.html Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Grid Layout Test: floats do not protrude content onto grid items</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#grid-containers">
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=430100">
<link rel="match" href="grid-floats-no-intrude-002-ref.html">
<link rel="stylesheet" href="/css/support/grid.css">
<link rel="stylesheet" href="/css/support/width-keyword-classes.css">
<meta name="assert" content="Test that a grid item sets a new formatting context for its content, preventing any 'float' protruding content on the adjoining grid item." />
<style>
.grid {
grid-auto-columns: minmax(50px, max-content);
grid-auto-rows: minmax(50px, max-content);
}
.floatChild {
float: left;
clear: both;
}
</style>
</head>
<body>
<div>This test checks that grid item sets a new formatting context for its content, preventing any 'float' protruding content on the adjoining grid item ('Float' text shouldn't overflow the first row).</div>
<div class="grid fit-content">
<div class="firstRowFirstColumn">
<div class="floatChild">Float</div>
<div class="floatChild">Float</div>
<div class="floatChild">Float</div>
<div class="floatChild">Float</div>
</div>
<div class="firstRowSecondColumn"></div>
<div class="secondRowFirstColumn"></div>
<div class="secondRowSecondColumn"></div>
</div>
</body>
</html>

10
tests/wpt/web-platform-tests/css/css-grid/grid-model/grid-margins-no-collapse-002-ref.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<link rel="stylesheet" href="/css/support/grid.css">
<div>This test checks that grid item's margins do not collapse with its content's margins (single margin in the first row and double between subsequent).</div>
<div style="float: left">
<div><p>XXXXX</p></div>
<div style="float:left; margin:20px 0px;">XXXXX</div>
<div><p style="float:left; clear:both;">XXXXX</p></div>
</div>

16
tests/wpt/web-platform-tests/css/css-grid/grid-model/grid-margins-no-collapse-002.html Normal file
View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<title>CSS Grid Layout Test: grid items not collapsing</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#grid-containers">
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=430100">
<link rel="match" href="grid-margins-no-collapse-002-ref.html">
<link rel="stylesheet" href="/css/support/grid.css">
<meta name="assert" content="Test that grid item's margins do not collapse with its content's margins." />
<div>This test checks that grid item's margins do not collapse with its content's margins (single margin in the first row and double between subsequent).</div>
<div style="display: grid;">
<div><p>XXXXX</p></div>
<div style="margin:20px 0px;">XXXXX</div>
<div><p>XXXXX</p></div>
</div>