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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/dom/shadow/style-and-shadow-element.html

Issue 2843883002: Remove, or rewrite if necessary, tests which use /deep/ or ::shadow (Closed)
Patch Set: rev Created 3 years, 7 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
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> 7 <body>
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 function cleanUp() 12 function cleanUp()
13 { 13 {
14 document.getElementById('sandbox').innerHTML = ''; 14 document.getElementById('sandbox').innerHTML = '';
15 } 15 }
16 16
17 description('Test for http://crbug.com/35340: Style should not be conditioned by the presence of the shadow element.'); 17 description('Test for http://crbug.com/35340: Style should not be conditioned by the presence of the shadow element.');
18 18
19 var sandbox = document.getElementById('sandbox'); 19 var sandbox = document.getElementById('sandbox');
20 20
21 sandbox.appendChild( 21 sandbox.appendChild(
22 createDOM('div', {'id': 'host'}, 22 createDOM('div', {'id': 'host'},
23 createShadowRoot( 23 createShadowRoot(
24 createDOM('style', {}, 24 createDOM('style', {},
25 document.createTextNode(':host::shadow div { background: green; }')),
26 createDOM('div', {},
27 document.createTextNode('older div'))),
28 createShadowRoot(
29 createDOM('div', {'id': 'target'},
30 document.createTextNode('younger div should be green')))));
31
32 backgroundColorShouldBe('host//target', 'rgb(0, 128, 0)');
33
34 cleanUp();
35
36 sandbox.appendChild(
37 createDOM('div', {'id': 'host'},
38 createShadowRoot(
39 createDOM('style', {},
40 document.createTextNode(':host /deep/ div { background: green; } ')),
41 createDOM('div', {},
42 document.createTextNode('older div'))),
43 createShadowRoot(
44 createDOM('div', {'id': 'target'},
45 document.createTextNode('younger div should be green')))));
46
47 backgroundColorShouldBe('host//target', 'rgb(0, 128, 0)');
48
49 cleanUp();
50
51 sandbox.appendChild(
52 createDOM('div', {'id': 'host'},
53 createShadowRoot(
54 createDOM('style', {},
55 document.createTextNode(':host div { background: green; }')), 25 document.createTextNode(':host div { background: green; }')),
56 createDOM('div', {}, 26 createDOM('div', {},
57 document.createTextNode('older div'))), 27 document.createTextNode('older div'))),
58 createShadowRoot( 28 createShadowRoot(
59 createDOM('div', {'id': 'target'}, 29 createDOM('div', {'id': 'target'},
60 document.createTextNode('younger div should be green'))))); 30 document.createTextNode('younger div should be green')))));
61 31
62 backgroundColorShouldNotBe('host//target', 'rgb(0, 128, 0)'); 32 backgroundColorShouldNotBe('host//target', 'rgb(0, 128, 0)');
63 33
64 cleanUp(); 34 cleanUp();
65 35
66 sandbox.appendChild( 36 sandbox.appendChild(
67 createDOM('div', {'id': 'host'}, 37 createDOM('div', {'id': 'host'},
68 createShadowRoot( 38 createShadowRoot(
69 createDOM('style', {}, 39 createDOM('style', {},
70 document.createTextNode(':host { display: block; background: gre en; }'))), 40 document.createTextNode(':host { display: block; background: gre en; }'))),
71 createShadowRoot( 41 createShadowRoot(
72 createDOM('div', {'id': 'target'}, 42 createDOM('div', {'id': 'target'},
73 document.createTextNode('younger div should be green'))))); 43 document.createTextNode('younger div should be green')))));
74 44
75 backgroundColorShouldBe('host', 'rgb(0, 128, 0)'); 45 backgroundColorShouldBe('host', 'rgb(0, 128, 0)');
76 46
77 cleanUp(); 47 cleanUp();
78 </script> 48 </script>
79 </html> 49 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698