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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 183853035: Renamed /shadow-all/ to /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 unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « no previous file | LayoutTests/fast/dom/shadow/content-combinator-with-shadow-all.html » ('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/ and :host.");
13 13
14 var sandbox = document.getElementById('sandbox'); 14 var sandbox = document.getElementById('sandbox');
15 15
16 function colorOf(selector) 16 function colorOf(selector)
17 { 17 {
18 return document.defaultView.getComputedStyle(document.querySelector(selector ), null).getPropertyValue('color'); 18 return document.defaultView.getComputedStyle(document.querySelector(selector ), null).getPropertyValue('color');
19 } 19 }
20 20
21 function cleanUp() 21 function cleanUp()
22 { 22 {
23 sandbox.innerHTML = ''; 23 sandbox.innerHTML = '';
24 } 24 }
25 25
26 sandbox.appendChild( 26 sandbox.appendChild(
27 createDOM('div', {'id': 'host1'}, 27 createDOM('div', {'id': 'host1'},
28 createShadowRoot( 28 createShadowRoot(
29 createDOM('style', {}, 29 createDOM('style', {},
30 document.createTextNode( 30 document.createTextNode(
31 ':host(#host1) /shadow-all/ #content1 /content/ .content { c olor: green; }')), 31 ':host(#host1) /shadow/ #content1 /content/ .content { color : green; }')),
32 createDOM('div', {}, 32 createDOM('div', {},
33 createDOM('div', {'id': 'host2'}, 33 createDOM('div', {'id': 'host2'},
34 createShadowRoot( 34 createShadowRoot(
35 createDOM('content', {'id': 'content2'})), 35 createDOM('content', {'id': 'content2'})),
36 createDOM('div', {'id': 'parentOfContent1'}, 36 createDOM('div', {'id': 'parentOfContent1'},
37 createDOM('content', {'id': 'content1'}))))), 37 createDOM('content', {'id': 'content1'}))))),
38 createDOM('div', {'class': 'content'}, 38 createDOM('div', {'class': 'content'},
39 document.createTextNode('content')))); 39 document.createTextNode('content'))));
40 40
41 shouldBe('colorOf("#host1 > .content")', '"rgb(0, 128, 0)"'); 41 shouldBe('colorOf("#host1 > .content")', '"rgb(0, 128, 0)"');
42 42
43 cleanUp(); 43 cleanUp();
44 44
45 sandbox.appendChild( 45 sandbox.appendChild(
46 createDOM('div', {'id': 'host1'}, 46 createDOM('div', {'id': 'host1'},
47 createShadowRoot( 47 createShadowRoot(
48 createDOM('style', {}, 48 createDOM('style', {},
49 document.createTextNode( 49 document.createTextNode(
50 '#host2 /shadow-all/ #content2 /content/ #parentOfContent1 > #content1 /content/ .content { color: green; }')), 50 '#host2 /shadow/ #content2 /content/ #parentOfContent1 > #co ntent1 /content/ .content { color: green; }')),
51 createDOM('div', {}, 51 createDOM('div', {},
52 createDOM('div', {'id': 'host2'}, 52 createDOM('div', {'id': 'host2'},
53 createShadowRoot( 53 createShadowRoot(
54 createDOM('content', {'id': 'content2'})), 54 createDOM('content', {'id': 'content2'})),
55 createDOM('div', {'id': 'parentOfContent1'}, 55 createDOM('div', {'id': 'parentOfContent1'},
56 createDOM('content', {'id': 'content1'}))))), 56 createDOM('content', {'id': 'content1'}))))),
57 createDOM('div', {'class': 'content'}, 57 createDOM('div', {'class': 'content'},
58 document.createTextNode('content')))); 58 document.createTextNode('content'))));
59 59
60 shouldBe('colorOf("#host1 > .content")', '"rgb(0, 128, 0)"'); 60 shouldBe('colorOf("#host1 > .content")', '"rgb(0, 128, 0)"');
61 61
62 cleanUp(); 62 cleanUp();
63 63
64 sandbox.appendChild( 64 sandbox.appendChild(
65 createDOM('div', {'id': 'host1'}, 65 createDOM('div', {'id': 'host1'},
66 createShadowRoot( 66 createShadowRoot(
67 createDOM('style', {}, 67 createDOM('style', {},
68 document.createTextNode( 68 document.createTextNode(
69 ':host /shadow-all/ #content2 /content/ #shadow1 /content/ # content1 /content/ .content { color: red; }')), 69 ':host /shadow/ #content2 /content/ #shadow1 /content/ #cont ent1 /content/ .content { color: red; }')),
70 createDOM('content', {'id': 'content1'})), 70 createDOM('content', {'id': 'content1'})),
71 createShadowRoot( 71 createShadowRoot(
72 createDOM('div', {}, 72 createDOM('div', {},
73 createDOM('div', {'id': 'host2'}, 73 createDOM('div', {'id': 'host2'},
74 createShadowRoot( 74 createShadowRoot(
75 createDOM('content', {'id': 'content2'})), 75 createDOM('content', {'id': 'content2'})),
76 createDOM('div', {'id': 'parentOfShadow1'}, 76 createDOM('div', {'id': 'parentOfShadow1'},
77 createDOM('shadow', {'id': 'shadow1'}))))), 77 createDOM('shadow', {'id': 'shadow1'}))))),
78 createDOM('div', {'class': 'content'}, 78 createDOM('div', {'class': 'content'},
79 document.createTextNode('content')))); 79 document.createTextNode('content'))));
80 80
81 shouldNotBe('colorOf("#host1 > .content")', '"rgb(255, 0, 0)"'); 81 shouldNotBe('colorOf("#host1 > .content")', '"rgb(255, 0, 0)"');
82 82
83 cleanUp(); 83 cleanUp();
84 84
85 sandbox.appendChild( 85 sandbox.appendChild(
86 createDOM('div', {'id': 'host1'}, 86 createDOM('div', {'id': 'host1'},
87 createShadowRoot( 87 createShadowRoot(
88 createDOM('style', {}, 88 createDOM('style', {},
89 document.createTextNode( 89 document.createTextNode(
90 ':host /shadow-all/ #content2 /content/ #parentOfContent1 > #content1 /content/ .content { color: red; }')), 90 ':host /shadow/ #content2 /content/ #parentOfContent1 > #con tent1 /content/ .content { color: red; }')),
91 createDOM('div', {}, 91 createDOM('div', {},
92 createDOM('div', {'id': 'host2'}, 92 createDOM('div', {'id': 'host2'},
93 createShadowRoot( 93 createShadowRoot(
94 createDOM('content', {'id': 'content2'})), 94 createDOM('content', {'id': 'content2'})),
95 createDOM('div', {'id': 'parentOfContent1'}, 95 createDOM('div', {'id': 'parentOfContent1'},
96 createDOM('content', {'id': 'content1'}))))), 96 createDOM('content', {'id': 'content1'}))))),
97 createDOM('div', {'class': 'content'}, 97 createDOM('div', {'class': 'content'},
98 document.createTextNode('content')))); 98 document.createTextNode('content'))));
99 99
100 shouldNotBe('colorOf("#host1 > .content")', '"rgb(255, 0, 0)"'); 100 shouldNotBe('colorOf("#host1 > .content")', '"rgb(255, 0, 0)"');
101 101
102 cleanUp(); 102 cleanUp();
103 103
104 </script> 104 </script>
105 </html> 105 </html>
OLDNEW
« no previous file with comments | « no previous file | LayoutTests/fast/dom/shadow/content-combinator-with-shadow-all.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698