mirror of
https://github.com/servo/servo.git
synced 2025-09-10 23:18:20 +01:00
Update web-platform-tests to revision 9c2bea6dac36e36ba1f489d10c2be42160d8f34f
This commit is contained in:
parent
482923cec2
commit
5c371dd958
459 changed files with 10717 additions and 834 deletions
|
@ -49,7 +49,7 @@ jobs:
|
|||
displayName: 'Run tests (Chrome Dev)'
|
||||
- script: no_proxy='*' ./wpt run --yes --no-manifest-update --manifest MANIFEST.json --metadata infrastructure/metadata/ --channel=nightly firefox infrastructure/
|
||||
displayName: 'Run tests (Firefox Nightly)'
|
||||
- script: no_proxy='*' ./wpt run --yes --no-manifest-update --manifest MANIFEST.json --metadata infrastructure/metadata/ --channel=preview safari_webdriver infrastructure/
|
||||
- script: no_proxy='*' ./wpt run --yes --no-manifest-update --manifest MANIFEST.json --metadata infrastructure/metadata/ --channel=preview safari infrastructure/
|
||||
displayName: 'Run tests (Safari Technology Preview)'
|
||||
|
||||
- job: tools_unittest_macOS
|
||||
|
|
|
@ -11,9 +11,9 @@
|
|||
const iframe_scripts = [
|
||||
'resources/fetch-tests.js',
|
||||
'url-format.any.js',
|
||||
'url-in-tags.window.js',
|
||||
'url-with-xhr.any.js',
|
||||
'url-with-fetch.any.js',
|
||||
'url-with-tags.window.js',
|
||||
];
|
||||
|
||||
let html = '<!doctype html>\n<meta charset="utf-8">\n<body>\n';
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
<script>
|
||||
|
||||
var db,
|
||||
t = async_test(document.title),
|
||||
t = async_test(),
|
||||
records = [ { pKey: "primaryKey_0", iKey: "indexKey_0" },
|
||||
{ pKey: "primaryKey_1", iKey: "indexKey_1" } ];
|
||||
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
<script type="text/javascript">
|
||||
|
||||
var db,
|
||||
t = async_test(document.title),
|
||||
t = async_test(),
|
||||
records = [ { pKey: "primaryKey_0", iKey: "indexKey_0" },
|
||||
{ pKey: "primaryKey_1", iKey: "indexKey_1" } ];
|
||||
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
<script>
|
||||
var db,
|
||||
count = 0,
|
||||
t = async_test(document.title),
|
||||
t = async_test(),
|
||||
records = [ { pKey: "primaryKey_0", iKey: "indexKey_0" },
|
||||
{ pKey: "primaryKey_1", iKey: "indexKey_1" },
|
||||
{ pKey: "primaryKey_1-2", iKey: "indexKey_1" } ],
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
<script>
|
||||
|
||||
var db,
|
||||
t = async_test(document.title),
|
||||
t = async_test(),
|
||||
records = [ { pKey: "primaryKey_0", iKey: "indexKey_0" },
|
||||
{ pKey: "primaryKey_1", iKey: "indexKey_1" },
|
||||
{ pKey: "primaryKey_1-2", iKey: "indexKey_1" },
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
<script>
|
||||
|
||||
var db,
|
||||
t = async_test(document.title),
|
||||
t = async_test(),
|
||||
records = [ { pKey: "primaryKey_0", iKey: "indexKey_0" },
|
||||
{ pKey: "primaryKey_1", iKey: "indexKey_1" },
|
||||
{ pKey: "primaryKey_1-2", iKey: "indexKey_1" },
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
<script>
|
||||
|
||||
var db,
|
||||
t = async_test(document.title);
|
||||
t = async_test();
|
||||
|
||||
var open_rq = createdb(t);
|
||||
open_rq.onupgradeneeded = function(e) {
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
<script>
|
||||
var db,
|
||||
count = 0,
|
||||
t = async_test(document.title);
|
||||
t = async_test();
|
||||
|
||||
var open_rq = createdb(t);
|
||||
open_rq.onupgradeneeded = function(e) {
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
<script>
|
||||
var db,
|
||||
count = 0,
|
||||
t = async_test(document.title),
|
||||
t = async_test(),
|
||||
records = [ { pKey: "primaryKey_0", obj: { iKey: "iKey_0" }},
|
||||
{ pKey: "primaryKey_1", obj: { iKey: "iKey_1" }},
|
||||
{ pKey: "primaryKey_2", obj: { iKey: "iKey_2" }} ],
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
<script>
|
||||
var db,
|
||||
count = 0,
|
||||
t = async_test(document.title),
|
||||
t = async_test(),
|
||||
records = [ { pKey: "primaryKey_0", obj: { iKey: "iKey_0" }},
|
||||
{ pKey: "primaryKey_2", obj: { iKey: "iKey_2" }} ],
|
||||
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
<script>
|
||||
var db,
|
||||
count = 0,
|
||||
t = async_test(document.title),
|
||||
t = async_test(),
|
||||
records = [ { pKey: "primaryKey_0" },
|
||||
{ pKey: "primaryKey_1" },
|
||||
{ pKey: "primaryKey_2" } ],
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
<script>
|
||||
var db,
|
||||
count = 0,
|
||||
t = async_test(document.title),
|
||||
t = async_test(),
|
||||
records = [ { pKey: "primaryKey_0" },
|
||||
{ pKey: "primaryKey_2" } ],
|
||||
expected_records = [ { pKey: "primaryKey_0" },
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
<script>
|
||||
|
||||
var db,
|
||||
t = async_test(document.title)
|
||||
t = async_test()
|
||||
|
||||
var open_rq = createdb(t);
|
||||
open_rq.onupgradeneeded = function(e) {
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
<script>
|
||||
var db,
|
||||
t = async_test(document.title),
|
||||
t = async_test(),
|
||||
open_rq = createdb(t)
|
||||
|
||||
open_rq.onupgradeneeded = function(e) {
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
<script>
|
||||
|
||||
var t = async_test(document.title),
|
||||
var t = async_test(),
|
||||
open_rq = createdb(t)
|
||||
|
||||
open_rq.onupgradeneeded = function(e) {
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
<script>
|
||||
|
||||
var t = async_test(document.title),
|
||||
var t = async_test(),
|
||||
keys = [],
|
||||
open_rq = createdb(t)
|
||||
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
<script>
|
||||
var db,
|
||||
t = async_test(document.title),
|
||||
t = async_test(),
|
||||
open_rq = createdb(t);
|
||||
|
||||
open_rq.onupgradeneeded = function(e) {
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
|
||||
<script>
|
||||
var db
|
||||
var open_rq = createdb(async_test(document.title), undefined, 9)
|
||||
var open_rq = createdb(async_test(), undefined, 9)
|
||||
|
||||
open_rq.onupgradeneeded = function(e) {
|
||||
db = e.target.result
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
<script>
|
||||
var db, db2;
|
||||
var open_rq = createdb(async_test(document.title), undefined, 9);
|
||||
var open_rq = createdb(async_test(), undefined, 9);
|
||||
|
||||
open_rq.onupgradeneeded = function(e) {
|
||||
db = e.target.result;
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
<script>
|
||||
var db;
|
||||
var count_done = 0;
|
||||
var open_rq = createdb(async_test(document.title));
|
||||
var open_rq = createdb(async_test());
|
||||
|
||||
open_rq.onupgradeneeded = function(e) {
|
||||
db = e.target.result;
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
<script src="support.js"></script>
|
||||
|
||||
<script>
|
||||
createdb(async_test(document.title)).onupgradeneeded = function(e) {
|
||||
createdb(async_test()).onupgradeneeded = function(e) {
|
||||
var store = e.target.result.createObjectStore("store");
|
||||
|
||||
assert_throws('InvalidAccessError', function() {
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
var db,
|
||||
expected_keys = [1, 2, 2, 3, 3];
|
||||
|
||||
var open_rq = createdb(async_test(document.title))
|
||||
var open_rq = createdb(async_test())
|
||||
|
||||
open_rq.onupgradeneeded = function(e) {
|
||||
db = e.target.result;
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
<script>
|
||||
var db,
|
||||
t = async_test(document.title);
|
||||
t = async_test();
|
||||
|
||||
var open_rq = createdb(t);
|
||||
open_rq.onupgradeneeded = function(e) {
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
|
||||
<script>
|
||||
var db, aborted,
|
||||
t = async_test(document.title)
|
||||
t = async_test()
|
||||
|
||||
var open_rq = createdb(t);
|
||||
open_rq.onupgradeneeded = function(e) {
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
<script>
|
||||
var db,
|
||||
events = [],
|
||||
t = async_test(document.title)
|
||||
t = async_test()
|
||||
|
||||
var open_rq = createdb(t);
|
||||
open_rq.onupgradeneeded = function(e) {
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
<script>
|
||||
var db, aborted,
|
||||
t = async_test(document.title)
|
||||
t = async_test()
|
||||
|
||||
var open_rq = createdb(t);
|
||||
open_rq.onupgradeneeded = function(e) {
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
|
||||
var db,
|
||||
events = [],
|
||||
t = async_test(document.title)
|
||||
t = async_test()
|
||||
|
||||
var open_rq = createdb(t);
|
||||
open_rq.onupgradeneeded = function(e) {
|
||||
|
|
|
@ -18,7 +18,7 @@
|
|||
|
||||
var db,
|
||||
events = [],
|
||||
t = async_test(document.title)
|
||||
t = async_test()
|
||||
|
||||
var open_rq = createdb(t);
|
||||
open_rq.onupgradeneeded = function(e) {
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
|
||||
<script>
|
||||
var db,
|
||||
t = async_test(document.title),
|
||||
t = async_test(),
|
||||
now = new Date(),
|
||||
mar18 = new Date(1111111111111),
|
||||
ar = ["Yay", 2, -Infinity],
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
<script>
|
||||
var db,
|
||||
add_success = false,
|
||||
t = async_test(document.title)
|
||||
t = async_test()
|
||||
|
||||
var open_rq = createdb(t);
|
||||
open_rq.onupgradeneeded = function(e) {
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
<script>
|
||||
var db, store,
|
||||
t = async_test(document.title),
|
||||
t = async_test(),
|
||||
open_rq = createdb(t),
|
||||
stages = [];
|
||||
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
<script>
|
||||
var db, aborted,
|
||||
t = async_test(document.title),
|
||||
t = async_test(),
|
||||
record = { indexedProperty: "bar" };
|
||||
|
||||
var open_rq = createdb(t);
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
<script>
|
||||
|
||||
var db,
|
||||
t = async_test(document.title);
|
||||
t = async_test();
|
||||
|
||||
t.step(function() {
|
||||
var openrq = indexedDB.open('db', 3);
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
<script>
|
||||
|
||||
var db,
|
||||
t = async_test(document.title),
|
||||
t = async_test(),
|
||||
objects = [1, null, {id: 2}, null, 2.00001, 5, null, {id: 6} ],
|
||||
expected = [1, 2, 2.00001, 3, 5, 6],
|
||||
errors = 0;
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
<script>
|
||||
|
||||
var db,
|
||||
t = async_test(document.title),
|
||||
t = async_test(),
|
||||
overflow_error_fired = false,
|
||||
objects = [9007199254740991, null, "error", 2, "error" ],
|
||||
expected_keys = [2, 9007199254740991, 9007199254740992];
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
<script>
|
||||
var events = [];
|
||||
|
||||
var open_rq = createdb(async_test(document.title));
|
||||
var open_rq = createdb(async_test());
|
||||
open_rq.onupgradeneeded = function(e) {
|
||||
var db = e.target.result;
|
||||
var txn = e.target.transaction;
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
|
||||
var db, db_got_versionchange, db2,
|
||||
events = [],
|
||||
t = async_test(document.title);
|
||||
t = async_test();
|
||||
|
||||
t.step(function() {
|
||||
var openrq = indexedDB.open('db', 3);
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
|
||||
var db, db_got_versionchange, db2,
|
||||
events = [],
|
||||
t = async_test(document.title);
|
||||
t = async_test();
|
||||
|
||||
t.step(function() {
|
||||
var openrq = indexedDB.open('db', 3);
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
<script>
|
||||
|
||||
var db, t = async_test(document.title),
|
||||
var db, t = async_test(),
|
||||
keys = { txn: [], txn2: [] },
|
||||
open_rq = createdb(t)
|
||||
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
<script>
|
||||
var events = [];
|
||||
|
||||
var open_rq = createdb(async_test(document.title));
|
||||
var open_rq = createdb(async_test());
|
||||
open_rq.onupgradeneeded = function(e) {
|
||||
var db = e.target.result;
|
||||
var txn = e.target.transaction;
|
||||
|
|
|
@ -52,8 +52,7 @@
|
|||
for (const i in TEST_CASES) {
|
||||
const t = TEST_CASES[i];
|
||||
promise_test(createCookieTest(t.file),
|
||||
t.file + " - " + t.name,
|
||||
{ timeout: 3000 });
|
||||
t.file + " - " + t.name);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
|
|
@ -30,8 +30,7 @@
|
|||
for (const i in TEST_CASES) {
|
||||
const t = TEST_CASES[i];
|
||||
promise_test(createCookieTest(t.file),
|
||||
t.file + " - " + t.name,
|
||||
{ timeout: 3000 });
|
||||
t.file + " - " + t.name);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
|
|
@ -48,8 +48,7 @@
|
|||
for (const i in TEST_CASES) {
|
||||
const t = TEST_CASES[i];
|
||||
promise_test(createCookieTest(t.file),
|
||||
t.file + " - " + t.name,
|
||||
{ timeout: 3000 });
|
||||
t.file + " - " + t.name);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
|
|
@ -33,8 +33,7 @@
|
|||
for (const i in TEST_CASES) {
|
||||
const t = TEST_CASES[i];
|
||||
promise_test(createCookieTest(t.file),
|
||||
t.file + " - " + t.name,
|
||||
{ timeout: 3000 });
|
||||
t.file + " - " + t.name);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
|
|
@ -70,8 +70,7 @@
|
|||
for (const i in TEST_CASES) {
|
||||
const t = TEST_CASES[i];
|
||||
promise_test(createCookieTest(t.file),
|
||||
t.file + " - " + t.name,
|
||||
{ timeout: 3000 });
|
||||
t.file + " - " + t.name);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
|
|
@ -56,8 +56,7 @@
|
|||
for (const i in TEST_CASES) {
|
||||
const t = TEST_CASES[i];
|
||||
promise_test(createCookieTest(t.file),
|
||||
t.file + " - " + t.name,
|
||||
{ timeout: 3000 });
|
||||
t.file + " - " + t.name);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
|
|
@ -43,8 +43,7 @@
|
|||
for (const i in TEST_CASES) {
|
||||
const t = TEST_CASES[i];
|
||||
promise_test(createCookieTest(t.file),
|
||||
t.file + " - " + t.name,
|
||||
{ timeout: 3000 });
|
||||
t.file + " - " + t.name);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
|
|
@ -59,8 +59,7 @@
|
|||
for (const i in TEST_CASES) {
|
||||
const t = TEST_CASES[i];
|
||||
promise_test(createCookieTest(t.file),
|
||||
t.file + " - " + t.name,
|
||||
{ timeout: 3000 });
|
||||
t.file + " - " + t.name);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
|
|
@ -27,8 +27,7 @@
|
|||
for (const i in TEST_CASES) {
|
||||
const t = TEST_CASES[i];
|
||||
promise_test(createCookieTest(t.file),
|
||||
t.file + " - " + t.name,
|
||||
{ timeout: 3000 });
|
||||
t.file + " - " + t.name);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
|
|
@ -59,8 +59,7 @@
|
|||
for (const i in TEST_CASES) {
|
||||
const t = TEST_CASES[i];
|
||||
promise_test(createCookieTest(t.file),
|
||||
t.file + " - " + t.name,
|
||||
{ timeout: 3000 });
|
||||
t.file + " - " + t.name);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
|
|
@ -69,8 +69,7 @@
|
|||
for (const i in TEST_CASES) {
|
||||
const t = TEST_CASES[i];
|
||||
promise_test(createCookieTest(t.file),
|
||||
t.file + " - " + t.name,
|
||||
{ timeout: 3000 });
|
||||
t.file + " - " + t.name);
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -24,7 +24,7 @@
|
|||
<script>
|
||||
setup({ explicit_timeout: true });
|
||||
|
||||
promise_test(createCookieTest("%s"), "DEBUG", { timeout: 3000 });
|
||||
promise_test(createCookieTest("%s"), "DEBUG");
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
|
|
@ -32,8 +32,7 @@
|
|||
for (const i in TEST_CASES) {
|
||||
const t = TEST_CASES[i];
|
||||
promise_test(createCookieTest(t.file),
|
||||
t.file + " - " + t.name,
|
||||
{ timeout: 3000 });
|
||||
t.file + " - " + t.name);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
|
|
@ -22,7 +22,7 @@
|
|||
<div id="test"></div>
|
||||
<script type="text/javascript">
|
||||
var div = document.querySelector("#test");
|
||||
var t = async_test(document.title);
|
||||
var t = async_test();
|
||||
t.step(function () {
|
||||
div.style[headProp("border-image-repeat")] = "repeat-x";
|
||||
div.style[headProp("height")] = "200px";
|
||||
|
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: getComputedValue().boxDecorationBreak</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-box-decoration-break">
|
||||
<meta name="assert" content="box-decoration-break computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("box-decoration-break", "slice");
|
||||
test_computed_value("box-decoration-break", "clone");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: parsing box-decoration-break with invalid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-box-decoration-break">
|
||||
<meta name="assert" content="box-decoration-break supports only the grammar 'slice | clone'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_invalid_value("box-decoration-break", "auto");
|
||||
test_invalid_value("box-decoration-break", "slice clone");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: parsing box-decoration-break with valid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-box-decoration-break">
|
||||
<meta name="assert" content="box-decoration-break supports the full grammar 'slice | clone'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_valid_value("box-decoration-break", "slice");
|
||||
test_valid_value("box-decoration-break", "clone");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: getComputedValue().breakAfter</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-break-after">
|
||||
<meta name="assert" content="break-after computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("break-after", "auto");
|
||||
test_computed_value("break-after", "avoid");
|
||||
test_computed_value("break-after", "avoid-page");
|
||||
test_computed_value("break-after", "page");
|
||||
test_computed_value("break-after", "left");
|
||||
test_computed_value("break-after", "right");
|
||||
test_computed_value("break-after", "recto");
|
||||
test_computed_value("break-after", "verso");
|
||||
test_computed_value("break-after", "avoid-column");
|
||||
test_computed_value("break-after", "column");
|
||||
test_computed_value("break-after", "avoid-region");
|
||||
test_computed_value("break-after", "region");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: parsing break-after with invalid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-break-after">
|
||||
<meta name="assert" content="break-after supports only the grammar 'auto | avoid | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_invalid_value("break-after", "none");
|
||||
test_invalid_value("break-after", "avoid region");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: parsing break-after with valid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-break-after">
|
||||
<meta name="assert" content="break-after supports the full grammar 'auto | avoid | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_valid_value("break-after", "auto");
|
||||
test_valid_value("break-after", "avoid");
|
||||
test_valid_value("break-after", "avoid-page");
|
||||
test_valid_value("break-after", "page");
|
||||
test_valid_value("break-after", "left");
|
||||
test_valid_value("break-after", "right");
|
||||
test_valid_value("break-after", "recto");
|
||||
test_valid_value("break-after", "verso");
|
||||
test_valid_value("break-after", "avoid-column");
|
||||
test_valid_value("break-after", "column");
|
||||
test_valid_value("break-after", "avoid-region");
|
||||
test_valid_value("break-after", "region");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: getComputedValue().breakBefore</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-break-before">
|
||||
<meta name="assert" content="break-before computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("break-before", "auto");
|
||||
test_computed_value("break-before", "avoid");
|
||||
test_computed_value("break-before", "avoid-page");
|
||||
test_computed_value("break-before", "page");
|
||||
test_computed_value("break-before", "left");
|
||||
test_computed_value("break-before", "right");
|
||||
test_computed_value("break-before", "recto");
|
||||
test_computed_value("break-before", "verso");
|
||||
test_computed_value("break-before", "avoid-column");
|
||||
test_computed_value("break-before", "column");
|
||||
test_computed_value("break-before", "avoid-region");
|
||||
test_computed_value("break-before", "region");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: parsing break-before with invalid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-break-before">
|
||||
<meta name="assert" content="break-before supports only the grammar 'auto | avoid | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_invalid_value("break-before", "none");
|
||||
test_invalid_value("break-before", "avoid region");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: parsing break-before with valid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-break-before">
|
||||
<meta name="assert" content="break-before supports the full grammar 'auto | avoid | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_valid_value("break-before", "auto");
|
||||
test_valid_value("break-before", "avoid");
|
||||
test_valid_value("break-before", "avoid-page");
|
||||
test_valid_value("break-before", "page");
|
||||
test_valid_value("break-before", "left");
|
||||
test_valid_value("break-before", "right");
|
||||
test_valid_value("break-before", "recto");
|
||||
test_valid_value("break-before", "verso");
|
||||
test_valid_value("break-before", "avoid-column");
|
||||
test_valid_value("break-before", "column");
|
||||
test_valid_value("break-before", "avoid-region");
|
||||
test_valid_value("break-before", "region");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: getComputedValue().breakAfter</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-break-inside">
|
||||
<meta name="assert" content="break-inside computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("break-inside", "auto");
|
||||
test_computed_value("break-inside", "avoid");
|
||||
test_computed_value("break-inside", "avoid-page");
|
||||
test_computed_value("break-inside", "avoid-column");
|
||||
test_computed_value("break-inside", "avoid-region");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: parsing break-inside with invalid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-break-inside">
|
||||
<meta name="assert" content="break-inside supports only the grammar 'auto | avoid | avoid-page | avoid-column | avoid-region'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_invalid_value("break-inside", "region");
|
||||
test_invalid_value("break-inside", "auto avoid");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: parsing break-inside with valid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-break-inside">
|
||||
<meta name="assert" content="break-inside supports the full grammar 'auto | avoid | avoid-page | avoid-column | avoid-region'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_valid_value("break-inside", "auto");
|
||||
test_valid_value("break-inside", "avoid");
|
||||
test_valid_value("break-inside", "avoid-page");
|
||||
test_valid_value("break-inside", "avoid-column");
|
||||
test_valid_value("break-inside", "avoid-region");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: getComputedValue().orphans</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-orphans">
|
||||
<meta name="assert" content="orphans computed value is specified integer.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("orphans", "1");
|
||||
test_computed_value("orphans", "234");
|
||||
test_computed_value("orphans", "calc(1 + 234)", "235");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: parsing orphans with invalid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-orphans">
|
||||
<meta name="assert" content="orphans supports only the grammar '<integer>'.">
|
||||
<meta name="assert" content="Negative values and zero are invalid.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_invalid_value("orphans", "auto");
|
||||
test_invalid_value("orphans", "1 234");
|
||||
test_invalid_value("orphans", "-234");
|
||||
test_invalid_value("orphans", "-1");
|
||||
test_invalid_value("orphans", "0");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: parsing orphans with valid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-orphans">
|
||||
<meta name="assert" content="orphans supports the full grammar '<integer>'.">
|
||||
<meta name="assert" content="Negative values and zero are invalid.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_valid_value("orphans", "1");
|
||||
test_valid_value("orphans", "234");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: getComputedValue().widows</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-widows">
|
||||
<meta name="assert" content="widows computed value is specified integer.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("widows", "1");
|
||||
test_computed_value("widows", "234");
|
||||
test_computed_value("widows", "calc(1 + 234)", "235");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: parsing widows with invalid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-widows">
|
||||
<meta name="assert" content="widows supports only the grammar '<integer>'.">
|
||||
<meta name="assert" content="Negative values and zero are invalid.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_invalid_value("widows", "auto");
|
||||
test_invalid_value("widows", "1 234");
|
||||
test_invalid_value("widows", "-234");
|
||||
test_invalid_value("widows", "-1");
|
||||
test_invalid_value("widows", "0");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: parsing widows with valid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-widows">
|
||||
<meta name="assert" content="widows supports the full grammar '<integer>'.">
|
||||
<meta name="assert" content="Negative values and zero are invalid.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_valid_value("widows", "1");
|
||||
test_valid_value("widows", "234");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Containment Test: Layout containment supress baseline in flex items</title>
|
||||
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-layout">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#valdef-align-items-baseline">
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
|
||||
<meta name=assert content="Flex items with layout containment are treated as having no baseline, for that reason their baseline is synthesized from the flex item's border box when they're baseline aligned.">
|
||||
<style>
|
||||
#flex {
|
||||
display: inline-flex;
|
||||
align-items: baseline;
|
||||
background: red;
|
||||
}
|
||||
|
||||
canvas {
|
||||
background: green;
|
||||
width: 50px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
#item {
|
||||
contain: layout;
|
||||
color: transparent;
|
||||
background: green;
|
||||
width: 50px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div id="flex">
|
||||
<canvas></canvas>
|
||||
<div id="item">item</div>
|
||||
</div>
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Containment Test: Layout containment supress baseline in grid items</title>
|
||||
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-layout">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#grid-baselines">
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
|
||||
<meta name=assert content="Grid items with layout containment are treated as having no baseline, for that reason their baseline is synthesized from the grid item's border box when they're baseline aligned.">
|
||||
<style>
|
||||
#grid {
|
||||
display: inline-grid;
|
||||
align-items: baseline;
|
||||
background: red;
|
||||
grid-auto-flow: column;
|
||||
}
|
||||
|
||||
canvas {
|
||||
background: green;
|
||||
width: 50px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
#item {
|
||||
contain: layout;
|
||||
color: transparent;
|
||||
background: green;
|
||||
width: 50px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div id="grid">
|
||||
<canvas></canvas>
|
||||
<div id="item">item</div>
|
||||
</div>
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Containment Test: Layout containment supress baseline in table cells</title>
|
||||
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-layout">
|
||||
<link rel="match" href="reference/contain-layout-baseline-004-ref.html">
|
||||
<meta name=assert content="Table cells with layout containment are treated as having no baseline, for that reason their baseline is synthesized from the cell's border box when they're baseline aligned.">
|
||||
<style>
|
||||
#table {
|
||||
display: table;
|
||||
font: 100px/1 Ahem;
|
||||
}
|
||||
|
||||
#table > * {
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
#first {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
#second {
|
||||
color: green;
|
||||
contain: layout;
|
||||
}
|
||||
</style>
|
||||
<p>Test passes if there is not a rectangle as the two boxes ("blue" and "green") are not baseline aligned.</p>
|
||||
<div id="table">
|
||||
<div id="first">X</div>
|
||||
<div id="second">X</div>
|
||||
</div>
|
|
@ -31,6 +31,7 @@
|
|||
{
|
||||
background-color: white;
|
||||
display: table-cell;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
div#contain
|
||||
|
|
|
@ -25,7 +25,7 @@
|
|||
{
|
||||
background-color: white;
|
||||
padding: 0px;
|
||||
vertical-align: baseline;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#contain
|
||||
|
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Containment Module Level 1: getComputedValue().contain</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain/#contain-property">
|
||||
<meta name="assert" content="contain computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("contain", "none");
|
||||
test_computed_value("contain", "strict");
|
||||
test_computed_value("contain", "content");
|
||||
|
||||
test_computed_value("contain", "size");
|
||||
test_computed_value("contain", "layout");
|
||||
test_computed_value("contain", "style");
|
||||
test_computed_value("contain", "paint");
|
||||
test_computed_value("contain", "size layout");
|
||||
test_computed_value("contain", "style paint");
|
||||
test_computed_value("contain", "layout style paint");
|
||||
test_computed_value("contain", "size layout style paint");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Containment Module Level 1: parsing contain with invalid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain/#contain-property">
|
||||
<meta name="assert" content="contain supports only the grammar 'none | strict | content | [ size || layout || style || paint ]'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_invalid_value("contain", "auto");
|
||||
test_invalid_value("contain", "strict content");
|
||||
test_invalid_value("contain", "size layout size");
|
||||
test_invalid_value("contain", "paint content");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Containment Module Level 1: parsing contain with valid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain/#contain-property">
|
||||
<meta name="assert" content="contain supports the full grammar 'none | strict | content | [ size || layout || style || paint ]'.">
|
||||
<meta name="assert" content="contain serializes in canonical order.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_valid_value("contain", "none");
|
||||
test_valid_value("contain", "strict");
|
||||
test_valid_value("contain", "content");
|
||||
|
||||
// [ size || layout || style || paint ]
|
||||
test_valid_value("contain", "size");
|
||||
test_valid_value("contain", "layout");
|
||||
test_valid_value("contain", "style");
|
||||
test_valid_value("contain", "paint");
|
||||
test_valid_value("contain", "layout size", "size layout");
|
||||
test_valid_value("contain", "paint style", "style paint");
|
||||
test_valid_value("contain", "layout style paint");
|
||||
test_valid_value("contain", "layout paint style size", "size layout style paint");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Containment Test: Reference file</title>
|
||||
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
||||
<style>
|
||||
div {
|
||||
display: inline-block;
|
||||
font: 100px/1 Ahem;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
#first {
|
||||
color: blue;
|
||||
position: relative;
|
||||
top: 20px;
|
||||
}
|
||||
#second {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
<p>Test passes if there is not a rectangle as the two boxes ("blue" and "green") are not baseline aligned.</p>
|
||||
<div id="first">X</div><div id="second">X</div>
|
|
@ -18,7 +18,7 @@
|
|||
<div id=log></div>
|
||||
<div id=test></div>
|
||||
<script type="text/javascript">
|
||||
var t = async_test(document.title);
|
||||
var t = async_test();
|
||||
t.step(function () {
|
||||
assert_equals(window.getComputedStyle(document.querySelector('div#test')).display, "flex", "Display value is");
|
||||
});
|
||||
|
|
|
@ -18,7 +18,7 @@
|
|||
<div id=log></div>
|
||||
<div id=test></div>
|
||||
<script type="text/javascript">
|
||||
var t = async_test(document.title);
|
||||
var t = async_test();
|
||||
t.step(function () {
|
||||
assert_equals(window.getComputedStyle(document.querySelector('div#test')).display, "inline-flex", "Display value is");
|
||||
});
|
||||
|
|
|
@ -24,7 +24,7 @@
|
|||
<div id=log></div>
|
||||
<div id=test><div id=test01>1</div><div id=test02>2</div><div id=test03>3</div></div>
|
||||
<script type="text/javascript">
|
||||
var t = async_test(document.title);
|
||||
var t = async_test();
|
||||
t.step(function () {
|
||||
assert_equals(document.getElementById("test01").offsetTop, document.getElementById("test02").offsetTop, "Rectangle 1 and 2 have the same offsetTop value");
|
||||
assert_equals((document.getElementById("test02").offsetLeft >= document.getElementById("test01").offsetLeft), false, "Rectangle 2 have a smaller offsetLeft value than 1.");
|
||||
|
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: getComputedValue().columnCount</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-count">
|
||||
<meta name="assert" content="column-count computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("column-count", "auto");
|
||||
|
||||
test_computed_value("column-count", "1");
|
||||
test_computed_value("column-count", "234");
|
||||
test_computed_value("column-count", "calc(1 + 234)", "235");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: parsing column-count with invalid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-count">
|
||||
<meta name="assert" content="column-count supports only the grammar 'auto | <integer>'.">
|
||||
<meta name="assert" content="column-count rejects non-positive integers.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_invalid_value("column-count", "none");
|
||||
test_invalid_value("column-count", "2.5");
|
||||
test_invalid_value("column-count", "-1");
|
||||
test_invalid_value("column-count", "0");
|
||||
|
||||
test_invalid_value("column-count", "auto 1");
|
||||
test_invalid_value("column-count", "1 234");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: parsing column-count with valid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-count">
|
||||
<meta name="assert" content="column-count supports the full grammar 'auto | <integer>'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_valid_value("column-count", "auto");
|
||||
|
||||
test_valid_value("column-count", "1");
|
||||
test_valid_value("column-count", "234");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: getComputedValue().columnFill</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-fill">
|
||||
<meta name="assert" content="column-fill computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("column-fill", "auto");
|
||||
test_computed_value("column-fill", "balance");
|
||||
test_computed_value("column-fill", "balance-all");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: parsing column-fill with invalid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-fill">
|
||||
<meta name="assert" content="column-fill supports only the grammar 'auto | balance | balance-all'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_invalid_value("column-fill", "none");
|
||||
test_invalid_value("column-fill", "auto balance");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: parsing column-fill with valid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-fill">
|
||||
<meta name="assert" content="column-fill supports the full grammar 'auto | balance | balance-all'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_valid_value("column-fill", "auto");
|
||||
test_valid_value("column-fill", "balance");
|
||||
test_valid_value("column-fill", "balance-all");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: getComputedValue().columnGap</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-gap">
|
||||
<meta name="assert" content="column-gap computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<style>
|
||||
#target {
|
||||
font-size: 40px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
test_computed_value("column-gap", "normal");
|
||||
|
||||
test_computed_value("column-gap", "calc(10px + 0.5em)", "30px");
|
||||
test_computed_value("column-gap", "calc(10px - 0.5em)", "0px");
|
||||
test_computed_value("column-gap", "40%");
|
||||
test_computed_value("column-gap", "calc(50% + 60px)");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: parsing column-gap with invalid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-gap">
|
||||
<meta name="assert" content="column-gap supports only the grammar '<length-percentage> | normal'.">
|
||||
<meta name="assert" content="column-gap rejects negative <length-percentage>.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_invalid_value("column-gap", "auto");
|
||||
|
||||
test_invalid_value("column-gap", "10");
|
||||
test_invalid_value("column-gap", "10px 20px");
|
||||
test_invalid_value("column-gap", "-1px");
|
||||
test_invalid_value("column-gap", "-10%");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: parsing column-gap with valid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-gap">
|
||||
<meta name="assert" content="column-gap supports the full grammar '<length-percentage> | normal'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_valid_value("column-gap", "normal");
|
||||
|
||||
test_valid_value("column-gap", "0", "0px");
|
||||
test_valid_value("column-gap", "1px");
|
||||
test_valid_value("column-gap", "calc(2em + 3ex)");
|
||||
test_valid_value("column-gap", "4%");
|
||||
test_valid_value("column-gap", "5vmin");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: getComputedValue().columnRuleColor</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-rule-color">
|
||||
<meta name="assert" content="column-rule-color computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<style>
|
||||
#target {
|
||||
color: lime;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
test_computed_value("column-rule-color", "currentcolor", "rgb(0, 255, 0)");
|
||||
|
||||
test_computed_value("column-rule-color", "red", "rgb(255, 0, 0)");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: parsing column-rule-color with invalid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-rule-color">
|
||||
<meta name="assert" content="column-rule-color supports only the grammar '<color>'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_invalid_value("column-rule-color", "auto");
|
||||
|
||||
test_invalid_value("column-rule-color", "green blue");
|
||||
test_invalid_value("column-rule-color", "green, blue");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: parsing column-rule-color with valid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-rule-color">
|
||||
<meta name="assert" content="column-rule-color supports the full grammar '<color>'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_valid_value("column-rule-color", "currentcolor");
|
||||
|
||||
test_valid_value("column-rule-color", "red");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: parsing column-rule with invalid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-rule">
|
||||
<meta name="assert" content="column-rule supports only the grammar '<column-rule-width> || <column-rule-style> || <column-rule-color>'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_invalid_value("column-rule", "reverse");
|
||||
test_invalid_value("column-rule", "10");
|
||||
|
||||
test_invalid_value("column-rule", "red medium green");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: getComputedValue().columnRuleStyle</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-rule-style">
|
||||
<meta name="assert" content="column-rule-style computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("column-rule-style", "none");
|
||||
test_computed_value("column-rule-style", "hidden");
|
||||
test_computed_value("column-rule-style", "dotted");
|
||||
test_computed_value("column-rule-style", "dashed");
|
||||
test_computed_value("column-rule-style", "solid");
|
||||
test_computed_value("column-rule-style", "double");
|
||||
test_computed_value("column-rule-style", "groove");
|
||||
test_computed_value("column-rule-style", "ridge");
|
||||
test_computed_value("column-rule-style", "inset");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: parsing column-rule-style with invalid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-rule-style">
|
||||
<meta name="assert" content="column-rule-style supports only the <line-style> grammar 'none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
test_invalid_value("column-rule-style", "auto");
|
||||
test_invalid_value("column-rule-style", "double dashed");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue