Index: LayoutTests/fast/dom/shadow/content-combinator.html |
diff --git a/LayoutTests/fast/dom/shadow/content-combinator.html b/LayoutTests/fast/dom/shadow/content-combinator.html |
deleted file mode 100644 |
index 7af59e185fcd10b33fb4152305f61970ccbb4c97..0000000000000000000000000000000000000000 |
--- a/LayoutTests/fast/dom/shadow/content-combinator.html |
+++ /dev/null |
@@ -1,225 +0,0 @@ |
-<!DOCTYPE html> |
-<html> |
-<head> |
-<script src="resources/shadow-dom.js"></script> |
-<script src="../../../resources/js-test.js"></script> |
-</head> |
-<body> |
- <div id="sandbox"></div> |
- <pre id="console"></pre> |
-<script> |
- |
-function colorOf(selector) |
-{ |
- return document.defaultView.getComputedStyle(document.querySelector(selector), null).getPropertyValue('color'); |
-} |
- |
-function colorOfNodeInTreeOfTrees(selector) |
-{ |
- return document.defaultView.getComputedStyle(getNodeInTreeOfTrees(selector), null).getPropertyValue('color'); |
-} |
- |
-function cleanUp() |
-{ |
- document.getElementById('sandbox').innerHTML = ''; |
-} |
- |
-var sandbox = document.getElementById('sandbox'); |
- |
-// From content-pseudo-element.html |
-sandbox.appendChild( |
- createDOM('div', {'id': 'host'}, |
- createShadowRoot( |
- createDOM('style', {}, |
- document.createTextNode('content /content/ div { color: green; }')), |
- createDOM('content')), |
- createDOM('div', {}, |
- document.createTextNode('green')))); |
- |
-shouldBe('colorOf("#host > div")', '"rgb(0, 128, 0)"'); |
- |
-cleanUp(); |
- |
-// From content-pseudo-element-used-in-selector-list.html |
-sandbox.appendChild( |
- createDOM('div', {'id': 'host'}, |
- createShadowRoot( |
- createDOM('style', {}, |
- document.createTextNode('content /content/ div, p { color: green; }')), |
- createDOM('content'), |
- createDOM('p', {'id': 'p-in-shadow'}, |
- document.createTextNode('green'))), |
- createDOM('div', {}, |
- document.createTextNode('green')), |
- createDOM('p', {'class': 'hello'}, |
- document.createTextNode('normal')))); |
- |
-shouldBe('colorOf("#host > div")', '"rgb(0, 128, 0)"'); |
-shouldBe('colorOfNodeInTreeOfTrees("host/p-in-shadow")', '"rgb(0, 128, 0)"'); |
-shouldNotBe('colorOf("#host > p")', '"rgb(0, 128, 0)"'); |
- |
-cleanUp(); |
- |
-// From content-pseudo-element-support-selector.html |
-sandbox.appendChild( |
- createDOM('div', {'id': 'host'}, |
- createShadowRoot( |
- createDOM('style', {}, |
- document.createTextNode('content /content/ div.hello div { color: green; }')), |
- createDOM('content')), |
- createDOM('div', {'class': 'hello'}, |
- document.createTextNode('normal'), |
- createDOM('div', {}, |
- document.createTextNode('green'))), |
- createDOM('div', {}, |
- document.createTextNode('normal'), |
- createDOM('div', {}, |
- document.createTextNode('normal'))))); |
- |
-shouldBe('colorOf("#host > div.hello > div")', '"rgb(0, 128, 0)"'); |
-shouldNotBe('colorOf("#host > div:not(.hello) > div")', '"rgb(0, 128, 0)"'); |
-cleanUp(); |
- |
-// From content-pseudo-element-reprojection.html |
-sandbox.appendChild( |
- createDOM('div', {'id': 'host'}, |
- createShadowRoot( |
- createDOM('div', {'id': 'host2'}, |
- createShadowRoot( |
- createDOM('style', {}, |
- document.createTextNode('content /content/ .foo { color: green; }')), |
- createDOM('content', {'select': '.foo'})), |
- createDOM('content'))), |
- createDOM('div', {'class': 'foo'}, |
- document.createTextNode('green')))); |
- |
-shouldBe('colorOf("#host > div.foo")', '"rgb(0, 128, 0)"'); |
-cleanUp(); |
- |
-// From content-pseudo-element-match-all.html |
-sandbox.appendChild( |
- createDOM('div', {'id': 'host'}, |
- createShadowRoot( |
- createDOM('style', {}, |
- document.createTextNode('content /content/ .hello { color: green; }')), |
- createDOM('content')), |
- createDOM('div', {'class': 'hello', 'id': 'first-child'}, |
- document.createTextNode('green')), |
- createDOM('div', {'class': 'hello', 'id': 'last-child'}, |
- document.createTextNode('green')))); |
- |
-shouldBe('colorOf("#host > div.hello#first-child")', '"rgb(0, 128, 0)"'); |
-shouldBe('colorOf("#host > div.hello#last-child")', '"rgb(0, 128, 0)"'); |
- |
-cleanUp(); |
- |
-// From content-pseudo-element-match-descendant.html |
-sandbox.appendChild( |
- createDOM('div', {'id': 'host'}, |
- createShadowRoot( |
- createDOM('style', |
- document.createTextNode('content /content/ div { color: red; }')), |
- createDOM('content')), |
- createDOM('p', {}, |
- createDOM('div', {}, |
- document.createTextNode('not red'))))); |
- |
-shouldNotBe('colorOf("#host > p > div")', '"rgb(255, 0, 0)"'); |
-cleanUp(); |
- |
-// From content-pseudo-element-for-shadow-element.html |
-sandbox.appendChild( |
- createDOM('div', {'id': 'host'}, |
- createShadowRoot( |
- createDOM('div', {'id': 'target'}, |
- document.createTextNode('green'))), |
- createShadowRoot( |
- createDOM('style', {}, |
- document.createTextNode('shadow /content/ div { color: green; }')), |
- createDOM('shadow')))); |
- |
-shouldBe('colorOfNodeInTreeOfTrees("host/target")', '"rgb(0, 128, 0)"'); |
-cleanUp(); |
- |
-// From content-pseudo-element-with-any.html |
-sandbox.appendChild( |
- createDOM('div', {'id': 'host'}, |
- createShadowRoot( |
- createDOM('style', {}, |
- document.createTextNode('* /content/ div { color: green; }')), |
- createDOM('div', {'id': 'div-in-shadow'}, |
- document.createTextNode('normal')), |
- createDOM('content')), |
- createDOM('div', {}, |
- document.createTextNode('green')))); |
- |
-shouldBe('colorOf("#host > div")', '"rgb(0, 128, 0)"'); |
-shouldNotBe('colorOfNodeInTreeOfTrees("host/div-in-shadow")', '"rgb(0, 128, 0)"'); |
-cleanUp(); |
- |
-sandbox.appendChild( |
- createDOM('div', {'id': 'host'}, |
- createShadowRoot( |
- createDOM('style', {}, |
- document.createTextNode('content /content/ * { color: green; }')), |
- createDOM('div', {'id': 'div-in-shadow'}, |
- document.createTextNode('normal')), |
- createDOM('content')), |
- createDOM('div', {}, |
- document.createTextNode('green')))); |
- |
-shouldBe('colorOf("#host > div")', '"rgb(0, 128, 0)"'); |
-shouldNotBe('colorOfNodeInTreeOfTrees("host/div-in-shadow")', '"rgb(0, 128, 0)"'); |
-cleanUp(); |
- |
-sandbox.appendChild( |
- createDOM('div', {'id': 'host'}, |
- createShadowRoot( |
- createDOM('style', {}, |
- document.createTextNode('* /content/ * { color: green; }')), |
- createDOM('div', {'id': 'div-in-shadow'}, |
- document.createTextNode('normal')), |
- createDOM('content')), |
- createDOM('div', {}, |
- document.createTextNode('green')))); |
- |
-shouldBe('colorOf("#host > div")', '"rgb(0, 128, 0)"'); |
-shouldNotBe('colorOfNodeInTreeOfTrees("host/div-in-shadow")', '"rgb(0, 128, 0)"'); |
-cleanUp(); |
- |
-// from content-pseudo-element-overriden-2.html / crbug.com/274059 |
-// Compare rules from a style in a shadow tree with ::content in a different shadow tree.'); |
-sandbox.appendChild( |
- createDOM('div', {'id': 'host'}, |
- createShadowRoot( |
- createDOM('style', {}, |
- document.createTextNode('content /content/ * { color: green; }')), |
- createDOM('content', {})), |
- createDOM('div', {'id': 'hostChild', 'class': 'contentClass'}, |
- createShadowRoot( |
- createDOM('style', {}, |
- document.createTextNode(':host { color: red; }')), |
- createDOM('span', {}, |
- document.createTextNode('Hello')))))); |
-shouldBe('colorOfNodeInTreeOfTrees("hostChild")', '"rgb(0, 128, 0)"'); |
-cleanUp(); |
- |
-// from content-pseudo-element-overriden.html |
-// crbug.com/274059. |
-// Should be able to override ::content styles in shadow root style sheet from the document. |
-sandbox.appendChild( |
- createDOM('div', {}, |
- createDOM('style', {}, |
- document.createTextNode('.contentClass { color: green; }')), |
- createDOM('div', {'id': 'host', 'class': 'hostClass'}, |
- createShadowRoot( |
- createDOM('style', {}, |
- document.createTextNode('content /content/ * { color: red; }')), |
- createDOM('content')), |
- createDOM('div', {'class': 'contentClass'}, |
- document.createTextNode('content'))))); |
-shouldBe('colorOf(".contentClass")', '"rgb(0, 128, 0)"'); |
-cleanUp(); |
-</script> |
-</body> |
-</html> |