mirror of
https://github.com/servo/servo.git
synced 2025-08-10 16:05:43 +01:00
Update web-platform-tests to revision e2eb25aaa6dd3c512b172588f3400f9c25a410c3
This commit is contained in:
parent
3d4a416c6b
commit
8b66216ed2
484 changed files with 1945 additions and 1089 deletions
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Grid areas 'overflowing' the grid container size</title>
|
||||
<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 href="support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 200px / 200px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
<p>The test passes if you see a grey square below without any scrollbar.</p>
|
||||
<div class="grid"></div>
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Grid areas 'overflowing' the grid container size</title>
|
||||
<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 href="support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 200px / 200px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.item {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
<p>The test passes if you see a grey square below without any scrollbar.</p>
|
||||
<div class="grid"><div class="item"></div></div>
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Grid areas 'overflowing' the grid container size</title>
|
||||
<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 href="support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 100px 100px / 100px 100px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.item {
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
<p>The test passes if you see a grey square below without any scrollbar.</p>
|
||||
<div class="grid"><div class="item"></div></div>
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Grid areas 'overflowing' the grid container size</title>
|
||||
<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 href="support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 100px 100px / 100px 100px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.item {
|
||||
grid-column: 1;
|
||||
grid-row: 2;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
<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>
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Grid areas 'overflowing' the grid container size</title>
|
||||
<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 href="support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 100px 100px / 100px 100px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.item {
|
||||
grid-column: 2;
|
||||
grid-row: 1;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
<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>
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Grid areas 'overflowing' the grid container size</title>
|
||||
<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-scrollbars.html">
|
||||
<meta name="assert" content="This test verifies that the scrollbars are shown on a grid with an item placed outside the boundaries of the grid container.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 100px 100px / 100px 100px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.item {
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
<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>
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Grid areas 'overflowing' the grid container size</title>
|
||||
<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 with 0px width even when it's placed in a grid area outside the boundaries of the grid container.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 100px 100px / 100px 100px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.item {
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
width: 0px;
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
<p>The test passes if you see a grey square below without any scrollbar.</p>
|
||||
<div class="grid"><div class="item"></div></div>
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Grid areas 'overflowing' the grid container size</title>
|
||||
<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 with 0px height even when it's placed in a grid area outside the boundaries of the grid container.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 100px 100px / 100px 100px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.item {
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
width: 50px;
|
||||
height: 0px;
|
||||
}
|
||||
</style>
|
||||
<p>The test passes if you see a grey square below without any scrollbar.</p>
|
||||
<div class="grid"><div class="item"></div></div>
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Reference</title>
|
||||
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com">
|
||||
<style>
|
||||
.box {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: grey;
|
||||
}
|
||||
.item {
|
||||
width: 150px;
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
<p>The test passes if you see a grey square below and only the horizontal scrollbar is visible.</p>
|
||||
<div class="box"><div class="item"></div></div>
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Reference</title>
|
||||
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com">
|
||||
<style>
|
||||
.box {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: grey;
|
||||
}
|
||||
.item {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
}
|
||||
</style>
|
||||
<p>The test passes if you see a grey square below and both scrollbars are visible.</p>
|
||||
<div class="box"><div class="item"></div></div>
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Reference</title>
|
||||
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com">
|
||||
<style>
|
||||
.box {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: grey;
|
||||
}
|
||||
.item {
|
||||
width: 50px;
|
||||
height: 150px;
|
||||
}
|
||||
</style>
|
||||
<p>The test passes if you see a grey square below and only the vertical scrollbar is visible.</p>
|
||||
<div class="box"><div class="item"></div></div>
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Reference</title>
|
||||
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com">
|
||||
<style>
|
||||
.box {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: grey;
|
||||
}
|
||||
</style>
|
||||
<p>The test passes if you see a grey square below without any scrollbar.</p>
|
||||
<div class="box"></div>
|
Loading…
Add table
Add a link
Reference in a new issue