mirror of
https://github.com/servo/servo.git
synced 2025-08-06 22:15:33 +01:00
Update web-platform-tests to revision d04a8fc02b85bd32799691759c8c05ead07cd939
This commit is contained in:
WPT Sync Bot
parent
e8fdc677f4
commit
2b35c55ac7
63 changed files with 2068 additions and 340 deletions
|
|
@ -0,0 +1,48 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang=en>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: auto repeat tracks in indefinite containers with minimum size</title>
|
||||
<link rel="author" title="Sergio Villar Senin" href="mailto:svillar@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#repeat-syntax">
|
||||
<meta name="assert" content="This test checks that we properly compute the number of required auto repeat tracks in indefinite sized containers with minimum sizes.">
|
||||
<link rel="stylesheet" href="support/grid.css">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="support/testing-utils.js"></script>
|
||||
<style>
|
||||
.grid {
|
||||
display: inline-grid;
|
||||
grid: 20px / 20px;
|
||||
min-width: 20px;
|
||||
min-height: 20px;
|
||||
justify-content: start;
|
||||
align-content: start;
|
||||
}
|
||||
</style>
|
||||
<div id="log"></div>
|
||||
|
||||
<div id="autoFillColumns" class="grid"></div>
|
||||
<div id="autoFitColumns" class="grid"></div>
|
||||
|
||||
<div id="autoFillRows" class="grid"></div>
|
||||
<div id="autoFitRows" class="grid"></div>
|
||||
|
||||
<script>
|
||||
// Exact fit
|
||||
TestingUtils.testGridTemplateColumnsRows("autoFillColumns", "repeat(auto-fill, 10px)", "20px", ["repeat(2, 10px)", "10px 10px"], "20px");
|
||||
TestingUtils.testGridTemplateColumnsRows("autoFitColumns", "repeat(auto-fit, 10px)", "20px", ["repeat(2, 0px)", "0px 0px"], "20px");
|
||||
TestingUtils.testGridTemplateColumnsRows("autoFillRows", "20px", "repeat(auto-fill, 10px)", "20px", ["repeat(2, 10px)", "10px 10px"]);
|
||||
TestingUtils.testGridTemplateColumnsRows("autoFitRows", "20px", "repeat(auto-fit, 10px)", "20px", ["repeat(2, 0px)", "0px 0px"]);
|
||||
|
||||
// Require an extra track
|
||||
TestingUtils.testGridTemplateColumnsRows("autoFillColumns", "repeat(auto-fill, 9px)", "20px", ["repeat(3, 9px)", "9px 9px 9px"], "20px");
|
||||
TestingUtils.testGridTemplateColumnsRows("autoFitColumns", "repeat(auto-fit, 9px)", "20px", ["repeat(2, 0px)", "0px 0px"], "20px");
|
||||
TestingUtils.testGridTemplateColumnsRows("autoFillRows", "20px", "repeat(auto-fill, 9px)", "20px", ["repeat(3, 9px)", "9px 9px 9px"]);
|
||||
TestingUtils.testGridTemplateColumnsRows("autoFitRows", "20px", "repeat(auto-fit, 9px)", "20px", ["repeat(3, 0px)", "0px 0px 0px"]);
|
||||
|
||||
// A single repetition is enough to fill in all the available space
|
||||
TestingUtils.testGridTemplateColumnsRows("autoFillColumns", "repeat(auto-fill, 30px)", "20px", "30px", "20px");
|
||||
TestingUtils.testGridTemplateColumnsRows("autoFitColumns", "repeat(auto-fit, 30px)", "20px", "0px", "20px");
|
||||
TestingUtils.testGridTemplateColumnsRows("autoFillRows", "20px", "repeat(auto-fill, 30px)", "20px", "30px");
|
||||
TestingUtils.testGridTemplateColumnsRows("autoFitRows", "20px", "repeat(auto-fit, 30px)", "20px", "0px");
|
||||
</script>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
Passes if there is an unbroken rectangular border.
|
||||
<style>td { width: 20px; height: 20px; padding: 2px }</style>
|
||||
<table style="position: absolute; top: 30.3px; border: 2px solid black; border-collapse: collapse">
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
Passes if there is an unbroken rectangular border.
|
||||
<style>td { width: 20px; height: 20px; padding: 2px }</style>
|
||||
<table style="position: absolute; top: 30.3px; border: 2px solid black;
|
||||
border-collapse: collapse; writing-mode: vertical-rl">
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#height-distribution-algorithm">
|
||||
<link rel="match" href="td-different-subpixel-padding-in-same-row-vertical-rl-ref.html">
|
||||
Passes if there is an unbroken rectangular border.
|
||||
<style>td { width: 20px; height: 20px }</style>
|
||||
<table style="position: absolute; top: 30.3px; border: 2px solid black;
|
||||
border-collapse: collapse; writing-mode: vertical-rl">
|
||||
<tr>
|
||||
<td style="padding: 2px 1px"></td>
|
||||
<td style="padding: 2px 1.2px"></td>
|
||||
<td style="padding: 2px 1.5px"></td>
|
||||
<td style="padding: 2px 1.7px"></td>
|
||||
<td style="padding: 2px"></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#height-distribution-algorithm">
|
||||
<link rel="match" href="td-different-subpixel-padding-in-same-row-ref.html">
|
||||
Passes if there is an unbroken rectangular border.
|
||||
<style>td { width: 20px; height: 20px }</style>
|
||||
<table style="position: absolute; top: 30.3px; border: 2px solid black; border-collapse: collapse">
|
||||
<tr>
|
||||
<td style="padding: 1px 2px"></td>
|
||||
<td style="padding: 1.2px 2px"></td>
|
||||
<td style="padding: 1.5px 2px"></td>
|
||||
<td style="padding: 1.7px 2px"></td>
|
||||
<td style="padding: 2px"></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
<!DOCTYPE html>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-tables/#width-distribution" />
|
||||
<style>
|
||||
td div {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: blue;
|
||||
}
|
||||
</style>
|
||||
Passes if each column (logical row) has two blue squares.
|
||||
<div style="writing-mode: vertical-rl">
|
||||
<table>
|
||||
<tr>
|
||||
<td class='target' style="padding: 0.8px 0"><div></div> <div></div></td>
|
||||
<td style="padding: 0.8px 0; width: 30px"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table>
|
||||
<tr>
|
||||
<td class='target' style="padding: 1px 0"><div></div> <div></div></td>
|
||||
<td style="padding: 1px 0; width: 30px"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table>
|
||||
<tr>
|
||||
<td class='target' style="padding: 1.3px 0"><div></div> <div></div></td>
|
||||
<td style="padding: 1.3px 0; width: 30px"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table>
|
||||
<tr>
|
||||
<td class='target' style="padding: 1.5px 0"><div></div> <div></div></td>
|
||||
<td style="padding: 1.5px 0; width: 30px"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table>
|
||||
<tr>
|
||||
<td class='target' style="padding: 1.7px 0"><div></div> <div></div></td>
|
||||
<td style="padding: 1.7px 0; width: 30px"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<script>
|
||||
test(() => {
|
||||
var targets = document.getElementsByClassName('target');
|
||||
for (var i = 0; i < targets.length; ++i) {
|
||||
var divs = targets[i].getElementsByTagName('div');
|
||||
assert_equals(divs.length, 2);
|
||||
assert_equals(divs[0].offsetLeft, divs[1].offsetLeft, 'Contents of td.target[' + i + '] should not wrap');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>'column-span' property</title>
|
||||
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om/#dom-stylepropertymapreadonly-get">
|
||||
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om/#dom-stylepropertymap-set">
|
||||
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om/#reify-stylevalue">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="../../resources/testhelper.js"></script>
|
||||
<script src="resources/testsuite.js"></script>
|
||||
<body>
|
||||
<div id="log"></div>
|
||||
<script>
|
||||
'use strict';
|
||||
|
||||
runPropertyTests('column-span', [
|
||||
{ syntax: 'none' },
|
||||
{ syntax: 'all' },
|
||||
]);
|
||||
|
||||
</script>
|
||||
Loading…
Add table
Add a link
Reference in a new issue