Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(907)

Unified Diff: third_party/WebKit/LayoutTests/shadow-dom/closed-mode-deep-combinator-and-shadow-pseudo.html

Issue 2074393002: Clean up shadow-dom layout tests so that they are well organized (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 6 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
Download patch
Index: third_party/WebKit/LayoutTests/shadow-dom/closed-mode-deep-combinator-and-shadow-pseudo.html
diff --git a/third_party/WebKit/LayoutTests/shadow-dom/closed-mode-deep-combinator-and-shadow-pseudo.html b/third_party/WebKit/LayoutTests/shadow-dom/closed-mode-deep-combinator-and-shadow-pseudo.html
deleted file mode 100644
index 7e71aa875d5649b779a4771395c4b7ec5f8c74c0..0000000000000000000000000000000000000000
--- a/third_party/WebKit/LayoutTests/shadow-dom/closed-mode-deep-combinator-and-shadow-pseudo.html
+++ /dev/null
@@ -1,154 +0,0 @@
-<!doctype html>
-<script src="../resources/js-test.js"></script>
-<script src="../fast/dom/shadow/resources/shadow-dom.js"></script>
-<style id="style1">
-</style>
-<body></body>
-<script>
-function prepareShadowTree(hostId, mode1, mode2, div1, div2, div3) {
- var parent = document.body;
- parent.appendChild(
- createDOM('div', {'id': hostId},
- attachShadow({'mode': mode1},
- createDOM('div', {'id': div1},
- attachShadow({'mode': mode2},
- createDOM('div', {'id': div2})),
- createDOM('div', {'id': div3})))));
-}
-
-var results;
-var expected;
-var node;
-function queryResultsShouldBe(host, query, expectedArgument) {
- results = host.querySelectorAll(query);
- expected = expectedArgument;
- shouldBe('results.length', '' + expected.length);
- for (var i = 0; i < expected.length; ++i) {
- node = results[i];
- shouldBeEqualToString.bind(this)('node.id', expected[i]);
- }
-}
-
-prepareShadowTree('host_open_open', 'open', 'open', 'div1', 'div2', 'div1b');
-prepareShadowTree('host_open_closed', 'open', 'closed', 'div3', 'div4', 'div3b');
-prepareShadowTree('host_closed_open', 'closed', 'open', 'div5', 'div6', 'div5b');
-prepareShadowTree('host_closed_closed', 'closed', 'closed', 'div7', 'div8', 'div7b');
-
-debug('(1/6) /deep/ style rule on top-level document.');
-var styleElement = document.getElementById('style1');
-styleElement.textContent = 'div /deep/ div { background-color: blue; }';
-
-backgroundColorShouldBe('host_open_open', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_open/div1', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_open/div1/div2', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_open/div1b', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_closed', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_closed/div3', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_closed/div3/div4', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_closed/div3b', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_open', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_open/div5', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_open/div5/div6', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_open/div5b', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_closed', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_closed/div7', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_closed/div7/div8', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_closed/div7b', 'rgba(0, 0, 0, 0)');
-
-debug('(2/6) ::shadow style rule on top-level document.');
-styleElement.innerHTML = 'div::shadow div { background-color: green; }';
-
-backgroundColorShouldBe('host_open_open', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_open/div1', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_open/div1/div2', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_open/div1b', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_closed', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_closed/div3', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_closed/div3/div4', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_closed/div3b', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_open', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_open/div5', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_open/div5/div6', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_open/div5b', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_closed', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_closed/div7', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_closed/div7/div8', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_closed/div7b', 'rgba(0, 0, 0, 0)');
-
-debug('(3/6) /deep/ style on shadow tree.');
-styleElement.innerHTML = '';
-var div1 = getNodeInComposedTree('host_open_open/div1');
-div1.insertAdjacentHTML('afterbegin', '<style>div /deep/ div { background-color: blue; }</style>');
-backgroundColorShouldBe('host_open_open/div1', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_open/div1/div2', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_open/div1b', 'rgb(0, 0, 255)');
-div1.removeChild(div1.firstElementChild);
-
-var div3 = getNodeInComposedTree('host_open_closed/div3');
-div3.insertAdjacentHTML('afterbegin', '<style>div /deep/ div { background-color: blue; }</style>');
-backgroundColorShouldBe('host_open_closed/div3', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_closed/div3/div4', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_closed/div3b', 'rgb(0, 0, 255)');
-div3.removeChild(div3.firstElementChild);
-
-var div5 = getNodeInComposedTree('host_closed_open/div5');
-div5.insertAdjacentHTML('afterbegin', '<style>div /deep/ div { background-color: blue; }</style>');
-backgroundColorShouldBe('host_closed_open/div5', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_open/div5/div6', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_open/div5b', 'rgb(0, 0, 255)');
-div5.removeChild(div5.firstElementChild);
-
-var div7 = getNodeInComposedTree('host_closed_closed/div7');
-div7.insertAdjacentHTML('afterbegin', '<style>div /deep/ div { background-color: blue; }</style>');
-backgroundColorShouldBe('host_closed_closed/div7', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_closed/div7/div8', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_closed/div7b', 'rgb(0, 0, 255)');
-div7.removeChild(div7.firstElementChild);
-
-debug('(4/6) ::shadow style on shadow tree.');
-div1.insertAdjacentHTML('afterbegin', '<style>div::shadow div { background-color: green; }</style>');
-backgroundColorShouldBe('host_open_open/div1', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_open/div1/div2', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_open/div1b', 'rgba(0, 0, 0, 0)');
-div1.removeChild(div1.firstElementChild);
-
-div3.insertAdjacentHTML('afterbegin', '<style>div::shadow div { background-color: green; }</style>');
-backgroundColorShouldBe('host_open_closed/div3', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_closed/div3/div4', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_open_closed/div3b', 'rgba(0, 0, 0, 0)');
-div3.removeChild(div3.firstElementChild);
-
-div5.insertAdjacentHTML('afterbegin', '<style>div::shadow div { background-color: green; }</style>');
-backgroundColorShouldBe('host_closed_open/div5', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_open/div5/div6', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_open/div5b', 'rgba(0, 0, 0, 0)');
-div5.removeChild(div5.firstElementChild);
-
-div7.insertAdjacentHTML('afterbegin', '<style>div::shadow div { background-color: green; }</style>');
-backgroundColorShouldBe('host_closed_closed/div7', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_closed/div7/div8', 'rgba(0, 0, 0, 0)');
-backgroundColorShouldBe('host_closed_closed/div7b', 'rgba(0, 0, 0, 0)');
-div7.removeChild(div7.firstElementChild);
-
-debug('(5/6) /deep/ selector in querySelectorAll()');
-shouldBe('host_open_open.querySelectorAll("div /deep/ div").length', '0');
-shouldBe('host_open_closed.querySelectorAll("div /deep/ div").length', '0');
-shouldBe('host_closed_open.querySelectorAll("div /deep/ div").length', '0');
-shouldBe('host_closed_closed.querySelectorAll("div /deep/ div").length', '0');
-
-queryResultsShouldBe(div1, 'div /deep/ div', ['div1b']);
-queryResultsShouldBe(div3, 'div /deep/ div', ['div3b']);
-queryResultsShouldBe(div5, 'div /deep/ div', ['div5b']);
-queryResultsShouldBe(div7, 'div /deep/ div', ['div7b']);
-
-debug('(6/6) ::shadow selector in querySelectorAll()');
-shouldBe('host_open_open.querySelectorAll("div::shadow div").length', '0');
-shouldBe('host_open_closed.querySelectorAll("div::shadow div").length', '0');
-shouldBe('host_closed_open.querySelectorAll("div::shadow div").length', '0');
-shouldBe('host_closed_closed.querySelectorAll("div::shadow div").length', '0');
-
-shouldBe('div1.querySelectorAll("div::shadow div").length', '0');
-shouldBe('div3.querySelectorAll("div::shadow div").length', '0');
-shouldBe('div5.querySelectorAll("div::shadow div").length', '0');
-shouldBe('div7.querySelectorAll("div::shadow div").length', '0');
-</script>

Powered by Google App Engine
This is Rietveld 408576698