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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/dom/shadow/content-combinator-with-shadow-all.html

Issue 187353003: Implement /content/ combinator. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Patch for landing 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-combinator-with-host-pseudo-class-expected.txt ('k') | LayoutTests/fast/dom/shadow/content-combinator-with-shadow-all-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-all/ and :host."); 12 description("Test for /content/ with /shadow-all/ 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
16 function cleanUp() 21 function cleanUp()
17 { 22 {
18 sandbox.innerHTML = ''; 23 sandbox.innerHTML = '';
19 } 24 }
20 25
21 sandbox.appendChild( 26 sandbox.appendChild(
22 createDOM('div', {'id': 'host1'}, 27 createDOM('div', {'id': 'host1'},
23 createShadowRoot( 28 createShadowRoot(
24 createDOM('style', {}, 29 createDOM('style', {},
25 document.createTextNode( 30 document.createTextNode(
26 ':host(#host1) /shadow-all/ #content1::content > .content { color: green; }')), 31 ':host(#host1) /shadow-all/ #content1 /content/ .content { c olor: green; }')),
27 createDOM('div', {}, 32 createDOM('div', {},
28 createDOM('div', {'id': 'host2'}, 33 createDOM('div', {'id': 'host2'},
29 createShadowRoot( 34 createShadowRoot(
30 createDOM('content', {'id': 'content2'})), 35 createDOM('content', {'id': 'content2'})),
31 createDOM('div', {'id': 'parentOfContent1'}, 36 createDOM('div', {'id': 'parentOfContent1'},
32 createDOM('content', {'id': 'content1'}))))), 37 createDOM('content', {'id': 'content1'}))))),
33 createDOM('div', {'class': 'content'}, 38 createDOM('div', {'class': 'content'},
34 document.createTextNode('content')))); 39 document.createTextNode('content'))));
35 40
36 shouldBe('window.getComputedStyle(document.querySelector("#host1 > .content")).c olor', '"rgb(0, 128, 0)"'); 41 shouldBe('colorOf("#host1 > .content")', '"rgb(0, 128, 0)"');
37 42
38 cleanUp(); 43 cleanUp();
39 44
40 sandbox.appendChild( 45 sandbox.appendChild(
41 createDOM('div', {'id': 'host1'}, 46 createDOM('div', {'id': 'host1'},
42 createShadowRoot( 47 createShadowRoot(
43 createDOM('style', {}, 48 createDOM('style', {},
44 document.createTextNode( 49 document.createTextNode(
45 '#host2 /shadow-all/ #content2::content > #parentOfContent1 > #content1::content > .content { color: green; }')), 50 '#host2 /shadow-all/ #content2 /content/ #parentOfContent1 > #content1 /content/ .content { color: green; }')),
46 createDOM('div', {}, 51 createDOM('div', {},
47 createDOM('div', {'id': 'host2'}, 52 createDOM('div', {'id': 'host2'},
48 createShadowRoot( 53 createShadowRoot(
49 createDOM('content', {'id': 'content2'})), 54 createDOM('content', {'id': 'content2'})),
50 createDOM('div', {'id': 'parentOfContent1'}, 55 createDOM('div', {'id': 'parentOfContent1'},
51 createDOM('content', {'id': 'content1'}))))), 56 createDOM('content', {'id': 'content1'}))))),
52 createDOM('div', {'class': 'content'}, 57 createDOM('div', {'class': 'content'},
53 document.createTextNode('content')))); 58 document.createTextNode('content'))));
54 59
55 shouldBe('window.getComputedStyle(document.querySelector("#host1 > .content")).c olor', '"rgb(0, 128, 0)"'); 60 shouldBe('colorOf("#host1 > .content")', '"rgb(0, 128, 0)"');
56 61
57 cleanUp(); 62 cleanUp();
58 63
59 sandbox.appendChild( 64 sandbox.appendChild(
60 createDOM('div', {'id': 'host1'}, 65 createDOM('div', {'id': 'host1'},
61 createShadowRoot( 66 createShadowRoot(
62 createDOM('style', {}, 67 createDOM('style', {},
63 document.createTextNode( 68 document.createTextNode(
64 ':host /shadow-all/ #content2::content > #shadow1::content > #content1::content > .content { color: red; }')), 69 ':host /shadow-all/ #content2 /content/ #shadow1 /content/ # content1 /content/ .content { color: red; }')),
65 createDOM('content', {'id': 'content1'})), 70 createDOM('content', {'id': 'content1'})),
66 createShadowRoot( 71 createShadowRoot(
67 createDOM('div', {}, 72 createDOM('div', {},
68 createDOM('div', {'id': 'host2'}, 73 createDOM('div', {'id': 'host2'},
69 createShadowRoot( 74 createShadowRoot(
70 createDOM('content', {'id': 'content2'})), 75 createDOM('content', {'id': 'content2'})),
71 createDOM('div', {'id': 'parentOfShadow1'}, 76 createDOM('div', {'id': 'parentOfShadow1'},
72 createDOM('shadow', {'id': 'shadow1'}))))), 77 createDOM('shadow', {'id': 'shadow1'}))))),
73 createDOM('div', {'class': 'content'}, 78 createDOM('div', {'class': 'content'},
74 document.createTextNode('content')))); 79 document.createTextNode('content'))));
75 80
76 shouldNotBe('window.getComputedStyle(document.querySelector("#host1 > .content") ).color', '"rgb(255, 0, 0)"'); 81 shouldNotBe('colorOf("#host1 > .content")', '"rgb(255, 0, 0)"');
77 82
78 cleanUp(); 83 cleanUp();
79 84
80 sandbox.appendChild( 85 sandbox.appendChild(
81 createDOM('div', {'id': 'host1'}, 86 createDOM('div', {'id': 'host1'},
82 createShadowRoot( 87 createShadowRoot(
83 createDOM('style', {}, 88 createDOM('style', {},
84 document.createTextNode( 89 document.createTextNode(
85 ':host /shadow-all/ #content2::content > #parentOfContent1 > #content1::content > .content { color: red; }')), 90 ':host /shadow-all/ #content2 /content/ #parentOfContent1 > #content1 /content/ .content { color: red; }')),
86 createDOM('div', {}, 91 createDOM('div', {},
87 createDOM('div', {'id': 'host2'}, 92 createDOM('div', {'id': 'host2'},
88 createShadowRoot( 93 createShadowRoot(
89 createDOM('content', {'id': 'content2'})), 94 createDOM('content', {'id': 'content2'})),
90 createDOM('div', {'id': 'parentOfContent1'}, 95 createDOM('div', {'id': 'parentOfContent1'},
91 createDOM('content', {'id': 'content1'}))))), 96 createDOM('content', {'id': 'content1'}))))),
92 createDOM('div', {'class': 'content'}, 97 createDOM('div', {'class': 'content'},
93 document.createTextNode('content')))); 98 document.createTextNode('content'))));
94 99
95 shouldNotBe('window.getComputedStyle(document.querySelector("#host1 > .content") ).color', '"rgb(255, 0, 0)"'); 100 shouldNotBe('colorOf("#host1 > .content")', '"rgb(255, 0, 0)"');
96 101
97 cleanUp(); 102 cleanUp();
98 103
99 </script> 104 </script>
100 </html> 105 </html>
OLDNEW
« no previous file with comments | « LayoutTests/fast/dom/shadow/content-combinator-with-host-pseudo-class-expected.txt ('k') | LayoutTests/fast/dom/shadow/content-combinator-with-shadow-all-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698