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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/dom/shadow/content-pseudo-element-with-cat.html

Issue 205563004: Revert of Implement /content/ combinator. (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 unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « LayoutTests/fast/dom/shadow/content-pseudo-element-with-any-expected.html ('k') | LayoutTests/fast/dom/shadow/content-pseudo-element-with-cat-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!doctype html> 1 <!doctype html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <script src="resources/shadow-dom.js"></script> 4 <script src="resources/shadow-dom.js"></script>
5 <script src="../../../resources/js-test.js"></script> 5 <script src="../../../resources/js-test.js"></script>
6 </head> 6 </head>
7 <body class="bodyClass"> 7 <body class="bodyClass">
8 <div id="sandbox"></div> 8 <div id="sandbox"></div>
9 <pre id="console"></pre> 9 <pre id="console"></pre>
10 </body> 10 </body>
11 <script> 11 <script>
12 description("Test for /content/ with /shadow-deep/ and :host."); 12 description("Test for ::content with /shadow-deep/ and :host.");
13 13
14 var sandbox = document.getElementById('sandbox'); 14 var sandbox = document.getElementById('sandbox');
15 15
16 function colorOf(selector)
17 {
18 return document.defaultView.getComputedStyle(document.querySelector(selector ), null).getPropertyValue('color');
19 }
20
21 function cleanUp() 16 function cleanUp()
22 { 17 {
23 sandbox.innerHTML = ''; 18 sandbox.innerHTML = '';
24 } 19 }
25 20
26 sandbox.appendChild( 21 sandbox.appendChild(
27 createDOM('div', {'id': 'host1'}, 22 createDOM('div', {'id': 'host1'},
28 createShadowRoot( 23 createShadowRoot(
29 createDOM('style', {}, 24 createDOM('style', {},
30 document.createTextNode( 25 document.createTextNode(
31 ':host(#host1) /shadow-deep/ #content1 /content/ .content { color: green; }')), 26 ':host(#host1) /shadow-deep/ #content1::content > .content { color: green; }')),
32 createDOM('div', {}, 27 createDOM('div', {},
33 createDOM('div', {'id': 'host2'}, 28 createDOM('div', {'id': 'host2'},
34 createShadowRoot( 29 createShadowRoot(
35 createDOM('content', {'id': 'content2'})), 30 createDOM('content', {'id': 'content2'})),
36 createDOM('div', {'id': 'parentOfContent1'}, 31 createDOM('div', {'id': 'parentOfContent1'},
37 createDOM('content', {'id': 'content1'}))))), 32 createDOM('content', {'id': 'content1'}))))),
38 createDOM('div', {'class': 'content'}, 33 createDOM('div', {'class': 'content'},
39 document.createTextNode('content')))); 34 document.createTextNode('content'))));
40 35
41 shouldBe('colorOf("#host1 > .content")', '"rgb(0, 128, 0)"'); 36 shouldBe('window.getComputedStyle(document.querySelector("#host1 > .content")).c olor', '"rgb(0, 128, 0)"');
42 37
43 cleanUp(); 38 cleanUp();
44 39
45 sandbox.appendChild( 40 sandbox.appendChild(
46 createDOM('div', {'id': 'host1'}, 41 createDOM('div', {'id': 'host1'},
47 createShadowRoot( 42 createShadowRoot(
48 createDOM('style', {}, 43 createDOM('style', {},
49 document.createTextNode( 44 document.createTextNode(
50 '#host2 /shadow-deep/ #content2 /content/ #parentOfContent1 > #content1 /content/ .content { color: green; }')), 45 '#host2 /shadow-deep/ #content2::content > #parentOfContent1 > #content1::content > .content { color: green; }')),
51 createDOM('div', {}, 46 createDOM('div', {},
52 createDOM('div', {'id': 'host2'}, 47 createDOM('div', {'id': 'host2'},
53 createShadowRoot( 48 createShadowRoot(
54 createDOM('content', {'id': 'content2'})), 49 createDOM('content', {'id': 'content2'})),
55 createDOM('div', {'id': 'parentOfContent1'}, 50 createDOM('div', {'id': 'parentOfContent1'},
56 createDOM('content', {'id': 'content1'}))))), 51 createDOM('content', {'id': 'content1'}))))),
57 createDOM('div', {'class': 'content'}, 52 createDOM('div', {'class': 'content'},
58 document.createTextNode('content')))); 53 document.createTextNode('content'))));
59 54
60 shouldBe('colorOf("#host1 > .content")', '"rgb(0, 128, 0)"'); 55 shouldBe('window.getComputedStyle(document.querySelector("#host1 > .content")).c olor', '"rgb(0, 128, 0)"');
61 56
62 cleanUp(); 57 cleanUp();
63 58
64 sandbox.appendChild( 59 sandbox.appendChild(
65 createDOM('div', {'id': 'host1'}, 60 createDOM('div', {'id': 'host1'},
66 createShadowRoot( 61 createShadowRoot(
67 createDOM('style', {}, 62 createDOM('style', {},
68 document.createTextNode( 63 document.createTextNode(
69 ':host /shadow-deep/ #content2 /content/ #parentOfShadow1 > #shadow1 /content/ .content { color: green; }' + 64 ':host /shadow-deep/ #content2::content > #parentOfShadow1 > #shadow1::content > .content { color: green; }' +
70 ':host /shadow-deep/ #content2 /content/ #shadow1 /content/ #content1 /content/ .content { color: red; }')), 65 ':host /shadow-deep/ #content2::content > #shadow1::content > #content1::content > .content { color: red; }')),
71 createDOM('content', {'id': 'content1'})), 66 createDOM('content', {'id': 'content1'})),
72 createShadowRoot( 67 createShadowRoot(
73 createDOM('div', {}, 68 createDOM('div', {},
74 createDOM('div', {'id': 'host2'}, 69 createDOM('div', {'id': 'host2'},
75 createShadowRoot( 70 createShadowRoot(
76 createDOM('content', {'id': 'content2'})), 71 createDOM('content', {'id': 'content2'})),
77 createDOM('div', {'id': 'parentOfShadow1'}, 72 createDOM('div', {'id': 'parentOfShadow1'},
78 createDOM('shadow', {'id': 'shadow1'}, 73 createDOM('shadow', {'id': 'shadow1'},
79 createDOM('content', {})))))), 74 createDOM('content', {})))))),
80 createDOM('div', {'class': 'content'}, 75 createDOM('div', {'class': 'content'},
81 document.createTextNode('content')))); 76 document.createTextNode('content'))));
82 77
83 shouldBe('colorOf("#host1 > .content")', '"rgb(0, 128, 0)"'); 78 shouldBe('window.getComputedStyle(document.querySelector("#host1 > .content")).c olor', '"rgb(0, 128, 0)"');
84 79
85 cleanUp(); 80 cleanUp();
86 81
87 sandbox.appendChild( 82 sandbox.appendChild(
88 createDOM('div', {'id': 'host1'}, 83 createDOM('div', {'id': 'host1'},
89 createShadowRoot( 84 createShadowRoot(
90 createDOM('style', {}, 85 createDOM('style', {},
91 document.createTextNode( 86 document.createTextNode(
92 ':host /shadow-deep/ :host > #content2 /content/ #shadow1 /c ontent/ #content1 /content/ .content { color: red; }')), 87 ':host /shadow-deep/ :host > #content2::content > #shadow1:: content > #content1::content > .content { color: red; }')),
93 createDOM('content', {'id': 'content1'})), 88 createDOM('content', {'id': 'content1'})),
94 createShadowRoot( 89 createShadowRoot(
95 createDOM('div', {}, 90 createDOM('div', {},
96 createDOM('div', {'id': 'host2'}, 91 createDOM('div', {'id': 'host2'},
97 createShadowRoot( 92 createShadowRoot(
98 createDOM('content', {'id': 'content2'})), 93 createDOM('content', {'id': 'content2'})),
99 createDOM('div', {'id': 'parentOfShadow1'}, 94 createDOM('div', {'id': 'parentOfShadow1'},
100 createDOM('shadow', {'id': 'shadow1'}, 95 createDOM('shadow', {'id': 'shadow1'},
101 createDOM('content', {})))))), 96 createDOM('content', {})))))),
102 createDOM('div', {'class': 'content'}, 97 createDOM('div', {'class': 'content'},
103 document.createTextNode('content')))); 98 document.createTextNode('content'))));
104 99
105 shouldNotBe('colorOf("#host1 > .content")', '"rgb(255, 0, 0)"'); 100 shouldNotBe('window.getComputedStyle(document.querySelector("#host1 > .content") ).color', '"rgb(255, 0, 0)"');
106 101
107 cleanUp(); 102 cleanUp();
108 103
109 sandbox.appendChild( 104 sandbox.appendChild(
110 createDOM('div', {'id': 'host1'}, 105 createDOM('div', {'id': 'host1'},
111 createShadowRoot( 106 createShadowRoot(
112 createDOM('style', {}, 107 createDOM('style', {},
113 document.createTextNode( 108 document.createTextNode(
114 ':host /shadow-deep/ #content2 /content/ #parentOfContent1 > #content1 /content/ .content { color: green; }')), 109 ':host /shadow-deep/ #content2::content > #parentOfContent1 > #content1::content > .content { color: green; }')),
115 createDOM('div', {}, 110 createDOM('div', {},
116 createDOM('div', {'id': 'host2'}, 111 createDOM('div', {'id': 'host2'},
117 createShadowRoot( 112 createShadowRoot(
118 createDOM('content', {'id': 'content2'})), 113 createDOM('content', {'id': 'content2'})),
119 createDOM('div', {'id': 'parentOfContent1'}, 114 createDOM('div', {'id': 'parentOfContent1'},
120 createDOM('content', {'id': 'content1'}))))), 115 createDOM('content', {'id': 'content1'}))))),
121 createDOM('div', {'class': 'content'}, 116 createDOM('div', {'class': 'content'},
122 document.createTextNode('content')))); 117 document.createTextNode('content'))));
123 118
124 shouldBe('colorOf("#host1 > .content")', '"rgb(0, 128, 0)"'); 119 shouldBe('window.getComputedStyle(document.querySelector("#host1 > .content")).c olor', '"rgb(0, 128, 0)"');
125 120
126 cleanUp(); 121 cleanUp();
127 122
128 </script> 123 </script>
129 </html> 124 </html>
OLDNEW
« no previous file with comments | « LayoutTests/fast/dom/shadow/content-pseudo-element-with-any-expected.html ('k') | LayoutTests/fast/dom/shadow/content-pseudo-element-with-cat-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698