mirror of
https://github.com/servo/servo.git
synced 2025-08-09 15:35:34 +01:00
Update web-platform-tests to revision 70df598b894bfa4a7122720608a3110cb25ceb42
This commit is contained in:
parent
7f495fdd61
commit
4334a9c855
111 changed files with 3428 additions and 315 deletions
|
@ -228,6 +228,41 @@ promise_test(() => {
|
|||
});
|
||||
}, 'Re-attaching shadow host with adopted stylesheets work');
|
||||
|
||||
test(() => {
|
||||
const sheet = new CSSStyleSheet();
|
||||
sheet.replaceSync(":host { color: red; }");
|
||||
const host = document.createElement("div");
|
||||
let sr = host.attachShadow({mode: "open"});
|
||||
sr.adoptedStyleSheets = [sheet];
|
||||
document.body.appendChild(host);
|
||||
assert_equals(getComputedStyle(host).color, "rgb(255, 0, 0)", "Style applies when connected");
|
||||
sheet.replaceSync(":host { color: blue; }");
|
||||
assert_equals(getComputedStyle(host).color, "rgb(0, 0, 255)", "Style update applies when connected");
|
||||
}, 'Attaching a shadow root that already has adopted stylesheets work');
|
||||
|
||||
test(() => {
|
||||
|
||||
const sheet = new CSSStyleSheet();
|
||||
sheet.replaceSync(":host([red]) { color: red; } :host(.blue) { color: blue; }");
|
||||
const host = document.createElement("div");
|
||||
host.toggleAttribute("red");
|
||||
document.body.appendChild(host);
|
||||
assert_equals(getComputedStyle(host).color, "rgb(0, 0, 0)", "No style applies yet");
|
||||
|
||||
let sr = host.attachShadow({mode: "open"});
|
||||
sr.adoptedStyleSheets = [sheet];
|
||||
|
||||
assert_equals(getComputedStyle(host).color, "rgb(255, 0, 0)", "Style applies after adding style");
|
||||
document.body.removeChild(host);
|
||||
document.body.appendChild(host);
|
||||
assert_equals(getComputedStyle(host).color, "rgb(255, 0, 0)", "Style applies after reattachment");
|
||||
host.toggleAttribute("red");
|
||||
assert_equals(getComputedStyle(host).color, "rgb(0, 0, 0)", "Attribute updates to the element after reattachment apply");
|
||||
host.classList.toggle("blue");
|
||||
assert_equals(getComputedStyle(host).color, "rgb(0, 0, 255)", "Class updates to the element after reattachment apply");
|
||||
|
||||
}, "Re-attaching shadow host and updating attributes work");
|
||||
|
||||
promise_test(() => {
|
||||
const plainSheet = new CSSStyleSheet();
|
||||
const redStyleSheetPromise = plainSheet.replace(redStyleTexts[0]);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue