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

Update web-platform-tests to revision 14cfa4d648cc1c853b4153268df672d21425f8c1

Browse source
This commit is contained in:
Josh Matthews 2017-10-30 09:31:22 -04:00
parent 1b73cf3352
commit 75736751d9
1213 changed files with 19434 additions and 12344 deletions
Download patch file Download diff file Expand all files Collapse all files

2
tests/wpt/web-platform-tests/css/css-flexbox-1/percentage-heights-000.html
View file

@ -34,7 +34,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.flexbox')">
<div id=log></div>

2
tests/wpt/web-platform-tests/css/css-flexbox-1/percentage-heights-001.html
View file

@ -9,7 +9,7 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<style>
.rect {

2
tests/wpt/web-platform-tests/css/css-flexbox-1/position-absolute-001.html
View file

@ -80,7 +80,7 @@ body {
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.flexbox')">
<div id=log></div>
<script>

2
tests/wpt/web-platform-tests/css/css-flexbox-1/position-absolute-002.html
View file

@ -67,7 +67,7 @@ body {
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.flexbox')">
<div id=log></div>

2
tests/wpt/web-platform-tests/css/css-flexbox-1/position-absolute-003.html
View file

@ -25,7 +25,7 @@ padding in combination with abspos items">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.rect')">
<div id=log></div>

2
tests/wpt/web-platform-tests/css/css-flexbox-1/position-absolute-004.html
View file

@ -25,7 +25,7 @@ becomes absolutely positioned">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script>
function update() {

190
tests/wpt/web-platform-tests/css/css-flexbox-1/support/check-layout-th.js
View file

@ -1,190 +0,0 @@
(function() {
// Test is initiated from body.onload, so explicit done() call is required.
setup({ explicit_done: true });
function checkSubtreeExpectedValues(t, parent, prefix)
{
var checkedLayout = checkExpectedValues(t, parent, prefix);
Array.prototype.forEach.call(parent.childNodes, function(node) {
checkedLayout |= checkSubtreeExpectedValues(t, node, prefix);
});
return checkedLayout;
}
function checkAttribute(output, node, attribute)
{
var result = node.getAttribute && node.getAttribute(attribute);
output.checked |= !!result;
return result;
}
function assert_tolerance(actual, expected, message)
{
if (isNaN(expected) || Math.abs(actual - expected) >= 1) {
assert_equals(actual, Number(expected), message);
}
}
function checkExpectedValues(t, node, prefix)
{
var output = { checked: false };
var expectedWidth = checkAttribute(output, node, "data-expected-width");
if (expectedWidth) {
assert_tolerance(node.offsetWidth, expectedWidth, prefix + "width");
}
var expectedHeight = checkAttribute(output, node, "data-expected-height");
if (expectedHeight) {
assert_tolerance(node.offsetHeight, expectedHeight, prefix + "height");
}
var expectedOffset = checkAttribute(output, node, "data-offset-x");
if (expectedOffset) {
assert_tolerance(node.offsetLeft, expectedOffset, prefix + "offsetLeft");
}
var expectedOffset = checkAttribute(output, node, "data-offset-y");
if (expectedOffset) {
assert_tolerance(node.offsetTop, expectedOffset, prefix + "offsetTop");
}
var expectedWidth = checkAttribute(output, node, "data-expected-client-width");
if (expectedWidth) {
assert_tolerance(node.clientWidth, expectedWidth, prefix + "clientWidth");
}
var expectedHeight = checkAttribute(output, node, "data-expected-client-height");
if (expectedHeight) {
assert_tolerance(node.clientHeight, expectedHeight, prefix + "clientHeight");
}
var expectedWidth = checkAttribute(output, node, "data-expected-scroll-width");
if (expectedWidth) {
assert_tolerance(node.scrollWidth, expectedWidth, prefix + "scrollWidth");
}
var expectedHeight = checkAttribute(output, node, "data-expected-scroll-height");
if (expectedHeight) {
assert_tolerance(node.scrollHeight, expectedHeight, prefix + "scrollHeight");
}
var expectedOffset = checkAttribute(output, node, "data-total-x");
if (expectedOffset) {
var totalLeft = node.clientLeft + node.offsetLeft;
assert_tolerance(totalLeft, expectedOffset, prefix +
"clientLeft+offsetLeft (" + node.clientLeft + " + " + node.offsetLeft + ")");
}
var expectedOffset = checkAttribute(output, node, "data-total-y");
if (expectedOffset) {
var totalTop = node.clientTop + node.offsetTop;
assert_tolerance(totalTop, expectedOffset, prefix +
"clientTop+offsetTop (" + node.clientTop + " + " + node.offsetTop + ")");
}
var expectedDisplay = checkAttribute(output, node, "data-expected-display");
if (expectedDisplay) {
var actualDisplay = getComputedStyle(node).display;
assert_equals(actualDisplay, expectedDisplay, prefix + "display");
}
var expectedPaddingTop = checkAttribute(output, node, "data-expected-padding-top");
if (expectedPaddingTop) {
var actualPaddingTop = getComputedStyle(node).paddingTop;
// Trim the unit "px" from the output.
actualPaddingTop = actualPaddingTop.slice(0, -2);
assert_equals(actualPaddingTop, expectedPaddingTop, prefix + "padding-top");
}
var expectedPaddingBottom = checkAttribute(output, node, "data-expected-padding-bottom");
if (expectedPaddingBottom) {
var actualPaddingBottom = getComputedStyle(node).paddingBottom;
// Trim the unit "px" from the output.
actualPaddingBottom = actualPaddingBottom.slice(0, -2);
assert_equals(actualPaddingBottom, expectedPaddingBottom, prefix + "padding-bottom");
}
var expectedPaddingLeft = checkAttribute(output, node, "data-expected-padding-left");
if (expectedPaddingLeft) {
var actualPaddingLeft = getComputedStyle(node).paddingLeft;
// Trim the unit "px" from the output.
actualPaddingLeft = actualPaddingLeft.slice(0, -2);
assert_equals(actualPaddingLeft, expectedPaddingLeft, prefix + "padding-left");
}
var expectedPaddingRight = checkAttribute(output, node, "data-expected-padding-right");
if (expectedPaddingRight) {
var actualPaddingRight = getComputedStyle(node).paddingRight;
// Trim the unit "px" from the output.
actualPaddingRight = actualPaddingRight.slice(0, -2);
assert_equals(actualPaddingRight, expectedPaddingRight, prefix + "padding-right");
}
var expectedMarginTop = checkAttribute(output, node, "data-expected-margin-top");
if (expectedMarginTop) {
var actualMarginTop = getComputedStyle(node).marginTop;
// Trim the unit "px" from the output.
actualMarginTop = actualMarginTop.slice(0, -2);
assert_equals(actualMarginTop, expectedMarginTop, prefix + "margin-top");
}
var expectedMarginBottom = checkAttribute(output, node, "data-expected-margin-bottom");
if (expectedMarginBottom) {
var actualMarginBottom = getComputedStyle(node).marginBottom;
// Trim the unit "px" from the output.
actualMarginBottom = actualMarginBottom.slice(0, -2);
assert_equals(actualMarginBottom, expectedMarginBottom, prefix + "margin-bottom");
}
var expectedMarginLeft = checkAttribute(output, node, "data-expected-margin-left");
if (expectedMarginLeft) {
var actualMarginLeft = getComputedStyle(node).marginLeft;
// Trim the unit "px" from the output.
actualMarginLeft = actualMarginLeft.slice(0, -2);
assert_equals(actualMarginLeft, expectedMarginLeft, prefix + "margin-left");
}
var expectedMarginRight = checkAttribute(output, node, "data-expected-margin-right");
if (expectedMarginRight) {
var actualMarginRight = getComputedStyle(node).marginRight;
// Trim the unit "px" from the output.
actualMarginRight = actualMarginRight.slice(0, -2);
assert_equals(actualMarginRight, expectedMarginRight, prefix + "margin-right");
}
return output.checked;
}
window.checkLayout = function(selectorList, outputContainer)
{
if (!selectorList) {
console.error("You must provide a CSS selector of nodes to check.");
return;
}
var nodes = document.querySelectorAll(selectorList);
var testNumber = 0;
nodes = Array.prototype.slice.call(nodes);
nodes.reverse();
var checkedLayout = false;
Array.prototype.forEach.call(nodes, function(node) {
test(function(t) {
var container = node.parentNode.className == 'container' ? node.parentNode : node;
var prefix = "\n" + container.outerHTML + "\n";
var passed = false;
try {
checkedLayout |= checkExpectedValues(t, node.parentNode, prefix);
checkedLayout |= checkSubtreeExpectedValues(t, node, prefix);
passed = true;
} finally {
checkedLayout |= !passed;
}
}, selectorList + ' ' + String(++testNumber));
});
if (!checkedLayout) {
console.error("No valid data-* attributes found in selector list : " + selectorList);
}
done();
};
})();

31
tests/wpt/web-platform-tests/css/css-fonts-3/font-stretch-01.html Normal file
View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-stretch property initial value is normal</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-stretch-pass-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
<meta name="assert" content="The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/fail.woff) format("woff");
font-stretch: ultra-expanded;
}
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: normal;
}
.test {
font-family: "test";
font-size: 6em;
}
</style>
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>

32
tests/wpt/web-platform-tests/css/css-fonts-3/font-stretch-02.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-stretch property ultra-expanded</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-stretch-pass-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
<meta name="assert" content="The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/fail.woff) format("woff");
font-stretch: normal;
}
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: ultra-expanded;
}
.test {
font-family: "test";
font-size: 6em;
font-stretch: ultra-expanded;
}
</style>
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>

