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

Update web-platform-tests to revision f2c1dfe9ae186350086dbe505c4baaab63ace1cc

Browse source
This commit is contained in:
WPT Sync Bot 2020-03-21 08:20:16 +00:00
parent ca29399bab
commit 76af5dbf1f
95 changed files with 1037 additions and 357 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -16,6 +16,7 @@
background: grey;
justify-items: baseline;
font-family: Ahem;
text-orientation: sideways;
line-height: 1;
}
#container > div { writing-mode: vertical-lr; }
@ -40,15 +41,15 @@
<script>
function runTest() {
let before = {
item1: {"data-offset-x": 5 },
item1: {"data-offset-x": 2 },
item2: {"data-offset-x": 30 },
item3: {"data-offset-x": 0 }
};
let after = {
item1: {"data-offset-x": 10 },
item2: {"data-offset-x": 0 },
item3: {"data-offset-x": 5 }
item1: {"data-offset-x": 4 },
item2: {"data-offset-x": 0 },
item3: {"data-offset-x": 2 }
};
evaluateStyleChangeMultiple("before", before);

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

@ -35,13 +35,16 @@
<div id="item2"></div>
</div>
<script>
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-y", "75");
item2.setAttribute("data-offset-y", "300");
checkLayout('#grid');
checkLayout('#grid', false);
grid.style.height = "300px";
item1.setAttribute("data-offset-y", "35");
item2.setAttribute("data-offset-y", "160");
checkLayout('#grid');
checkLayout('#grid', true);
});
</script>

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

@ -35,13 +35,15 @@
<div id="item2"></div>
</div>
<script>
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-y", "75");
item2.setAttribute("data-offset-y", "300");
checkLayout('#grid');
checkLayout('#grid', false);
item1.style.height = "100px";
item1.setAttribute("data-offset-y", "50");
item2.setAttribute("data-offset-y", "300");
checkLayout('#grid');
checkLayout('#grid', true);
});
</script>

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

@ -36,13 +36,15 @@
<div id="item2"></div>
</div>
<script>
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-y", "75");
item2.setAttribute("data-offset-y", "300");
checkLayout('#grid');
checkLayout('#grid', false);
item1.style.height = "100px";
item1.setAttribute("data-offset-y", "50");
item2.setAttribute("data-offset-y", "300");
checkLayout('#grid');
checkLayout('#grid', true);
});
</script>

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

@ -36,13 +36,15 @@
<div id="item2"></div>
</div>
<script>
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-y", "75");
item2.setAttribute("data-offset-y", "300");
checkLayout('#grid');
checkLayout('#grid', false);
grid.style.height = "300px";
item1.setAttribute("data-offset-y", "35");
item2.setAttribute("data-offset-y", "160");
checkLayout('#grid');
checkLayout('#grid', true);
});
</script>

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

@ -34,13 +34,15 @@
<div id="item2">XXXXX</div>
</div>
<script>
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-y", "90");
item2.setAttribute("data-offset-y", "345");
checkLayout('#grid');
checkLayout('#grid', false);
item2.style.fontSize = "40px";
item1.setAttribute("data-offset-y", "90");
item2.setAttribute("data-offset-y", "330");
checkLayout('#grid');
checkLayout('#grid', true);
});
</script>

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

@ -34,13 +34,15 @@
<div id="item2">XXXXX</div>
</div>
<script>
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-y", "95");
item2.setAttribute("data-offset-y", "345");
checkLayout('#grid');
checkLayout('#grid', false);
grid.style.fontSize = "40px";
item1.setAttribute("data-offset-y", "80");
item2.setAttribute("data-offset-y", "330");
checkLayout('#grid');
checkLayout('#grid', true);
});
</script>

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

@ -35,13 +35,15 @@
<div id="item2"></div>
</div>
<script>
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-y", "75");
item2.setAttribute("data-offset-y", "300");
checkLayout('#grid');
checkLayout('#grid', false);
grid.style.height = "300px";
item1.setAttribute("data-offset-y", "35");
item2.setAttribute("data-offset-y", "160");
checkLayout('#grid');
checkLayout('#grid', true);
});
</script>

26
tests/wpt/web-platform-tests/css/css-grid/alignment/grid-container-baseline-001.html
View file

