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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/dom/shadow/content-pseudo-element-with-hat.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-cat-expected.txt ('k') | LayoutTests/fast/dom/shadow/content-pseudo-element-with-hat-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/ and :host."); 12 description("Test for ::content with /shadow/ 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/ #content1 /content/ .content { color : green; }')), 26 ':host(#host1) /shadow/ #content1::content > .content { colo r: 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/ #content2 /content/ #parentOfContent1 > #co ntent1 /content/ .content { color: green; }')), 45 '#host2 /shadow/ #content2::content > #parentOfContent1 > #c ontent1::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/ #content2 /content/ #shadow1 /content/ #cont ent1 /content/ .content { color: red; }')), 64 ':host /shadow/ #content2::content > #shadow1::content > #co ntent1::content > .content { color: red; }')),
70 createDOM('content', {'id': 'content1'})), 65 createDOM('content', {'id': 'content1'})),
71 createShadowRoot( 66 createShadowRoot(
72 createDOM('div', {}, 67 createDOM('div', {},
73 createDOM('div', {'id': 'host2'}, 68 createDOM('div', {'id': 'host2'},
74 createShadowRoot( 69 createShadowRoot(
75 createDOM('content', {'id': 'content2'})), 70 createDOM('content', {'id': 'content2'})),
76 createDOM('div', {'id': 'parentOfShadow1'}, 71 createDOM('div', {'id': 'parentOfShadow1'},
77 createDOM('shadow', {'id': 'shadow1'}))))), 72 createDOM('shadow', {'id': 'shadow1'}))))),
78 createDOM('div', {'class': 'content'}, 73 createDOM('div', {'class': 'content'},
79 document.createTextNode('content')))); 74 document.createTextNode('content'))));
80 75
81 shouldNotBe('colorOf("#host1 > .content")', '"rgb(255, 0, 0)"'); 76 shouldNotBe('window.getComputedStyle(document.querySelector("#host1 > .content") ).color', '"rgb(255, 0, 0)"');
82 77
83 cleanUp(); 78 cleanUp();
84 79
85 sandbox.appendChild( 80 sandbox.appendChild(
86 createDOM('div', {'id': 'host1'}, 81 createDOM('div', {'id': 'host1'},
87 createShadowRoot( 82 createShadowRoot(
88 createDOM('style', {}, 83 createDOM('style', {},
89 document.createTextNode( 84 document.createTextNode(
90 ':host /shadow/ #content2 /content/ #parentOfContent1 > #con tent1 /content/ .content { color: red; }')), 85 ':host /shadow/ #content2::content > #parentOfContent1 > #co ntent1::content > .content { color: red; }')),
91 createDOM('div', {}, 86 createDOM('div', {},
92 createDOM('div', {'id': 'host2'}, 87 createDOM('div', {'id': 'host2'},
93 createShadowRoot( 88 createShadowRoot(
94 createDOM('content', {'id': 'content2'})), 89 createDOM('content', {'id': 'content2'})),
95 createDOM('div', {'id': 'parentOfContent1'}, 90 createDOM('div', {'id': 'parentOfContent1'},
96 createDOM('content', {'id': 'content1'}))))), 91 createDOM('content', {'id': 'content1'}))))),
97 createDOM('div', {'class': 'content'}, 92 createDOM('div', {'class': 'content'},
98 document.createTextNode('content')))); 93 document.createTextNode('content'))));
99 94
100 shouldNotBe('colorOf("#host1 > .content")', '"rgb(255, 0, 0)"'); 95 shouldNotBe('window.getComputedStyle(document.querySelector("#host1 > .content") ).color', '"rgb(255, 0, 0)"');
101 96
102 cleanUp(); 97 cleanUp();
103 98
104 </script> 99 </script>
105 </html> 100 </html>
OLDNEW
« 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 »

Powered by Google App Engine
This is Rietveld 408576698