32
tests/wpt/web-platform-tests/css/css-fonts-3/font-stretch-03.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-stretch property extra-expanded</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-stretch-pass-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
<meta name="assert" content="The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/fail.woff) format("woff");
font-stretch: normal;
}
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: extra-expanded;
}
.test {
font-family: "test";
font-size: 6em;
font-stretch: extra-expanded;
}
</style>
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>

32
tests/wpt/web-platform-tests/css/css-fonts-3/font-stretch-04.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-stretch property, expanded</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-stretch-pass-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
<meta name="assert" content="The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/fail.woff) format("woff");
font-stretch: normal;
}
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: expanded;
}
.test {
font-family: "test";
font-size: 6em;
font-stretch: expanded;
}
</style>
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>

32
tests/wpt/web-platform-tests/css/css-fonts-3/font-stretch-05.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-stretch property, semi-expanded</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-stretch-pass-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
<meta name="assert" content="The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/fail.woff) format("woff");
font-stretch: normal;
}
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: semi-expanded;
}
.test {
font-family: "test";
font-size: 6em;
font-stretch: semi-expanded;
}
</style>
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>

32
tests/wpt/web-platform-tests/css/css-fonts-3/font-stretch-06.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-stretch property, normal</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-stretch-pass-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
<meta name="assert" content="The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/fail.woff) format("woff");
font-stretch: semi-expanded;
}
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: normal;
}
.test {
font-family: "test";
font-size: 6em;
font-stretch: normal;
}
</style>
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>

