LayoutTests/fast/dom/shadow/part-override-style-in-shadow-tree.html - Issue 82863002: Remove ::part.

Unified Diff: LayoutTests/fast/dom/shadow/part-override-style-in-shadow-tree.html

Issue 82863002: Remove ::part. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 7 years, 1 month ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

« no previous file with comments | « LayoutTests/fast/dom/shadow/custom-pseudo-in-selector-api-expected.txt ('k') | LayoutTests/fast/dom/shadow/part-override-style-in-shadow-tree-expected.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/dom/shadow/part-override-style-in-shadow-tree.html

diff --git a/LayoutTests/fast/dom/shadow/part-override-style-in-shadow-tree.html b/LayoutTests/fast/dom/shadow/part-override-style-in-shadow-tree.html

deleted file mode 100644

index 355649c081dd9c108f694cbd01ce796188a98716..0000000000000000000000000000000000000000

--- a/LayoutTests/fast/dom/shadow/part-override-style-in-shadow-tree.html

+++ /dev/null

@@ -1,102 +0,0 @@

-<!doctype html>

-<html>

-<head>

-<script src="resources/shadow-dom.js"></script>

-<script src="../../../resources/js-test.js"></script>

-<style>

-#host::part(x-part) {

- color: green;

-</style>

-</head>

-<body>

-<div id='sandbox'></div>

-<pre id='console'></pre>

-<script>

-description('Test for crbug.com/273138. ::part declared in document (or parent treescope) can override styles with lower specificity declared in a shadow tree.');

-var sandbox = document.getElementById('sandbox');

-sandbox.appendChild(

- createDOM('div', {'id': 'host'},

- createShadowRoot(

- createDOM('style', {},

- document.createTextNode('div { color: red; }')),

- createDOM('div', {'id': 'target', 'part': 'x-part'},

- document.createTextNode('Hello')))));

-shouldBe('window.getComputedStyle(getNodeInTreeOfTrees("host/target")).color', '"rgb(0, 128, 0)"');

-sandbox.innerHTML = '';

-sandbox.appendChild(

- createDOM('div', {'id': 'host'},

- createShadowRoot(

- createDOM('style', {},

- document.createTextNode('#target.targetClass { color: red; }')),

- createDOM('div', {'id': 'target', 'part': 'x-part', 'class': 'targetClass'},

- document.createTextNode('Hello')))));

-shouldBe('window.getComputedStyle(getNodeInTreeOfTrees("host/target")).color', '"rgb(0, 128, 0)"');

-sandbox.innerHTML = '';

-sandbox.appendChild(

- createDOM('div', {'id': 'host1'},

- createShadowRoot(

- createDOM('div', {'id': 'host'},

- createShadowRoot({'applyAuthorStyles': 'true'},

- createDOM('style', {},

- document.createTextNode('div { color: red; }')),

- createDOM('div', {'id': 'target', 'part': 'x-part'},

- document.createTextNode('Hello')))))));

-shouldBe('window.getComputedStyle(getNodeInTreeOfTrees("host1/host/target")).color', '"rgb(0, 128, 0)"');

-sandbox.innerHTML = '';

-sandbox.appendChild(

- createDOM('div', {'id': 'host1'},

- createShadowRoot(

- createDOM('style', {},

- document.createTextNode('#host::part(x-part) { color: blue; }')),

- createDOM('div', {'id': 'host'},

- createShadowRoot(

- createDOM('style', {},

- document.createTextNode('div { color: red; }')),

- createDOM('div', {'id': 'target', 'part': 'x-part'},

- document.createTextNode('Hello')))))));

-shouldBe('window.getComputedStyle(getNodeInTreeOfTrees("host1/host/target")).color', '"rgb(0, 0, 255)"');

-sandbox.innerHTML = '';

-sandbox.appendChild(

- createDOM('div', {'id': 'host1'},

- createShadowRoot(

- createDOM('style', {},

- document.createTextNode('div::part(x-part) { color: blue; }')),

- createDOM('div', {'id': 'host'},

- createShadowRoot({'applyAuthorStyles': 'true'},

- createDOM('style', {},

- document.createTextNode('div { color: red; }')),

- createDOM('div', {'id': 'target', 'part': 'x-part'},

- document.createTextNode('Hello')))))));

-shouldBe('window.getComputedStyle(getNodeInTreeOfTrees("host1/host/target")).color', '"rgb(0, 128, 0)"');

-sandbox.innerHTML = '';

-sandbox.appendChild(

- createDOM('div', {'id': 'host1'},

- createShadowRoot(

- createDOM('style', {},

- document.createTextNode('#host::part(x-part) { color: blue; }')),

- createDOM('div', {'id': 'host'},

- createShadowRoot({'applyAuthorStyles': 'true'},

- createDOM('style', {},

- document.createTextNode('div { color: red; }')),

- createDOM('div', {'id': 'target', 'part': 'x-part'},

- document.createTextNode('Hello')))))));

-shouldBe('window.getComputedStyle(getNodeInTreeOfTrees("host1/host/target")).color', '"rgb(0, 0, 255)"');

-sandbox.innerHTML = '';

-</script>

-</body>

-</html>