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

Update web-platform-tests to revision 5d33b4da92080b7658168bdb0fbdc3531bda1ddf

Browse source
This commit is contained in:
WPT Sync Bot 2020-03-10 08:19:03 +00:00
parent 7010178691
commit 5b46b73c1b
139 changed files with 2001 additions and 261 deletions
Download patch file Download diff file Expand all files Collapse all files

76
tests/wpt/web-platform-tests/css/css-shadow-parts/exportparts-multiple.html Normal file
View file

@ -0,0 +1,76 @@
<!doctype html>
<title>CSS Shadow Parts - Exporting multiple shadow parts</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
<link rel="author" href="https://mozilla.org" title="Mozilla">
<link rel="help" href="https://drafts.csswg.org/css-shadow-parts/">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1618509">
<style>
::part(inner-part) {
color: red;
background: blue;
width: 100px;
height: 100px;
}
::part(inner-part-alias) {
color: green;
}
.change-1::part(inner-part) {
background: green;
}
.change-2::part(inner-part-alias) {
color: blue;
}
</style>
<div id="outer"></div>
<script>
test(function() {
let outer = document.getElementById("outer");
outer.attachShadow({ mode: "open" }).innerHTML = `
<div exportparts="inner-part, inner-part: inner-part-alias"></div>
`;
let inner = outer.shadowRoot.querySelector("div");
inner.attachShadow({ mode: "open" }).innerHTML = `
<div part="inner-part"></div>
`;
let innerPart = inner.shadowRoot.querySelector("div");
assert_equals(
getComputedStyle(innerPart).color,
"rgb(0, 128, 0)",
"color should be green from ::part(inner-part-alias) rule"
);
assert_equals(
getComputedStyle(innerPart).backgroundColor,
"rgb(0, 0, 255)",
"background should be blue from ::part(inner-part) rule"
);
outer.classList.add("change-1");
assert_equals(
getComputedStyle(innerPart).color,
"rgb(0, 128, 0)",
"color should be green from ::part(inner-part-alias) rule"
);
assert_equals(
getComputedStyle(innerPart).backgroundColor,
"rgb(0, 128, 0)",
"background should be green from .change-1::part(inner-part) rule"
);
outer.classList.add("change-2");
assert_equals(
getComputedStyle(innerPart).color,
"rgb(0, 0, 255)",
"color should be blue from .change-2::part(inner-part-alias) rule"
);
assert_equals(
getComputedStyle(innerPart).backgroundColor,
"rgb(0, 128, 0)",
"background should be green from .change-1::part(inner-part) rule"
);
}, "Forwarding part under multiple names should work");
</script>