32
tests/wpt/web-platform-tests/css/css-fonts-3/font-stretch-07.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-stretch property, semi-condensed</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-stretch-pass-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
<meta name="assert" content="The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/fail.woff) format("woff");
font-stretch: normal;
}
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: semi-condensed;
}
.test {
font-family: "test";
font-size: 6em;
font-stretch: semi-condensed;
}
</style>
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>

32
tests/wpt/web-platform-tests/css/css-fonts-3/font-stretch-08.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-stretch property, condensed</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-stretch-pass-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc">
<meta name="assert" content="The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/fail.woff) format("woff");
font-stretch: normal;
}
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: condensed;
}
.test {
font-family: "test";
font-size: 6em;
font-stretch: condensed;
}
</style>
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>

32
tests/wpt/web-platform-tests/css/css-fonts-3/font-stretch-09.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-stretch property, extra-condensed</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-stretch-pass-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc">
<meta name="assert" content="The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/fail.woff) format("woff");
font-stretch: normal;
}
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: extra-condensed;
}
.test {
font-family: "test";
font-size: 6em;
font-stretch: extra-condensed;
}
</style>
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>

32
tests/wpt/web-platform-tests/css/css-fonts-3/font-stretch-10.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-stretch property, ultra-condensed</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-stretch-pass-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc">
<meta name="assert" content="The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/fail.woff) format("woff");
font-stretch: normal;
}
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: ultra-condensed;
}
.test {
font-family: "test";
font-size: 6em;
font-stretch: ultra-condensed;
}
</style>
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>

