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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: LayoutTests/fast/dom/shadow/style-with-hat.html

Issue 210713002: Implement ::shadow pseudo element and replace /shadow/ with ::shadow. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Fixed patch conflict 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
Download patch
« LayoutTests/fast/css/invalidation/targeted-class-shadow-combinator-expected.txt ('K') | « LayoutTests/fast/dom/shadow/querySelector-with-shadow-all-and-shadow-deep-expected.txt ('k') | LayoutTests/fast/dom/shadow/style-with-hat-expected.txt » ('j') | Source/core/css/CSSParserValues.h » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: LayoutTests/fast/dom/shadow/style-with-hat.html
diff --git a/LayoutTests/fast/dom/shadow/style-with-hat.html b/LayoutTests/fast/dom/shadow/style-with-hat.html
index d921da2858a324001e41f112926783a06101913c..d07b1cd318a1f6325c56b84408e420f7807a4b5e 100644
--- a/LayoutTests/fast/dom/shadow/style-with-hat.html
+++ b/LayoutTests/fast/dom/shadow/style-with-hat.html
@@ -35,14 +35,14 @@ function cleanUp()
document.getElementById('sandbox').innerHTML = '';
}
-description('Test for /shadow/ combinator, http://crbug.com/309504.');
+description('Test for ::shadow, http://crbug.com/309504.');
var sandbox = document.getElementById('sandbox');
sandbox.appendChild(
createDOM('div', {},
createDOM('style', {},
- document.createTextNode('div /shadow/ span { border: 1px solid green; }')),
+ document.createTextNode('div::shadow span { border: 1px solid green; }')),
createDOM('div', {'id': 'host'},
createShadowRoot(
createDOM('span', {'id': 'target'},
@@ -56,7 +56,7 @@ cleanUp();
sandbox.appendChild(
createDOM('div', {},
createDOM('style', {},
- document.createTextNode('div /shadow/ span { border: 1px solid green; }')),
+ document.createTextNode('div::shadow span { border: 1px solid green; }')),
createDOM('div', {'id': 'host'},
createShadowRoot(
createDOM('style', {},
@@ -71,7 +71,7 @@ cleanUp();
sandbox.appendChild(
createDOM('div', {},
createDOM('style', {},
- document.createTextNode('div /shadow/ span { border: 1px solid green; }')),
+ document.createTextNode('div::shadow span { border: 1px solid green; }')),
createDOM('div', {'id': 'host'},
createShadowRoot(
createDOM('style', {},
@@ -87,7 +87,7 @@ cleanUp();
sandbox.appendChild(
createDOM('div', {},
createDOM('style', {},
- document.createTextNode('div#sandbox > div > div /shadow/ span { border: 1px solid green; }')),
+ document.createTextNode('div#sandbox > div > div::shadow span { border: 1px solid green; }')),
createDOM('div', {'id': 'host'},
createShadowRoot(
createDOM('span', {'id': 'target'},
@@ -100,7 +100,7 @@ cleanUp();
sandbox.appendChild(
createDOM('div', {},
createDOM('style', {},
- document.createTextNode('div /shadow/ span { border: 1px solid green; }')),
+ document.createTextNode('div::shadow span { border: 1px solid green; }')),
createDOM('div', {'id': 'host'},
createShadowRoot(
createDOM('style', {},
@@ -116,7 +116,7 @@ cleanUp();
sandbox.appendChild(
createDOM('div', {},
createDOM('style', {},
- document.createTextNode('div /shadow/ span { border: 1px solid green; }')),
+ document.createTextNode('div::shadow span { border: 1px solid green; }')),
createDOM('div', {'id': 'host'},
createShadowRoot(
createDOM('style', {},
@@ -124,7 +124,7 @@ sandbox.appendChild(
createDOM('span', {'id': 'target'},
document.createTextNode('red border because of specificity.'))))));
-// Since :host's specificity is the same as *, div /shadow/ span wins.
+// Since :host's specificity is the same as *, div::shadow span wins.
borderColorShouldBe('host/target', 'rgb(0, 128, 0)');
cleanUp();
@@ -133,7 +133,7 @@ sandbox.appendChild(
createDOM('div', {'id': 'host'},
createShadowRoot(
createDOM('style', {},
- document.createTextNode(':host /shadow/ span { border: 1px solid green; }')),
+ document.createTextNode(':host::shadow span { border: 1px solid green; }')),
createDOM('span', {},
document.createTextNode('some text'))),
createShadowRoot(
@@ -145,12 +145,12 @@ borderColorShouldBe('host//target', 'rgb(0, 128, 0)');
cleanUp();
-// div /shadow/ span's div cannot match a shadow host whose shadow tree contains the style.
+// div::shadow span's div cannot match a shadow host whose shadow tree contains the style.
sandbox.appendChild(
createDOM('div', {'id': 'host'},
createShadowRoot(
createDOM('style', {},
- document.createTextNode('div /shadow/ span { border: 1px solid green; }')),
+ document.createTextNode('div::shadow span { border: 1px solid green; }')),
createDOM('span', {},
document.createTextNode('some text'))),
createShadowRoot(
@@ -163,12 +163,12 @@ borderColorShouldBe('host//target', 'rgb(0, 0, 0)');
cleanUp();
-// div /shadow/ span can match [div -- sr -- span] in its sibling shadow tree.
+// div::shadow span can match [div -- sr -- span] in its sibling shadow tree.
sandbox.appendChild(
createDOM('div', {'id': 'host'},
createShadowRoot(
createDOM('style', {},
- document.createTextNode('div /shadow/ span { border: 1px solid green; }')),
+ document.createTextNode('div::shadow span { border: 1px solid green; }')),
createDOM('span', {},
document.createTextNode('some text'))),
createShadowRoot(
@@ -182,12 +182,12 @@ borderColorShouldBe('host//host2/target', 'rgb(0, 128, 0)');
cleanUp();
-// :host div /shadow/ div should match.
+// :host div::shadow div should match.
sandbox.appendChild(
createDOM('div', {'id': 'host'},
createShadowRoot(
createDOM('style', {},
- document.createTextNode(':host div /shadow/ div { border: 1px solid green; }')),
+ document.createTextNode(':host div::shadow div { border: 1px solid green; }')),
createDOM('div', {'id': 'host2'},
createShadowRoot(
createDOM('div', {'id': 'target'},
@@ -202,7 +202,7 @@ sandbox.appendChild(
createDOM('div', {'id': 'host'},
createShadowRoot(
createDOM('style', {},
- document.createTextNode('div:host /shadow/ span { border: 1px solid green; }')),
+ document.createTextNode('div:host::shadow span { border: 1px solid green; }')),
createDOM('span', {'id': 'target'},
document.createTextNode('no border, because div:host matches nothing.')))));
@@ -210,13 +210,13 @@ borderColorShouldBe('host/target', 'rgb(0, 0, 0)');
cleanUp();
-// div (=shadow host) div /shadow/ div should not match.
+// div (=shadow host) div::shadow div should not match.
sandbox.appendChild(
createDOM('div', {'id': 'host'},
createShadowRoot(
createDOM('style', {},
- document.createTextNode('div > div /shadow/ div { border: 1px solid green; }')),
+ document.createTextNode('div > div::shadow div { border: 1px solid green; }')),
createDOM('div', {'id': 'host2'},
createShadowRoot(
createDOM('div', {'id': 'target'},
@@ -226,13 +226,13 @@ borderColorShouldBe('host/host2/target', 'rgb(0, 0, 0)');
cleanUp();
-// div + div /shadow/ div should match.
+// div + div::shadow div should match.
sandbox.appendChild(
createDOM('div', {'id': 'host'},
createShadowRoot(
createDOM('style', {},
- document.createTextNode('div + div /shadow/ div { border: 1px solid green; }')),
+ document.createTextNode('div + div::shadow div { border: 1px solid green; }')),
createDOM('div', {},
document.createTextNode('sibling')),
createDOM('div', {'id': 'host2'},
@@ -244,13 +244,13 @@ borderColorShouldBe('host/host2/target', 'rgb(0, 128, 0)');
cleanUp();
-// :host + div /shadow/ div should not match.
+// :host + div::shadow div should not match.
sandbox.appendChild(
createDOM('div', {'id': 'host'},
createShadowRoot(
createDOM('style', {},
- document.createTextNode(':host + div /shadow/ div { border: 1px solid green; }')),
+ document.createTextNode(':host + div::shadow div { border: 1px solid green; }')),
createDOM('div', {'id': 'siblingShadow'},
createShadowRoot(
createDOM('div', {},
@@ -264,12 +264,12 @@ borderColorShouldBe('host/host2/target', 'rgb(0, 0, 0)');
cleanUp();
-// div /shadow/ span in an insert shadow tree cannot match any element in active shadow tree.
+// div::shadow span in an insert shadow tree cannot match any element in active shadow tree.
sandbox.appendChild(
createDOM('div', {'id': 'host'},
createShadowRoot(
createDOM('style', {},
- document.createTextNode('div /shadow/ span { border: 1px solid red; }')),
+ document.createTextNode('div::shadow span { border: 1px solid red; }')),
createDOM('span', {},
document.createTextNode('some text'))),
createShadowRoot(
« LayoutTests/fast/css/invalidation/targeted-class-shadow-combinator-expected.txt ('K') | « LayoutTests/fast/dom/shadow/querySelector-with-shadow-all-and-shadow-deep-expected.txt ('k') | LayoutTests/fast/dom/shadow/style-with-hat-expected.txt » ('j') | Source/core/css/CSSParserValues.h » ('J')

Powered by Google App Engine
This is Rietveld 408576698