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

Update web-platform-tests to revision b'2d7c53f5bc604132d2c83955537e454ee9c788c0'

Browse source
This commit is contained in:
WPT Sync Bot 2023-01-18 01:45:07 +00:00
parent 619a46113f
commit 1c6b303ef2
396 changed files with 29611 additions and 1967 deletions
Download patch file Download diff file Expand all files Collapse all files

4
tests/wpt/web-platform-tests/css/css-cascade/resources/scope.css Normal file
View file

@ -0,0 +1,4 @@
@scope {
:scope { z-index:1; }
.a { z-index:2; }
}

30
tests/wpt/web-platform-tests/css/css-cascade/scope-implicit-external.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<title>@scope - implicit scope root (external sheet)</title>
<link rel="help" href="https://drafts.csswg.org/css-cascade-6/#scope-atrule">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<div class="a outside"><div>
<div id=root>
<link rel="stylesheet" href="resources/scope.css">
<div class=a></div>
</div>
<div class="a outside"><div>
<script>
test((t) => {
assert_equals(getComputedStyle(root).zIndex, '1');
assert_equals(getComputedStyle(document.querySelector('#root > .a')).zIndex, '2');
let outside = document.querySelectorAll('.outside');
assert_equals(outside.length, 2);
for (let div of outside) {
assert_equals(getComputedStyle(div).zIndex, 'auto');
}
}, '@scope with external stylesheet');
</script>
</body>
</html>

91
tests/wpt/web-platform-tests/css/css-cascade/scope-implicit.html Normal file
View file

@ -0,0 +1,91 @@
<!DOCTYPE html>
<title>@scope - implicit scope root</title>
<link rel="help" href="https://drafts.csswg.org/css-cascade-6/#scope-atrule">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<main id=main></main>
<template id=test_basic>
<div>
<style>
@scope {
.a { z-index:1; }
}
</style>
<div id=inner class=a></div>
</div>
<div id=outer class=a></div>
</template>
<script>
test((t) => {
t.add_cleanup(() => main.replaceChildren());
main.append(test_basic.content.cloneNode(true));
assert_equals(getComputedStyle(inner).zIndex, '1');
assert_equals(getComputedStyle(outer).zIndex, 'auto');
}, '@scope without prelude implicitly scopes to parent of owner node');
</script>
<template id=test_scope_pseudo>
<div>
<div></div>
</div>
<div>
<div id=root>
<style>
@scope {
:scope { z-index:1; }
}
</style>
<div>
<div></div>
</div>
</div>
</div>
<div>
<div></div>
</div>
</template>
<script>
test((t) => {
t.add_cleanup(() => main.replaceChildren());
main.append(test_scope_pseudo.content.cloneNode(true));
assert_equals(getComputedStyle(root).zIndex, '1');
// Only #root should be affected.
for (let div of main.querySelectorAll('div:not(#root)')) {
assert_equals(getComputedStyle(div).zIndex, 'auto');
}
}, ':scope can style implicit root');
</script>
<template id=test_duplicate>
<div>
<style>
@scope {
.a { z-index:1; }
}
</style>
<div id=first class=a></div>
</div>
<div>
<style>
@scope {
.a { z-index:1; }
}
</style>
<div id=second class=a></div>
</div>
<div id=outer class=a></div>
</template>
<script>
test((t) => {
t.add_cleanup(() => main.replaceChildren());
main.append(test_duplicate.content.cloneNode(true));
assert_equals(getComputedStyle(first).zIndex, '1');
assert_equals(getComputedStyle(second).zIndex, '1');
assert_equals(getComputedStyle(outer).zIndex, 'auto');
}, '@scope works with two identical stylesheets');
</script>