32
tests/wpt/web-platform-tests/css/css-fonts-3/font-stretch-11.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-stretch property, mapping values</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-stretch-pass-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
<meta name="assert" content="When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/fail.woff) format("woff");
font-stretch: normal;
}
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: condensed;
}
.test {
font-family: "test";
font-size: 6em;
font-stretch: ultra-condensed;
}
</style>
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>

33
tests/wpt/web-platform-tests/css/css-fonts-3/font-stretch-12.html Normal file
View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-stretch property, mapping values</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-stretch-pass-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
<meta name="assert" content="When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: condensed;
}
@font-face {
font-family: "test";
src: url(support/fonts/fail.woff) format("woff");
font-stretch: normal;
}
.test {
font-family: "test";
font-size: 6em;
font-stretch: semi-condensed;
}
</style>
<!-- per Fig 17, where the narrower face is used 'otherwise'
for semi condensed, before the normal face gets examined -->
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>

32
tests/wpt/web-platform-tests/css/css-fonts-3/font-stretch-13.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-stretch property, mapping values</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-stretch-pass-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
<meta name="assert" content="When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: normal;
}
@font-face {
font-family: "test";
src: url(support/fonts/fail.woff) format("woff");
font-stretch: condensed;
}
.test {
font-family: "test";
font-size: 6em;
font-stretch: expanded;
}
</style>
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>

32
tests/wpt/web-platform-tests/css/css-fonts-3/font-stretch-14.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-stretch property, mapping values</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-stretch-pass-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
<meta name="assert" content="When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: expanded;
}
@font-face {
font-family: "test";
src: url(support/fonts/fail.woff) format("woff");
font-stretch: normal;
}
.test {
font-family: "test";
font-size: 6em;
font-stretch: semi-expanded;
}
</style>
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>

32
tests/wpt/web-platform-tests/css/css-fonts-3/font-stretch-15.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-stretch property, mapping values</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-stretch-pass-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
<meta name="assert" content="When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: expanded;
}
@font-face {
font-family: "test";
src: url(support/fonts/fail.woff) format("woff");
font-stretch: condensed;
}
.test {
font-family: "test";
font-size: 6em;
font-stretch: semi-expanded;
}
</style>
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>

32
tests/wpt/web-platform-tests/css/css-fonts-3/font-stretch-16.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-stretch property, mapping values</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-stretch-pass-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
<meta name="assert" content="When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: condensed;
}
@font-face {
font-family: "test";
src: url(support/fonts/fail.woff) format("woff");
font-stretch: expanded;
}
.test {
font-family: "test";
font-size: 6em;
font-stretch: normal;
}
</style>
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>

32
tests/wpt/web-platform-tests/css/css-fonts-3/font-stretch-17.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-stretch property, mapping values</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-stretch-pass-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
<meta name="assert" content="When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: condensed;
}
@font-face {
font-family: "test";
src: url(support/fonts/fail.woff) format("woff");
font-stretch: expanded;
}
.test {
font-family: "test";
font-size: 6em;
font-stretch: semi-condensed;
}
</style>
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>

32
tests/wpt/web-platform-tests/css/css-fonts-3/font-stretch-18.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-stretch property, mapping values</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-stretch-pass-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
<meta name="assert" content="When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: extra-condensed;
}
@font-face {
font-family: "test";
src: url(support/fonts/fail.woff) format("woff");
font-stretch: expanded;
}
.test {
font-family: "test";
font-size: 6em;
font-stretch: condensed;
}
</style>
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>

22
tests/wpt/web-platform-tests/css/css-fonts-3/font-stretch-pass-ref.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: pass reference</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/pass.woff) format("woff");
font-stretch: normal;
}
.test {
font-family: "test";
font-size: 6em;
}
</style>
<p>Test passes if the word PASS appears below.</p>
<section class="test">
<p>P</p>
</section>