@ -70,24 +70,24 @@
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-y="40"></div>
</div>
<div class="wrapper" style="writing-mode: vertical-lr;">
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-x="65"></div>
<div class="wrapper" style="writing-mode: vertical-lr; text-orientation: sideways;">
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-x="75"></div>
<div class="grid">
<div class="i1"></div>
<div class="i2" data-offset-x="0"></div>
<div class="i3"></div>
</div>
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-x="65"></div>
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-x="75"></div>
</div>
<div class="wrapper" style="writing-mode: vertical-lr;">
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-x="65"></div>
<div class="wrapper" style="writing-mode: vertical-lr; text-orientation: sideways;">
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-x="75"></div>
<div class="grid">
<div class="i1"></div>
<div class="i2" style="writing-mode: horizontal-tb;" data-offset-x="0"></div>
<div class="i3"></div>
</div>
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-x="65"></div>
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-x="75"></div>
</div>
<div class="wrapper" style="writing-mode: vertical-lr; text-orientation: sideways;">
@ -110,24 +110,24 @@
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-x="75"></div>
</div>
<div class="wrapper" style="writing-mode: vertical-rl;">
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-x="65"></div>
<div class="wrapper" style="writing-mode: vertical-rl; text-orientation: sideways;">
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-x="75"></div>
<div class="grid">
<div class="i1"></div>
<div class="i2" data-offset-x="75"></div>
<div class="i3"></div>
</div>
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-x="65"></div>
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-x="75"></div>
</div>
<div class="wrapper" style="writing-mode: vertical-rl;">
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-x="65"></div>
<div class="wrapper" style="writing-mode: vertical-rl; text-orientation: sideways;">
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-x="75"></div>
<div class="grid">
<div class="i1"></div>
<div class="i2" style="writing-mode: horizontal-tb;" data-offset-x="75"></div>
<div class="i3"></div>
</div>
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-x="65"></div>
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-x="75"></div>
</div>
<div class="wrapper" style="writing-mode: vertical-rl; text-orientation: sideways;">
@ -140,7 +140,7 @@
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-x="75"></div>
</div>
<div class="wrapper" style="writing-mode: vertical-rl; text-orientation: sideways;">
<div class="wrapper" style="writing-mode: vertical-rl; text-orientation: sideways;">
<div style="display: inline-block; width: 20px; height: 10px; background: black" data-offset-x="75"></div>
<div class="grid">
<div class="i1"></div>

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

@ -35,13 +35,17 @@
<div id="item2"></div>
</div>
<script>
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-x", "75");
item2.setAttribute("data-offset-x", "300");
checkLayout('#grid');
checkLayout('#grid', false);
grid.style.width = "300px";
item1.setAttribute("data-offset-x", "35");
item2.setAttribute("data-offset-x", "160");
checkLayout('#grid');
checkLayout('#grid', true);
done();
});
</script>

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

@ -35,13 +35,15 @@
<div id="item2"></div>
</div>
<script>
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-x", "75");
item2.setAttribute("data-offset-x", "300");
checkLayout('#grid');
checkLayout('#grid', false);
item1.style.width = "100px";
item1.setAttribute("data-offset-x", "50");
item2.setAttribute("data-offset-x", "300");
checkLayout('#grid');
checkLayout('#grid', true);
});
</script>

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

@ -36,13 +36,15 @@
<div id="item2"></div>
</div>
<script>
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-x", "75");
item2.setAttribute("data-offset-x", "300");
checkLayout('#grid');
checkLayout('#grid', false);
item1.style.width = "100px";
item1.setAttribute("data-offset-x", "50");
item2.setAttribute("data-offset-x", "300");
checkLayout('#grid');
checkLayout('#grid', true);
});
</script>

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

@ -36,13 +36,15 @@
<div id="item2"></div>
</div>
<script>
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-x", "75");
item2.setAttribute("data-offset-x", "300");
checkLayout('#grid');
checkLayout('#grid', false);
grid.style.width = "300px";
item1.setAttribute("data-offset-x", "35");
item2.setAttribute("data-offset-x", "160");
checkLayout('#grid');
checkLayout('#grid', true);
});
</script>

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

@ -45,8 +45,6 @@ document.fonts.ready.then(() => {
item1.setAttribute("data-offset-x", "50");
item2.setAttribute("data-offset-x", "275");
checkLayout('#grid', false);
done();
checkLayout('#grid', true);
});
</script>

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

@ -44,8 +44,6 @@ document.fonts.ready.then(() => {
item1.setAttribute("data-offset-x", "50");
item2.setAttribute("data-offset-x", "325");
checkLayout('#grid', false);
done();
checkLayout('#grid', true);
});
</script>

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

@ -35,13 +35,15 @@
<div id="item2"></div>
</div>
<script>
document.fonts.ready.then(() => {
item1.setAttribute("data-offset-x", "75");
item2.setAttribute("data-offset-x", "300");
checkLayout('#grid');
checkLayout('#grid', false);
grid.style.width = "300px";
item1.setAttribute("data-offset-x", "35");
item2.setAttribute("data-offset-x", "160");
checkLayout('#grid');
checkLayout('#grid', true);
});
</script>