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

Side by Side Diff: LayoutTests/imported/web-platform-tests/shadow-dom/styles/test-001.html

Issue 560893005: First checked-in import of the W3C's test suites. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: add new expectations for newly failing w3c tests Created 6 years, 3 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
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <!--
3 Distributed under both the W3C Test Suite License [1] and the W3C
4 3-clause BSD License [2]. To contribute to a W3C Test Suite, see the
5 policies and contribution forms [3].
6
7 [1] http://www.w3.org/Consortium/Legal/2008/04-testsuite-license
8 [2] http://www.w3.org/Consortium/Legal/2008/03-bsd-license
9 [3] http://www.w3.org/2004/10/27-testcases
10 -->
11 <html>
12 <head>
13 <title>Shadow DOM Test: A_06_00_01</title>
14 <link rel="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru">
15 <link rel="help" href="http://www.w3.org/TR/2013/WD-shadow-dom-20130514/#styles" >
16 <meta name="assert" content="Styles: CSS rules declared in an enclosing tree mus t not apply in a shadow tree if apply-author-styles flag is set to false for thi s tree">
17 <script src="../../../../resources/testharness.js"></script>
18 <script src="../../../../resources/testharnessreport.js"></script>
19 <script src="../testcommon.js"></script>
20 <link rel="stylesheet" href="../../../../resources/testharness.css">
21 </head>
22 <body>
23 <div id="log"></div>
24 <script>
25 //test apply-author-styles flag of ShadowRoot object (default value)
26 test(unit(function (ctx) {
27
28 var d = newRenderedHTMLDocument(ctx);
29
30 d.head.innerHTML = '<style>' +
31 '.invis {' +
32 'display:none;' +
33 '}' +
34 '</style>';
35
36 var host = d.createElement('div');
37 d.body.appendChild(host);
38
39 //Shadow root to play with
40 var s = host.createShadowRoot();
41
42 var div1 = d.createElement('div');
43 div1.innerHTML ='<span id="shd" class="invis">This is the shadow tree</s pan>';
44 s.appendChild(div1);
45
46 //apply-author-styles flag is false by default. Invisible style shouldn' t be applied
47 assert_true(s.querySelector('#shd').offsetTop > 0,
48 'CSS styles declared in enclosing tree must not be applied in a shadow t ree ' +
49 'if the apply-author-styles flag is set to false');
50
51
52 }), 'A_06_00_01_T01');
53
54
55 //test apply-author-styles flag of ShadowRoot object (set it)
56 test(unit(function (ctx) {
57
58 var d = newRenderedHTMLDocument(ctx);
59
60 d.head.innerHTML = '<style>' +
61 '.invis {' +
62 'display:none;' +
63 '}' +
64 '</style>';
65
66 var host = d.createElement('div');
67 d.body.appendChild(host);
68
69 //Shadow root to play with
70 var s = host.createShadowRoot();
71 s.applyAuthorStyles = false;
72
73 var div1 = d.createElement('div');
74 div1.innerHTML ='<span id="shd" class="invis">This is the shadow tree</s pan>';
75 s.appendChild(div1);
76
77 //apply-author-styles flag is set to false. Invisible style shouldn't be applied
78 assert_true(s.querySelector('#shd').offsetTop > 0,
79 'CSS styles declared in enclosing tree must not be applied in a shadow t ree ' +
80 'if the apply-author-styles flag is set to false');
81
82
83 }), 'A_06_00_01_T02');
84
85 //test apply-author-styles flag in a nested tree (default value)
86 test(unit(function (ctx) {
87
88 var d = newRenderedHTMLDocument(ctx);
89
90 d.head.innerHTML = '<style>' +
91 '.invis {' +
92 'display:none;' +
93 '}' +
94 '</style>';
95
96 var host = d.createElement('div');
97 d.body.appendChild(host);
98
99 //Shadow root to play with
100 var s1 = host.createShadowRoot();
101
102 var div1 = d.createElement('div');
103 div1.innerHTML = '<span id="shd1" class="invis">This is an old shadow tr ee</span>';
104 s1.appendChild(div1);
105
106 //younger tree
107 var s2 = host.createShadowRoot();
108 var div1 = d.createElement('div');
109 div1.innerHTML = '<span id="shd2" class="invis">This is a young shadow t ree</span>' +
110 '<shadow><span id="shd3" class="invis">This is the shadow tree f allback content</span></shadow>';
111 s2.appendChild(div1);
112
113
114 //apply-author-styles flag is false by default. Invisible style shouldn' t be applied
115 //shd1 and shd2 should be visible. sh3 not because the tree should be ac tive
116 assert_true(s1.querySelector('#shd1').offsetTop > 0,
117 'Point 1: CSS styles declared in enclosing tree must not be applied in a shadow tree ' +
118 'if the apply-author-styles flag is set to false');
119 assert_true(s2.querySelector('#shd2').offsetTop > 0,
120 'Point 2: CSS styles declared in enclosing tree must not be applied in a shadow tree ' +
121 'if the apply-author-styles flag is set to false');
122 assert_equals(s2.querySelector('#shd3').offsetTop, 0,
123 'Fallback content shouldn\'t be rendered for active tree');
124
125
126 }), 'A_06_00_01_T03');
127
128
129 //test apply-author-styles flag in a nested tree (set it)
130 test(unit(function (ctx) {
131
132 var d = newRenderedHTMLDocument(ctx);
133
134 d.head.innerHTML = '<style>' +
135 '.invis {' +
136 'display:none;' +
137 '}' +
138 '</style>';
139
140 var host = d.createElement('div');
141 d.body.appendChild(host);
142
143 //Shadow root to play with
144 var s1 = host.createShadowRoot();
145 s1.applyAuthorStyles = false;
146
147 var div1 = d.createElement('div');
148 div1.innerHTML = '<span id="shd1" class="invis">This is an old shadow tr ee</span>';
149 s1.appendChild(div1);
150
151 //younger tree
152 var s2 = host.createShadowRoot();
153 var div1 = d.createElement('div');
154 div1.innerHTML = '<span id="shd2" class="invis">This is a young shadow t ree</span>' +
155 '<shadow><span id="shd3" class="invis">This is the shadow tree f allback content</span></shadow>';
156 s2.appendChild(div1);
157
158
159 //apply-author-styles flag is set to false. Invisible style shouldn't be applied
160 //shd1 and shd2 should be visible. sh3 not because the tree should be ac tive
161 assert_true(s1.querySelector('#shd1').offsetTop > 0,
162 'Point 1: CSS styles declared in enclosing tree must not be applied in a shadow tree ' +
163 'if the apply-author-styles flag is set to false');
164 assert_true(s2.querySelector('#shd2').offsetTop > 0,
165 'Point 2: CSS styles declared in enclosing tree must not be applied in a shadow tree ' +
166 'if the apply-author-styles flag is set to false');
167 assert_equals(s2.querySelector('#shd3').offsetTop, 0,
168 'Fallback content shouldn\'t be rendered for active tree');
169
170
171 }), 'A_06_00_01_T04');
172 </script>
173 </body>
174 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698