21
tests/wpt/web-platform-tests/css/css-fonts-3/font-synthesis-01-ref.html Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-synthesis: none disables fake bold</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/Lato-Medium.ttf);
}
.test {
font-family: "test";
font-size: 3em;
}
</style>
<p>Test passes if the two lines below are identical (the second line is <em>not bold</em>), and there is no red.</p>
<section class="test">
<p>Filler text</p>
<p class="nosynth">Filler text</p>
</section>

31
tests/wpt/web-platform-tests/css/css-fonts-3/font-synthesis-01.html Normal file
View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-synthesis: none disables fake bold</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-synthesis-01-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-synthesis-prop">
<meta name="assert" content=" If ‘weight’ is not specified, user agents must not synthesize bold faces">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/Lato-Medium.ttf);
}
@supports not (font-synthesis: none) {
.test {color: red;}
}
.test {
font-family: "test";
font-size: 3em;
}
.nosynth {
font-weight: bold;
font-synthesis: none;
}
</style>
<p>Test passes if the two lines below are identical (the second line is <em>not bold</em>), and there is no red.</p>
<section class="test">
<p>Filler text</p>
<p class="nosynth">Filler text</p>
</section>

21
tests/wpt/web-platform-tests/css/css-fonts-3/font-synthesis-02-ref.html Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-synthesis: style disables fake bold</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/Lato-Medium.ttf);
}
.test {
font-family: "test";
font-size: 3em;
}
</style>
<p>Test passes if the two lines below are identical (the second line is <em>not bold</em>), and there is no red.</p>
<section class="test">
<p>Filler text</p>
<p class="nosynth">Filler text</p>
</section>

31
tests/wpt/web-platform-tests/css/css-fonts-3/font-synthesis-02.html Normal file
View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-synthesis: style disables fake bold</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-synthesis-02-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-synthesis-prop">
<meta name="assert" content=" If ‘weight’ is not specified, user agents must not synthesize bold faces">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/Lato-Medium.ttf);
}
@supports not (font-synthesis: style) {
.test {color: red;}
}
.test {
font-family: "test";
font-size: 3em;
}
.nosynth {
font-weight: bold;
font-synthesis: style;
}
</style>
<p>Test passes if the two lines below are identical (the second line is <em>not bold</em>), and there is no red.</p>
<section class="test">
<p>Filler text</p>
<p class="nosynth">Filler text</p>
</section>

21
tests/wpt/web-platform-tests/css/css-fonts-3/font-synthesis-03-ref.html Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-synthesis: none disables fake italic/oblique</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/Lato-Medium.ttf);
}
.test {
font-family: "test";
font-size: 3em;
}
</style>
<p>Test passes if the two lines below are identical (the second line is <em>not obliqued</em>), and there is no red.</p>
<section class="test">
<p>Filler text</p>
<p class="nosynth">Filler text</p>
</section>

31
tests/wpt/web-platform-tests/css/css-fonts-3/font-synthesis-03.html Normal file
View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-synthesis: none disables fake italic/oblique</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-synthesis-03-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-synthesis-prop">
<meta name="assert" content="if ‘style’ is not specified user agents must not synthesize italic faces">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/Lato-Medium.ttf);
}
@supports not (font-synthesis: none) {
.test {color: red;}
}
.test {
font-family: "test";
font-size: 3em;
}
.nosynth {
font-style: italic;
font-synthesis: none;
}
</style>
<p>Test passes if the two lines below are identical (the second line is <em>not obliqued</em>), and there is no red.</p>
<section class="test">
<p>Filler text</p>
<p class="nosynth">Filler text</p>
</section>

21
tests/wpt/web-platform-tests/css/css-fonts-3/font-synthesis-04-ref.html Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-synthesis: bold disables fake italic/oblique</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/Lato-Medium.ttf);
}
.test {
font-family: "test";
font-size: 3em;
}
</style>
<p>Test passes if the two lines below are identical (the second line is <em>not obliqued</em>), and there is no red.</p>
<section class="test">
<p>Filler text</p>
<p class="nosynth">Filler text</p>
</section>

