mirror of
https://github.com/servo/servo.git
synced 2025-08-03 12:40:06 +01:00
Update web-platform-tests to revision 993a932dca2b378a44dc55f4ee80812f65d8fb4e
This commit is contained in:
parent
f5ff38b875
commit
af74a5d2cf
331 changed files with 3327 additions and 3531 deletions
|
@ -4,15 +4,16 @@
|
|||
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-grid/#grid-model">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">
|
||||
<link rel="match" href="reference/100x100-grey-box.html">
|
||||
<meta name="assert" content="This test verifies that the scrollbars are not shown on an empty grid even if there are grid areas which exceed the grid container size, since the grid itself is not a box that can cause overflow.">
|
||||
<link rel="match" href="reference/100x100-grey-box-with-scrollbars.html">
|
||||
<meta name="assert" content="This test verifies that the scrollbars are shown on an empty grid if there are grid areas which exceed the grid container size, since the grid itself can cause overflow.">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 200px / 200px;
|
||||
grid: 150px / 150px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
<p>The test passes if you see a grey square below without any scrollbar.</p>
|
||||
<p>The test passes if you see a grey square below and both scrollbars are visible.</p>
|
||||
<div class="grid"></div>
|
||||
|
|
|
@ -4,19 +4,20 @@
|
|||
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-grid/#grid-model">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">
|
||||
<link rel="match" href="reference/100x100-grey-box.html">
|
||||
<meta name="assert" content="This test verifies that the scrollbars are not shown on a grid with an item placed inside the boundaries of the grid container, even if there are grid areas which exceed the grid container size.">
|
||||
<link rel="match" href="reference/100x100-grey-box-with-scrollbars.html">
|
||||
<meta name="assert" content="This test verifies that the scrollbars are shown on a grid with an item placed inside the boundaries of the grid container, if there are grid areas which exceed the grid container size.">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 200px / 200px;
|
||||
grid: 150px / 150px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
overflow: auto;
|
||||
}
|
||||
.item {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
<p>The test passes if you see a grey square below without any scrollbar.</p>
|
||||
<p>The test passes if you see a grey square below and both scrollbars are visible.</p>
|
||||
<div class="grid"><div class="item"></div></div>
|
||||
|
|
|
@ -5,13 +5,14 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-grid/#grid-model">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">
|
||||
<link rel="match" href="reference/100x100-grey-box.html">
|
||||
<meta name="assert" content="This test verifies that the scrollbars are not shown on a grid with an item placed inside the boundaries of the grid container, even if there are grid areas which exceed the grid container size.">
|
||||
<meta name="assert" content="This test verifies that the scrollbars are shown on a grid with an item placed inside the boundaries of the grid container, if there are grid areas which exceed the grid container size.">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 100px 100px / 100px 100px;
|
||||
grid: 100px 50px / 100px 50px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
overflow: auto;
|
||||
}
|
||||
.item {
|
||||
grid-column: 1;
|
||||
|
@ -20,5 +21,5 @@
|
|||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
<p>The test passes if you see a grey square below without any scrollbar.</p>
|
||||
<p>The test passes if you see a grey square below and both scrollbars are visible.</p>
|
||||
<div class="grid"><div class="item"></div></div>
|
||||
|
|
|
@ -4,21 +4,23 @@
|
|||
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-grid/#grid-model">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">
|
||||
<link rel="match" href="reference/100x100-grey-box-with-horizontal-scrollbar.html">
|
||||
<meta name="assert" content="This test verifies that the horizontal scrollbar is shown on a grid with an item placed below the bottom of the grid container.">
|
||||
<link rel="match" href="reference/100x100-grey-box-with-vertical-scrollbar.html">
|
||||
<meta name="assert" content="This test verifies that the vertical scrollbar is shown on a grid with an item placed below the bottom of the grid container.">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 100px 100px / 100px 100px;
|
||||
grid: 100px / 100px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
overflow: auto;
|
||||
}
|
||||
.item {
|
||||
grid-column: 1;
|
||||
grid-row: 2;
|
||||
grid-row: 1;
|
||||
margin-top: 100px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
<p>The test passes if you see a grey square below and only the horizontal scrollbar is visible.</p>
|
||||
<p>The test passes if you see a grey square below and only the vertical scrollbar is visible.</p>
|
||||
<div class="grid"><div class="item"></div></div>
|
||||
|
|
|
@ -4,21 +4,23 @@
|
|||
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-grid/#grid-model">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">
|
||||
<link rel="match" href="reference/100x100-grey-box-with-vertical-scrollbar.html">
|
||||
<meta name="assert" content="This test verifies that the vertical scrollbar is shown on a grid with an item placed behind the right edge of the grid container.">
|
||||
<link rel="match" href="reference/100x100-grey-box-with-horizontal-scrollbar.html">
|
||||
<meta name="assert" content="This test verifies that the horizontal scrollbar is shown on a grid with an item placed behind the right edge of the grid container.">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 100px 100px / 100px 100px;
|
||||
grid: 100px / 100px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
overflow: auto;
|
||||
}
|
||||
.item {
|
||||
grid-column: 2;
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
margin-left: 100px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
<p>The test passes if you see a grey square below and only the vertical scrollbar is visible.</p>
|
||||
<p>The test passes if you see a grey square below and only the horizontal scrollbar is visible.</p>
|
||||
<div class="grid"><div class="item"></div></div>
|
||||
|
|
|
@ -9,13 +9,15 @@
|
|||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 100px 100px / 100px 100px;
|
||||
grid: 100px / 100px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
overflow: auto;
|
||||
}
|
||||
.item {
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
margin: 100px 0 0 100px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Grid padding 'overflowing' the grid container size</title>
|
||||
<link rel="author" title="Tab Atkins-Bittner" href="https://xanthir.com/contact">
|
||||
<link rel="author" title="Elika J Etemad" href="http://inkedblade.org/contact">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-grid/#grid-model">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">
|
||||
<link rel="match" href="reference/100x100-grey-box-with-scrollbars.html">
|
||||
<meta name="assert" content="This test verifies that scrollbars are shown when end-edge padding overflows the grid container.">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 100px / 100px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
padding: 0 50px 50px 0;
|
||||
}
|
||||
</style>
|
||||
<p>The test passes if you see a grey square below and both scrollbars are visible.</p>
|
||||
<div class="grid"></div>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Grid areas and padding 'overflowing' the grid container size</title>
|
||||
<link rel="author" title="Tab Atkins-Bittner" href="https://xanthir.com/contact">
|
||||
<link rel="author" title="Elika J Etemad" href="http://inkedblade.org/contact">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-grid/#grid-model">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">
|
||||
<link rel="match" href="reference/100x100-grey-box-with-scrollbars.html">
|
||||
<meta name="assert" content="This test verifies that scrollbars are shown when a combination of padding and the grid overflows the grid container, and that the padding is not applied to abspos positioning.">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 120px / 120px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
padding: 10px 20px 20px 10px;
|
||||
overflow: auto;
|
||||
}
|
||||
.abspos {
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
top: 140px;
|
||||
left: 140px;
|
||||
}
|
||||
</style>
|
||||
<p>The test passes if you see a grey square below and both scrollbars are visible.</p>
|
||||
<div class="grid"><div class=abspos></div></div>
|
|
@ -6,6 +6,7 @@
|
|||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: grey;
|
||||
overflow: auto;
|
||||
}
|
||||
.item {
|
||||
width: 150px;
|
||||
|
|
|
@ -6,6 +6,7 @@
|
|||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: grey;
|
||||
overflow: auto;
|
||||
}
|
||||
.item {
|
||||
width: 150px;
|
||||
|
|
|
@ -6,6 +6,7 @@
|
|||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: grey;
|
||||
overflow: auto;
|
||||
}
|
||||
.item {
|
||||
width: 50px;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue