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

Update web-platform-tests to revision eb12303bec1d47bbe91ebf011d17d81ec6fce68d

Browse source
This commit is contained in:
WPT Sync Bot 2020-03-25 08:18:42 +00:00
parent 6ca767d7f9
commit 916ba6ef4d
467 changed files with 6716 additions and 1478 deletions
Download patch file Download diff file Expand all files Collapse all files

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-align-content-distribution-vertical-lr.html
View file

@ -44,8 +44,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<p>This test checks that the align-content property is applied correctly when using content-distribution values in vertical-lr writing mode.</p>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-align-content-distribution-vertical-rl.html
View file

@ -44,8 +44,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<p>This test checks that the align-content property is applied correctly when using content-distribution values for vertical-rl mode.</p>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-align-content-distribution.html
View file

@ -39,8 +39,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<p>This test checks that the align-content property is applied correctly when using content-distribution values.</p>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-align-content-vertical-lr.html
View file

@ -31,8 +31,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div style="position: relative">
<p>direction: LTR | align-content: 'center'</p>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-align-content-vertical-rl.html
View file

@ -31,8 +31,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div style="position: relative">
<p>direction: LTR | align-content: 'center'</p>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-align-content.html
View file

@ -36,8 +36,11 @@ body {
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div style="position: relative">
<p>direction: LTR | align-content: 'center'</p>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding-vertical-lr.html
View file

@ -33,8 +33,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<p>This test checks that the 'margin', 'border' and 'padding' properties are applied together correctly for 'align' and 'justify' properties on vertical-LR grids.</p>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding-vertical-rl.html
View file

@ -33,8 +33,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<p>This test checks that the 'margin', 'border' and 'padding' properties are applied together correctly for 'align' and 'justify' properties on vertical-RL grids.</p>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding.html
View file

@ -32,8 +32,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<p>This test checks that the 'margin', 'border' and 'padding' properties are applied together correctly for 'align' and 'justify' properties.</p>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-align-justify-overflow.html
View file

@ -34,8 +34,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<p>This test checks that the 'overflow' keyword is applied correctly for 'align' and 'justify' properties.</p>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-align-justify-stretch-with-orthogonal-flows.html
View file

@ -41,8 +41,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<p>This test checks that stretching alignment works as expected with orthogonal flows.</p>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-align-justify-stretch.html
View file

@ -39,8 +39,11 @@ body {
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div style="position: relative">
<div class="grid fit-content" data-expected-width="200" data-expected-height="400">

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-align-stretching-replaced-items.html
View file

@ -29,8 +29,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<p>This test checks that the alignment properties align-self and justify-self apply the 'stretch' value correctly on replaced elements.</p>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-align.html
View file

@ -35,8 +35,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div style="position: relative">
<div class="grid fit-content" data-expected-width="200" data-expected-height="400">

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-001.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-height", 200);
grid.style.alignItems = "start";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-width="100" id="item">XX X<br>X XXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-002.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-height", 100);
grid.style.alignItems = "stretch";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-width="100" id="item">XX X<br>X XXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-003.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-height", 200);
grid.style.alignItems = "normal";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-width="100" id="item">XX X<br>X XXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-004.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-height", 200);
grid.style.alignItems = "stretch";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-width="100" id="item">XX X<br>X XXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-005.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-height", 100);
grid.style.alignItems = "normal";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-width="100" id="item">XX X<br>X XXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-006.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-height", 200);
grid.style.alignItems = "start";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-width="100" id="item">XX X<br>X XXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-007.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-height", 100);
grid.style.alignItems = "stretch";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-width="100" id="item">XX X<br>X XXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-008.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-height", 80);
grid.style.alignItems = "start";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-width="100" id="item">XX X<br>X XXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-009.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-height", 100);
grid.style.alignItems = "normal";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-width="100" id="item">XX X<br>X XXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-010.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-height", 80);
grid.style.alignItems = "start";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-width="100" id="item">XX X<br>X XXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-011.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-height", 200);
grid.style.alignItems = "start";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<img data-expected-width="100" id="item" src="support/100x100-green.png"></img>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-012.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-height", 100);
grid.style.alignItems = "stretch";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<img data-expected-width="100" id="item" src="support/100x100-green.png"></img>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-013.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-height", 200);
grid.style.alignItems = "normal";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<img data-expected-width="100" id="item" src="support/100x100-green.png"></img>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-014.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-height", 100);
grid.style.alignItems = "stretch";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<img data-expected-width="100" id="item" src="support/100x100-green.png"></img>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-015.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-height", 100);
grid.style.alignItems = "normal";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<img data-expected-width="100" id="item" src="support/100x100-green.png"></img>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-016.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-height", 100);
grid.style.alignItems = "start";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<img data-expected-width="100" id="item" src="support/100x100-green.png"></img>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-017.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-height", 100);
grid.style.alignItems = "stretch";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<img data-expected-width="100" id="item" src="support/100x100-green.png"></img>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-018.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-height", 80);
grid.style.alignItems = "start";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<img data-expected-width="100" id="item" src="support/100x100-green.png"></img>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-019.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-width", 200);
grid.style.justifyItems = "start";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-height="100" id="item">XX X<br>X XXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-020.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-width", 120);
grid.style.justifyItems = "stretch";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-height="100" id="item">XX X<br>X XXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-021.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-width", 200);
grid.style.alignItems = "normal";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-height="100" id="item">XX X<br>X XXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-022.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-width", 200);
grid.style.justifyItems = "stretch";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-height="100" id="item">XX X<br>X XXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-023.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-width", 120);
grid.style.justifyItems = "normal";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-height="100" id="item">XX X<br>X XXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-024.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-width", 200);
grid.style.justifyItems = "start";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-height="100" id="item">XX X<br>X XXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-025.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-width", 120);
grid.style.justifyItems = "stretch";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-height="100" id="item">XXXXXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-026.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-width", 80);
grid.style.justifyItems = "start";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-height="100" id="item">XXXXXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-027.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-width", 120);
grid.style.justifyItems = "normal";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-height="100" id="item">XXXXXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-028.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-width", 80);
grid.style.justifyItems = "start";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<div data-expected-height="100" id="item">XXXXXX<br>X<br>XX XXX</div>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-029.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-width", 200);
grid.style.justifyItems = "start";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<img data-expected-height="100" id="item" src="support/100x100-green.png"></img>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-030.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-width", 100);
grid.style.justifyItems = "stretch";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<img data-expected-height="100" id="item" src="support/100x100-green.png"></img>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-031.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-width", 200);
grid.style.justifyItems = "normal";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<img data-expected-height="100" id="item" src="support/100x100-green.png"></img>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-032.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-width", 100);
grid.style.justifyItems = "stretch";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<img data-expected-width="100" id="item" src="support/100x100-green.png"></img>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-033.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-width", 100);
grid.style.justifyItems = "normal";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<img data-expected-height="100" id="item" src="support/100x100-green.png"></img>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-034.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-width", 100);
grid.style.justifyItems = "start";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<img data-expected-height="100" id="item" src="support/100x100-green.png"></img>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-035.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-width", 100);
grid.style.justifyItems = "stretch";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<img data-expected-height="100" id="item" src="support/100x100-green.png"></img>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-036.html
View file

@ -29,6 +29,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
evaluateStyleChange(item, "before", "data-expected-width", 80);
grid.style.justifyItems = "start";
@ -36,7 +37,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div class="grid" id="grid">
<img data-expected-height="100" id="item" src="support/100x100-green.png"></img>
</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-style-changes-005.html
View file

@ -36,6 +36,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
let before = {
item1: {"data-offset-y": 16 },
@ -55,7 +56,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div id="container">
<div id="item1" data-expected-width="50" data-expected-height="20" data-offset-x="0">É</div>
<div id="item2" data-expected-width="50" data-expected-height="40" data-offset-x="50">É</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-style-changes-006.html
View file

@ -37,6 +37,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
let before = {
item1: {"data-offset-y": 8 },
@ -56,7 +57,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div id="container">
<div id="item1" data-expected-width="50" data-expected-height="20" data-offset-x="0">É</div>
<div id="item2" data-expected-width="50" data-expected-height="40" data-offset-x="50">É</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-style-changes-007.html
View file

@ -38,6 +38,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
let before = {
item1: {"data-offset-x": 4 },
@ -57,7 +58,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div id="container">
<div id="item1" data-expected-width="20" data-expected-height="50" data-offset-y="0">É</div>
<div id="item2" data-expected-width="40" data-expected-height="50" data-offset-y="50">É</div>

3
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-alignment-style-changes-008.html
View file

@ -39,6 +39,7 @@
<script src="/resources/check-layout-th.js"></script>
<script src="support/style-change.js"></script>
<script>
setup({ explicit_done: true });
function runTest() {
let before = {
item1: {"data-offset-x": 2 },
@ -58,7 +59,7 @@ function runTest() {
done();
}
</script>
<body onload="runTest()">
<body onload="document.fonts.ready.then(() => { runTest(); })">
<div id="container">
<div id="item1" data-expected-width="20" data-expected-height="50" data-offset-y="0">É</div>
<div id="item2" data-expected-width="40" data-expected-height="50" data-offset-y="50">É</div>

1
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-block-axis-alignment-auto-margins-001.html
View file

@ -35,6 +35,7 @@
<div id="item2"></div>
</div>
<script>
setup({ explicit_done: true });
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-y", "75");
item2.setAttribute("data-offset-y", "300");

1
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-block-axis-alignment-auto-margins-002.html
View file

@ -35,6 +35,7 @@
<div id="item2"></div>
</div>
<script>
setup({ explicit_done: true });
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-y", "75");
item2.setAttribute("data-offset-y", "300");

1
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-block-axis-alignment-auto-margins-003.html
View file

@ -36,6 +36,7 @@
<div id="item2"></div>
</div>
<script>
setup({ explicit_done: true });
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-y", "75");
item2.setAttribute("data-offset-y", "300");

1
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-block-axis-alignment-auto-margins-004.html
View file

@ -36,6 +36,7 @@
<div id="item2"></div>
</div>
<script>
setup({ explicit_done: true });
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-y", "75");
item2.setAttribute("data-offset-y", "300");

1
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-block-axis-alignment-auto-margins-005.html
View file

@ -34,6 +34,7 @@
<div id="item2">XXXXX</div>
</div>
<script>
setup({ explicit_done: true });
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-y", "90");
item2.setAttribute("data-offset-y", "345");

1
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-block-axis-alignment-auto-margins-006.html
View file

@ -34,6 +34,7 @@
<div id="item2">XXXXX</div>
</div>
<script>
setup({ explicit_done: true });
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-y", "95");
item2.setAttribute("data-offset-y", "345");

1
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-block-axis-alignment-auto-margins-007.html
View file

@ -35,6 +35,7 @@
<div id="item2"></div>
</div>
<script>
setup({ explicit_done: true });
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-y", "75");
item2.setAttribute("data-offset-y", "300");

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-alignment-positioned-items-001.html
View file

@ -53,7 +53,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div class="grid">
<div data-offset-x="0" data-offset-y="0" data-expected-width="60" data-expected-height="10" class="firstRowFirstColumn">X XX X</div>
<div data-offset-x="100" data-offset-y="0" data-expected-width="70" data-expected-height="30" class="firstRowSecondColumn">XX X<br>X XXX X<br>XX XXX</div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-alignment-positioned-items-002.html
View file

@ -53,7 +53,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div class="grid">
<div data-offset-x="0" data-offset-y="140" data-expected-width="60" data-expected-height="10" class="firstRowFirstColumn">X XX X</div>
<div data-offset-x="100" data-offset-y="120" data-expected-width="70" data-expected-height="30" class="firstRowSecondColumn">XX X<br>X XXX X<br>XX XXX</div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-alignment-positioned-items-003.html
View file

@ -53,7 +53,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div class="grid">
<div data-offset-x="0" data-offset-y="0" data-expected-width="60" data-expected-height="10" class="firstRowFirstColumn">X XX X</div>
<div data-offset-x="100" data-offset-y="0" data-expected-width="70" data-expected-height="30" class="firstRowSecondColumn">XX X<br>X XXX X<br>XX XXX</div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-alignment-positioned-items-004.html
View file

@ -53,7 +53,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div class="grid">
<div data-offset-x="0" data-offset-y="0" data-expected-width="60" data-expected-height="10" class="firstRowFirstColumn">X XX X</div>
<div data-offset-x="100" data-offset-y="0" data-expected-width="70" data-expected-height="30" class="firstRowSecondColumn">XX X<br>X XXX X<br>XX XXX</div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-alignment-positioned-items-005.html
View file

@ -53,7 +53,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div class="grid">
<div data-offset-x="0" data-offset-y="70" data-expected-width="60" data-expected-height="10" class="firstRowFirstColumn">X XX X</div>
<div data-offset-x="100" data-offset-y="60" data-expected-width="70" data-expected-height="30" class="firstRowSecondColumn">XX X<br>X XXX X<br>XX XXX</div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-alignment-positioned-items-006.html
View file

@ -53,7 +53,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div class="grid">
<div data-offset-x="0" data-offset-y="0" data-expected-width="60" data-expected-height="10" class="firstRowFirstColumn">X XX X</div>
<div data-offset-x="100" data-offset-y="0" data-expected-width="70" data-expected-height="30" class="firstRowSecondColumn">XX X<br>X XXX X<br>XX XXX</div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-alignment-positioned-items-007.html
View file

@ -53,7 +53,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div class="grid">
<div data-offset-x="0" data-offset-y="140" data-expected-width="60" data-expected-height="10" class="firstRowFirstColumn">X XX X</div>
<div data-offset-x="100" data-offset-y="120" data-expected-width="70" data-expected-height="30" class="firstRowSecondColumn">XX X<br>X XXX X<br>XX XXX</div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-alignment-positioned-items-008.html
View file

@ -53,7 +53,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div class="grid">
<div data-offset-x="0" data-offset-y="0" data-expected-width="60" data-expected-height="10" class="firstRowFirstColumn">X XX X</div>
<div data-offset-x="100" data-offset-y="0" data-expected-width="70" data-expected-height="30" class="firstRowSecondColumn">XX X<br>X XXX X<br>XX XXX</div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-alignment-positioned-items-009.html
View file

@ -53,7 +53,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div class="grid">
<div data-offset-x="0" data-offset-y="140" data-expected-width="60" data-expected-height="10" class="firstRowFirstColumn">X XX X</div>
<div data-offset-x="100" data-offset-y="120" data-expected-width="70" data-expected-height="30" class="firstRowSecondColumn">XX X<br>X XXX X<br>XX XXX</div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-alignment-positioned-items-010.html
View file

@ -54,7 +54,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div class="grid">
<div data-offset-x="0" data-offset-y="0" data-expected-width="60" data-expected-height="10" class="RTL firstRowFirstColumn">X XX X</div>
<div data-offset-x="100" data-offset-y="0" data-expected-width="70" data-expected-height="30" class="RTL firstRowSecondColumn">XX X<br>X XXX X<br>XX XXX</div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-alignment-positioned-items-011.html
View file

@ -54,7 +54,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div class="grid">
<div data-offset-x="0" data-offset-y="140" data-expected-width="60" data-expected-height="10" class="RTL firstRowFirstColumn">X XX X</div>
<div data-offset-x="100" data-offset-y="120" data-expected-width="70" data-expected-height="30" class="RTL firstRowSecondColumn">XX X<br>X XXX X<br>XX XXX</div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-alignment-positioned-items-012.html
View file

@ -57,7 +57,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div class="grid LTR">
<div data-offset-x="0" data-offset-y="0" data-expected-width="60" data-expected-height="10" class="firstRowFirstColumn">X XX X</div>
<div data-offset-x="100" data-offset-y="100" data-expected-width="70" data-expected-height="30" class="firstRowSecondColumn">XX X<br>X XXX X<br>XX XXX</div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-alignment-positioned-items-013.html
View file

@ -57,7 +57,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div class="grid LTR">
<div data-offset-x="0" data-offset-y="90" data-expected-width="60" data-expected-height="10" class="firstRowFirstColumn">X XX X</div>
<div data-offset-x="100" data-offset-y="220" data-expected-width="70" data-expected-height="30" class="firstRowSecondColumn">XX X<br>X XXX X<br>XX XXX</div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-alignment-positioned-items-014.html
View file

@ -57,7 +57,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div class="grid LTR">
<div data-offset-x="0" data-offset-y="45" data-expected-width="60" data-expected-height="10" class="firstRowFirstColumn">X XX X</div>
<div data-offset-x="100" data-offset-y="160" data-expected-width="70" data-expected-height="30" class="firstRowSecondColumn">XX X<br>X XXX X<br>XX XXX</div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-alignment-positioned-items-015.html
View file

@ -57,7 +57,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div class="grid LTR">
<div data-offset-x="0" data-offset-y="0" data-expected-width="60" data-expected-height="10" class="RTL firstRowFirstColumn">X XX X</div>
<div data-offset-x="100" data-offset-y="100" data-expected-width="70" data-expected-height="30" class="RTL firstRowSecondColumn">XX X<br>X XXX X<br>XX XXX</div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-alignment-positioned-items-016.html
View file

@ -57,7 +57,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div class="grid LTR">
<div data-offset-x="0" data-offset-y="90" data-expected-width="60" data-expected-height="10" class="RTL firstRowFirstColumn">X XX X</div>
<div data-offset-x="100" data-offset-y="220" data-expected-width="70" data-expected-height="30" class="RTL firstRowSecondColumn">XX X<br>X XXX X<br>XX XXX</div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-alignment-positioned-items-017.html
View file

@ -53,7 +53,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div class="grid">
<div data-offset-x="0" data-offset-y="0" data-expected-width="60" data-expected-height="10" class="firstRowFirstColumn">X XX X</div>
<div data-offset-x="100" data-offset-y="0" data-expected-width="70" data-expected-height="30" class="firstRowSecondColumn">XX X<br>X XXX X<br>XX XXX</div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-self-baseline-synthesized-001.html
View file

@ -31,7 +31,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<pre>Horizontal grid and verticalRL item</pre>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-self-baseline-synthesized-002.html
View file

@ -34,7 +34,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<pre>Horizontal grid and item with fixed height</pre>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-self-baseline-synthesized-003.html
View file

@ -36,7 +36,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<pre>Horizontal grid and item with relative height</pre>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-column-axis-self-baseline-synthesized-004.html
View file

@ -34,7 +34,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<pre>Horizontal grid and item with fixed height</pre>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-content-alignment-second-pass-001.html
View file

@ -23,8 +23,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onLoad="checkLayout('.grid');">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div id="log"></div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-content-alignment-second-pass-002.html
View file

@ -23,8 +23,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onLoad="checkLayout('.grid');">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div id="log"></div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-fit-content-tracks-dont-stretch-001.html
View file

@ -39,8 +39,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onLoad="checkLayout('.grid');">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div id="log"></div>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-gutters-and-alignment.html
View file

@ -87,8 +87,11 @@ div.gridWithPaddingBorder > div.cell {
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<!-- Check that gutters do not interfere with self alignment computation. -->
<div class="container">

1
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-inline-axis-alignment-auto-margins-001.html
View file

@ -35,6 +35,7 @@
<div id="item2"></div>
</div>
<script>
setup({ explicit_done: true });
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-x", "75");
item2.setAttribute("data-offset-x", "300");

1
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-inline-axis-alignment-auto-margins-002.html
View file

@ -35,6 +35,7 @@
<div id="item2"></div>
</div>
<script>
setup({ explicit_done: true });
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-x", "75");
item2.setAttribute("data-offset-x", "300");

1
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-inline-axis-alignment-auto-margins-003.html
View file

@ -36,6 +36,7 @@
<div id="item2"></div>
</div>
<script>
setup({ explicit_done: true });
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-x", "75");
item2.setAttribute("data-offset-x", "300");

1
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-inline-axis-alignment-auto-margins-004.html
View file

@ -36,6 +36,7 @@
<div id="item2"></div>
</div>
<script>
setup({ explicit_done: true });
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-x", "75");
item2.setAttribute("data-offset-x", "300");

1
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-inline-axis-alignment-auto-margins-005.html
View file

@ -36,6 +36,7 @@
<div id="item2">XXXXX</div>
</div>
<script>
setup({ explicit_done: true });
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-x", "50");
item2.setAttribute("data-offset-x", "325");

1
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-inline-axis-alignment-auto-margins-006.html
View file

@ -35,6 +35,7 @@
<div id="item2">XX</div>
</div>
<script>
setup({ explicit_done: true });
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-x", "80");
item2.setAttribute("data-offset-x", "340");

1
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-inline-axis-alignment-auto-margins-007.html
View file

@ -35,6 +35,7 @@
<div id="item2"></div>
</div>
<script>
setup({ explicit_done: true });
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-x", "75");
item2.setAttribute("data-offset-x", "300");

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-vertical-lr.html
View file

@ -29,8 +29,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<p>This test checks that grid items alignment works as expected with VERTICAL-LR vs HORIZONTAL-TB orthogonal flows.</p>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows-vertical-rl.html
View file

@ -29,8 +29,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<p>This test checks that grid items alignment works as expected with VERTICAL-RL vs HORIZONTAL-TB orthogonal flows.</p>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-item-alignment-with-orthogonal-flows.html
View file

@ -29,8 +29,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<p>This test checks that grid items alignment works as expected with HORIZONTAL-TB vs VERTICAL-RL orthogonal flows.</p>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-item-auto-margins-alignment-vertical-lr.html
View file

@ -33,8 +33,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<p>This test checks that align-self and justify-self properties are not applied when there is auto-margin in the corresponding axis. Instead, auto-margin alignment should be applied.</p>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-item-auto-margins-alignment-vertical-rl.html
View file

@ -33,8 +33,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<p>This test checks that align-self and justify-self properties are not applied when there is auto-margin in the corresponding axis. Instead, auto-margin alignment should be applied.</p>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-item-auto-margins-alignment.html
View file

@ -33,8 +33,11 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="checkLayout('.grid')">
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<p>This test checks that align-self and justify-self properties are not applied when there is auto-margin in the corresponding axis. Instead, auto-margin alignment should be applied.</p>

5
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-row-axis-alignment-positioned-items-001.html
View file

@ -53,7 +53,10 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')">
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div class="grid">
<div data-offset-x="0" data-offset-y="0" data-expected-width="60" data-expected-height="10" class="firstRowFirstColumn">X XX X</div>
<div data-offset-x="100" data-offset-y="0" data-expected-width="70" data-expected-height="30" class="firstRowSecondColumn">XX X<br>X XXX X<br>XX XXX</div>

Some files were not shown because too many files have changed in this diff Show more