31
tests/wpt/web-platform-tests/css/css-fonts-3/font-synthesis-04.html Normal file
View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-synthesis: bold disables fake italic/oblique</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-synthesis-04-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-synthesis-prop">
<meta name="assert" content="if ‘style’ is not specified user agents must not synthesize italic faces">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/Lato-Medium.ttf);
}
@supports not (font-synthesis: weight) {
.test {color: red;}
}
.test {
font-family: "test";
font-size: 3em;
}
.nosynth {
font-style: italic;
font-synthesis: weight;
}
</style>
<p>Test passes if the two lines below are identical (the second line is <em>not obliqued</em>), and there is no red.</p>
<section class="test">
<p>Filler text</p>
<p class="nosynth">Filler text</p>
</section>

23
tests/wpt/web-platform-tests/css/css-fonts-3/font-synthesis-05-ref.html Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-synthesis: initial value</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/Lato-Medium.ttf);
}
.test {
font-family: "test";
font-size: 3em;
font-synthesis: weight style;
color: green;
}
</style>
<p>Test passes if the text below is green, not red.</p>
<section class="test">
<p>Filler text</p>
<!-- Synthesis is allowed, but not required -->
</section>

29
tests/wpt/web-platform-tests/css/css-fonts-3/font-synthesis-05.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-synthesis: initial value</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="match" href="font-synthesis-03-ref.html">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-synthesis-prop">
<meta name="assert" content="This property controls whether user agents are allowed to synthesize bold or oblique font faces">
<style>
@font-face {
font-family: "test";
src: url(support/fonts/Lato-Medium.ttf);
}
@supports not (font-synthesis: weight style) {
.test p {color: red;}
}
.test {
font-family: "test";
font-size: 3em;
font-synthesis: weight style;
color: green;
}
</style>
<p>Test passes if the text below is green, not red.</p>
<section class="test">
<p>Filler text</p>
<!-- Synthesis is allowed, but not required -->
</section>

18
tests/wpt/web-platform-tests/css/css-fonts-3/font-variant-position-02.html
View file

