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

Update web-platform-tests to revision b'b728032f59a396243864b0f8584e7211e3632005'

Browse source
This commit is contained in:
WPT Sync Bot 2022-11-10 01:22:36 +00:00
parent ace9b32b1c
commit df68c4e5d1
15632 changed files with 514865 additions and 155000 deletions
Download patch file Download diff file Expand all files Collapse all files

32
tests/wpt/web-platform-tests/css/css-shadow-parts/both-part-and-exportparts.html Normal file
View file

@ -0,0 +1,32 @@
<!doctype html><meta charset="utf-8">
<title>CSS Shadow Parts - ::part() rules when element has both @part and @exportparts</title>
<link rel="author" title="Delan Azabani" href="mailto:dazabani@igalia.com">
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1347634">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
::part(bar) {
color: green;
}
::part(baz) {
background: lime;
}
</style>
<div id="foo"></div>
<script>
test(function() {
const foo = document.getElementById("foo");
foo.attachShadow({ mode: "open" }).innerHTML = `<div id="outer" part="bar" exportparts="baz"></div>`;
const outer = foo.shadowRoot.getElementById("outer");
outer.attachShadow({ mode: "open" }).innerHTML = `<div id="inner" part="baz">x</div>`;
const inner = outer.shadowRoot.getElementById("inner");
// outer should still match ::part(bar) rule, despite having @exportparts
assert_equals(getComputedStyle(outer).color, "rgb(0, 128, 0)",
"outer matches ::part(bar) rule");
// inner should match ::part(baz) rule, because of @exportparts in outer
assert_equals(getComputedStyle(inner).backgroundColor, "rgb(0, 255, 0)",
"inner matches ::part(baz) rule");
}, "::part() rules match elements having both @part and @exportparts");
</script>