Bug 1491195 [wpt PR 12999] - [css-contain] Split contain-layout-008 in three smaller tests, a=testonly

Automatic update from web-platform-tests[css-contain] Split contain-layout-008 in three smaller tests (#12999)

Following what we did in #12975 for contain-paint-013,
this patch does the same for contain-layout-008
as they were sharing the reference file that was removed by mistake.
--

wpt-commits: 1343a173b66a7ba398bcb47a74bc8bf81ed11d40
wpt-pr: 12999
This commit is contained in:
Manuel Rego Casasnovas 2018-09-17 13:47:51 +00:00 коммит произвёл moz-wptsync-bot
Родитель fc4dbc918a
Коммит 10b8efbbea
4 изменённых файлов: 89 добавлений и 29 удалений

Просмотреть файл

@ -109549,18 +109549,6 @@
{}
]
],
"css/css-contain/contain-layout-008.html": [
[
"/css/css-contain/contain-layout-008.html",
[
[
"/css/css-contain/reference/contain-paint-013-ref.html",
"=="
]
],
{}
]
],
"css/css-contain/contain-layout-009.html": [
[
"/css/css-contain/contain-layout-009.html",
@ -109741,6 +109729,42 @@
{}
]
],
"css/css-contain/contain-layout-independent-formatting-context-001.html": [
[
"/css/css-contain/contain-layout-independent-formatting-context-001.html",
[
[
"/css/css-contain/reference/contain-paint-independent-formatting-context-001-ref.html",
"=="
]
],
{}
]
],
"css/css-contain/contain-layout-independent-formatting-context-002.html": [
[
"/css/css-contain/contain-layout-independent-formatting-context-002.html",
[
[
"/css/css-contain/reference/contain-paint-independent-formatting-context-001-ref.html",
"=="
]
],
{}
]
],
"css/css-contain/contain-layout-independent-formatting-context-003.html": [
[
"/css/css-contain/contain-layout-independent-formatting-context-003.html",
[
[
"/css/css-contain/reference/contain-paint-independent-formatting-context-003-ref.html",
"=="
]
],
{}
]
],
"css/css-contain/contain-layout-ink-overflow-013.html": [
[
"/css/css-contain/contain-layout-ink-overflow-013.html",
@ -530653,10 +530677,6 @@
"39be5fe7fd06edc63704ee2e10c20dee14d01738",
"reftest"
],
"css/css-contain/contain-layout-008.html": [
"d442bebb065db400b3de429f1b2418f6f7b2423c",
"reftest"
],
"css/css-contain/contain-layout-009.html": [
"fc57bbd18204ff20190301025727edfd136dab41",
"reftest"
@ -530717,6 +530737,18 @@
"3e4f3dafbf213c18a09cfd2a7512dd485c13f839",
"reftest"
],
"css/css-contain/contain-layout-independent-formatting-context-001.html": [
"94c88bc49cb123e98b114136b7836cd6f24c9574",
"reftest"
],
"css/css-contain/contain-layout-independent-formatting-context-002.html": [
"a7e8baed56db08e70c1c536cacd971d3885002b0",
"reftest"
],
"css/css-contain/contain-layout-independent-formatting-context-003.html": [
"a10afd3cdee90b988e0c3d25b533d3c1b4e8bb06",
"reftest"
],
"css/css-contain/contain-layout-ink-overflow-013.html": [
"d1431737352ef766f333e160888334b9efa0f66b",
"reftest"

Просмотреть файл

@ -0,0 +1,19 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Containment Test: Layout containment independent formatting context</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-layout">
<link rel="match" href="reference/contain-paint-independent-formatting-context-001-ref.html">
<meta name=assert content="Layout containment elements establish an independent formatting context. The test checks that this feature of layout containment applies to blocks.">
<style>
.wrapper {
border: solid thick;
margin: 1em;
}
</style>
<p>Test passes if it has the same output than the reference.</p>
<div class="wrapper">
<div style="margin: 1em 0; contain: layout;">
<div style="margin: 1em 0;">This text should have 2em top and bottom margins (margins do not collapse).</div>
</div>
</div>

Просмотреть файл

@ -3,27 +3,17 @@
<title>CSS Containment Test: Layout containment independent formatting context</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-layout">
<link rel="match" href="reference/contain-paint-013-ref.html">
<meta name=assert content="Layout containment elements establish an independent formatting context. The test checks that this feature of layout containment applies to blocks and inline blocks, but it doesn't apply to inline elements.">
<link rel="match" href="reference/contain-paint-independent-formatting-context-001-ref.html">
<meta name=assert content="Layout containment elements establish an independent formatting context. The test checks that this feature of layout containment applies to inline blocks.">
<style>
.wrapper {
border: solid thick;
margin: 1em;
}
</style>
<p>Test passes if on the first two boxes the top and bottom margins of the text line are double size than on the last box.</p>
<div class="wrapper">
<div style="margin: 1em 0; contain: layout;">
<div style="margin: 1em 0;">This text should have 2em top and bottom margins (margins do not collapse).</div>
</div>
</div>
<p>Test passes if it has the same output than the reference.</p>
<div class="wrapper">
<span style="display: inline-block; margin: 1em 0; contain: layout;">
<div style="margin: 1em 0;">This text should have 2em top and bottom margins (margins do not collapse).</div>
</span>
</div>
<div class="wrapper">
<span style="margin: 1em 0; contain: layout;">
<div style="margin: 1em 0;">This text should have 1em top and bottom margins.</div>
</span>
</div>

Просмотреть файл

@ -0,0 +1,19 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Containment Test: Layout containment independent formatting context</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-layout">
<link rel="match" href="reference/contain-paint-independent-formatting-context-003-ref.html">
<meta name=assert content="Layout containment elements establish an independent formatting context. The test checks that this feature of paint containment does not appliy to inline elements.">
<style>
.wrapper {
border: solid thick;
margin: 1em;
}
</style>
<p>Test passes if it has the same output than the reference.</p>
<div class="wrapper">
<span style="margin: 1em 0; contain: layout;">
<div style="margin: 1em 0;">This text should have 1em top and bottom margins.</div>
</span>
</div>