@ -5,7 +5,6 @@
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-variant-position-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-feature-settings-prop">
<link rel="match" href="font-variant-position-02-ref.html">
<meta name="assert" content="Enables display of subscript variants (OpenType feature: subs).">
<style>
@font-face {
@ -23,18 +22,13 @@
.low {
font-feature-settings: "subs" on, "sups" off;
}
.foo {
color: #100;
}
.bar {
color: #001;
}
</style>
<body>
<p>Test passes if the three lines below are identical, with one checkmark (✓) followed by one cross (✗)</p>
<!-- Identical? If the UA is allowed to simulate subscripts and superscripts then the first line will use smaller glyphs than the second and third. Maybe "similar" and point out size doesn't matter on this test? -->
<p>Test passes if the second and third lines below are identical, with two checkmarks (✓) followed by one cross (✗); and
also, if the first line is <em>either</em> identical to the other two, <em>or</em> has one checkmark followed by two <b>subscript</b> crosses.
If the first line has a checkmark followed by two normally sized crosses, the test fails. </p>
<section class="test">
<p class="high"><span class="foo">H</span><span class="bar">I</span></p>
<p class="high"><span class="foo">H</span><span class="bar">I</span></p>
<p class="ref">AB</p>
<p>A<span class="high">HI</span></p>
<p>A<span class="low">HI</span></p>
<p class="ref">AAB</p>
</section>

18
tests/wpt/web-platform-tests/css/css-fonts-3/font-variant-position-03.html
View file

@ -5,7 +5,6 @@
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-variant-position-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-feature-settings-prop">
<link rel="match" href="font-variant-position-03-ref.html">
<meta name="assert" content="Enables display of subscript variants (OpenType feature: subs).">
<style>
@font-face {
@ -23,19 +22,14 @@
.low {
font-feature-settings: "subs" off, "sups" on;
}
.foo {
color: #100;
}
.bar {
color: #001;
}
</style>
<body>
<p>Test passes if the three lines below are identical, with one cross (✗) followed by one checkmark (✓) </p>
<!-- Identical? If the UA is allowed to simulate subscripts and superscripts then the first line will use smaller glyphs than the second and third. Maybe "similar" and point out size doesn't matter on this test? -->
<p>Test passes if the second and third lines below are identical, with two crosses (✗) followed by one checkmark (✓); and
also, if the first line is <em>either</em> identical to the other two, <em>or</em> has one cross followed by two <b>superscript</b> crosses.
If the first line has three normally sized crosses, the test fails.</p>
<section class="test">
<p class="high"><span class="foo">H</span><span class="bar">I</span></p>
<p class="high"><span class="foo">H</span><span class="bar">I</span></p>
<p class="ref">BA</p>
<p>B<span class="high">HI</span></p>
<p>B<span class="low">HI</span></p>
<p class="ref">BBA</p>
</section>

BIN
tests/wpt/web-platform-tests/css/css-fonts-3/support/fonts/Exo-DemiBold.otf Normal file
View file

Binary file not shown.

BIN
tests/wpt/web-platform-tests/css/css-fonts-3/support/fonts/Exo2-SemiBold.otf Normal file
View file

Binary file not shown.

BIN
tests/wpt/web-platform-tests/css/css-fonts-3/support/fonts/Exo2-SemiBoldCondensed.otf Normal file
View file

Binary file not shown.

BIN
tests/wpt/web-platform-tests/css/css-fonts-3/support/fonts/Exo2-SemiBoldExpanded.otf Normal file
View file

Binary file not shown.

BIN
tests/wpt/web-platform-tests/css/css-fonts-3/support/fonts/fail.woff Normal file
View file

Binary file not shown.

BIN
tests/wpt/web-platform-tests/css/css-fonts-3/support/fonts/pass.woff Normal file
View file

Binary file not shown.

21
tests/wpt/web-platform-tests/css/css-fonts-3/test_font_family_parsing.html
View file

@ -133,21 +133,18 @@ var testFontFamilyLists = [
{ namelist: "normal simple", single: true },
{ namelist: "caption", single: true }, // these are keywords for the 'font' property but only when in the first position
{ namelist: "icon", single: true },
{ namelist: "menu", single: true }
{ namelist: "menu", single: true },
/* Unset */
{ namelist: "unset", invalid: true, fontonly: true, single: true },
{ namelist: "unset, simple", invalid: true },
{ namelist: "simple, unset", invalid: true },
{ namelist: "simple, unset bongo" },
{ namelist: "simple, bongo unset" },
{ namelist: "simple unset", single: true },
{ namelist: "unset simple", single: true },
];
if (SpecialPowers.getBoolPref("layout.css.unset-value.enabled")) {
testFontFamilyLists.push(
{ namelist: "unset", invalid: true, fontonly: true, single: true },
{ namelist: "unset, simple", invalid: true },
{ namelist: "simple, unset", invalid: true },
{ namelist: "simple, unset bongo" },
{ namelist: "simple, bongo unset" },
{ namelist: "simple unset", single: true },
{ namelist: "unset simple", single: true });
}
var gTest = 0;
/* strip out just values */

5
tests/wpt/web-platform-tests/css/css-fonts-3/test_font_feature_values_parsing.html
View file

@ -69,7 +69,6 @@ var testrules = [
{ rule: makeRule("bongo", "@styleset { abc 1 2 3 }"), serializationNoValueDefn: true },
{ rule: makeRule("bongo", "@styleset { abc:, 1 2 3 }"), serializationNoValueDefn: true },
{ rule: makeRule("bongo", "@styleset { abc:; 1 2 3 }"), serializationNoValueDefn: true },
{ rule: makeRule("bongo", "@styleset { abc:; 1 2 3 }"), serializationNoValueDefn: true },
{ rule: makeRule("bongo", "@styleset { abc: 1 2 3a }"), serializationNoValueDefn: true },
{ rule: makeRule("bongo", "@styleset { abc: 1 2 3, def: 1; }"), serializationNoValueDefn: true },
{ rule: makeRule("bongo", "@blah @styleset { abc: 1 2 3; }"), serializationNoValueDefn: true },
@ -335,10 +334,6 @@ function testOneRule(testrule) {
}
function testFontFeatureValuesRuleParsing() {
// Gecko-specific check - if pref not set, skip these tests
if (window.SpecialPowers && !window.SpecialPowers.getBoolPref("layout.css.font-features.enabled")) {
return;
}
var i;
for (i = 0; i < testrules.length; i++) {
var testrule = testrules[i];

2
tests/wpt/web-platform-tests/css/css-grid-1/abspos/absolute-positioning-definite-sizes-001.html
View file

@ -33,7 +33,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.grid')">

2
tests/wpt/web-platform-tests/css/css-grid-1/abspos/absolute-positioning-grid-container-containing-block-001.html
View file

@ -112,7 +112,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.grid')">
<div id="log"></div>

2
tests/wpt/web-platform-tests/css/css-grid-1/abspos/absolute-positioning-grid-container-parent-001.html
View file

@ -34,7 +34,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.container')">
<div id="log"></div>

2
tests/wpt/web-platform-tests/css/css-grid-1/abspos/grid-positioned-items-content-alignment-001.html
View file

@ -34,7 +34,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.grid')">

2
tests/wpt/web-platform-tests/css/css-grid-1/abspos/grid-positioned-items-content-alignment-rtl-001.html
View file

@ -34,7 +34,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.grid')">

2
tests/wpt/web-platform-tests/css/css-grid-1/abspos/grid-positioned-items-gaps-001.html
View file

@ -36,7 +36,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.grid')">

2
tests/wpt/web-platform-tests/css/css-grid-1/abspos/grid-positioned-items-gaps-rtl-001.html
View file

@ -36,7 +36,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.grid')">

2
tests/wpt/web-platform-tests/css/css-grid-1/abspos/grid-positioned-items-implicit-grid-001.html
View file

@ -30,7 +30,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.grid')">

2
tests/wpt/web-platform-tests/css/css-grid-1/abspos/grid-positioned-items-implicit-grid-line-001.html
View file

@ -51,7 +51,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.grid')">

2
tests/wpt/web-platform-tests/css/css-grid-1/abspos/grid-positioned-items-padding-001.html
View file

@ -38,7 +38,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.grid')">

2
tests/wpt/web-platform-tests/css/css-grid-1/abspos/grid-positioned-items-unknown-named-grid-line-001.html
View file

@ -44,7 +44,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.grid')">

2
tests/wpt/web-platform-tests/css/css-grid-1/abspos/grid-positioned-items-within-grid-implicit-track-001.html
View file

@ -40,7 +40,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.grid')">

2
tests/wpt/web-platform-tests/css/css-grid-1/abspos/grid-sizing-positioned-items-001.html
View file

@ -55,7 +55,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.grid')">

2
tests/wpt/web-platform-tests/css/css-grid-1/abspos/positioned-grid-items-should-not-create-implicit-tracks-001.html
View file

@ -29,7 +29,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.grid')">

2
tests/wpt/web-platform-tests/css/css-grid-1/abspos/positioned-grid-items-should-not-take-up-space-001.html
View file

@ -33,7 +33,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.grid')">

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -25,7 +25,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<script src="../support/style-change.js"></script>
<script>
function runTest() {

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

@ -37,7 +37,7 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onLoad="checkLayout('.grid');">

2
tests/wpt/web-platform-tests/css/css-grid-1/alignment/grid-self-alignment-stretch-001.html
View file

@ -48,7 +48,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.grid')">
<div class="grid">
<div data-offset-x="0" data-offset-y="0" data-expected-width="100" data-expected-height="10" class="firstRowFirstColumn">X XX X</div>

2
tests/wpt/web-platform-tests/css/css-grid-1/alignment/grid-self-alignment-stretch-002.html
View file

@ -52,7 +52,7 @@
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/check-layout-th.js"></script>
<script src="/resources/check-layout-th.js">"></script>
<body onload="checkLayout('.grid')">
<div class="grid">
<div data-offset-x="0" data-offset-y="0" data-expected-width="90" data-expected-height="10" class="firstRowFirstColumn">X XX X</div>

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