LayoutTests/fast/dom/shadow/content-pseudo-element-with-hat.html - Issue 187353003: Implement /content/ combinator.

Unified Diff: LayoutTests/fast/dom/shadow/content-pseudo-element-with-hat.html

Issue 187353003: Implement /content/ combinator. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Patch for landing Created 6 years, 9 months 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/content-pseudo-element-with-cat-expected.txt ('k') | LayoutTests/fast/dom/shadow/content-pseudo-element-with-hat-expected.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/dom/shadow/content-pseudo-element-with-hat.html

diff --git a/LayoutTests/fast/dom/shadow/content-pseudo-element-with-hat.html b/LayoutTests/fast/dom/shadow/content-pseudo-element-with-hat.html

deleted file mode 100644

index 052d1bfb67e81c04fa8d59eeeb96c6bc68512aa1..0000000000000000000000000000000000000000

--- a/LayoutTests/fast/dom/shadow/content-pseudo-element-with-hat.html

+++ /dev/null

@@ -1,100 +0,0 @@

-<!doctype html>

-<html>

-<head>

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

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

-</head>

-<body class="bodyClass">

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

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

-</body>

-<script>

-description("Test for ::content with /shadow-all/ and :host.");

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

-function cleanUp()

- sandbox.innerHTML = '';

-sandbox.appendChild(

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

- createShadowRoot(

- createDOM('style', {},

- document.createTextNode(

- ':host(#host1) /shadow-all/ #content1::content > .content { color: green; }')),

- createDOM('div', {},

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

- createShadowRoot(

- createDOM('content', {'id': 'content2'})),

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

- createDOM('content', {'id': 'content1'}))))),

- createDOM('div', {'class': 'content'},

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

-shouldBe('window.getComputedStyle(document.querySelector("#host1 > .content")).color', '"rgb(0, 128, 0)"');

-cleanUp();

-sandbox.appendChild(

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

- createShadowRoot(

- createDOM('style', {},

- document.createTextNode(

- '#host2 /shadow-all/ #content2::content > #parentOfContent1 > #content1::content > .content { color: green; }')),

- createDOM('div', {},

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

- createShadowRoot(

- createDOM('content', {'id': 'content2'})),

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

- createDOM('content', {'id': 'content1'}))))),

- createDOM('div', {'class': 'content'},

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

-shouldBe('window.getComputedStyle(document.querySelector("#host1 > .content")).color', '"rgb(0, 128, 0)"');

-cleanUp();

-sandbox.appendChild(

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

- createShadowRoot(

- createDOM('style', {},

- document.createTextNode(

- ':host /shadow-all/ #content2::content > #shadow1::content > #content1::content > .content { color: red; }')),

- createDOM('content', {'id': 'content1'})),

- createShadowRoot(

- createDOM('div', {},

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

- createShadowRoot(

- createDOM('content', {'id': 'content2'})),

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

- createDOM('shadow', {'id': 'shadow1'}))))),

- createDOM('div', {'class': 'content'},

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

-shouldNotBe('window.getComputedStyle(document.querySelector("#host1 > .content")).color', '"rgb(255, 0, 0)"');

-cleanUp();

-sandbox.appendChild(

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

- createShadowRoot(

- createDOM('style', {},

- document.createTextNode(

- ':host /shadow-all/ #content2::content > #parentOfContent1 > #content1::content > .content { color: red; }')),

- createDOM('div', {},

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

- createShadowRoot(

- createDOM('content', {'id': 'content2'})),

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

- createDOM('content', {'id': 'content1'}))))),

- createDOM('div', {'class': 'content'},

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

-shouldNotBe('window.getComputedStyle(document.querySelector("#host1 > .content")).color', '"rgb(255, 0, 0)"');

-cleanUp();

-</script>

-</html>