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].
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
13 <title>Shadow DOM Test: A_10_01_01_01_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/#shadow-root-attributes">
16 <meta name="assert" content="ShadowRoot Object: attribute bool applyAuthorStyles attribute. If false, the author styles are not applied to the shadow 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">
26 test(unit(function (ctx) {
28 var d = newRenderedHTMLDocument(ctx);
30 d.head.innerHTML = '<style>' +
36 var host = d.createElement('div');
37 d.body.appendChild(host);
39 //Shadow root to play with
40 var s = createSR(host);
42 assert_false(s.applyAuthorStyles, 'Default value for ShadowRoot Object attribute applyAuthorStyles is expected to be false');
45 var div1 = d.createElement('div');
46 div1.innerHTML ='<span id="shd" class="invis">This is the shadow tree</span>';
49 //apply-author-styles flag is false by default. Invisible style shouldn't be applied
50 assert_true(s.querySelector('#shd').offsetTop > 0,
51 'CSS styles declared in enclosing tree must not be applied in a shadow tree ' +
52 'if the apply-author-styles flag is set to false');
54 }), 'A_10_01_01_01_01_T01');
58 test(unit(function (ctx) {
60 var d = newRenderedHTMLDocument(ctx);
62 d.head.innerHTML = '<style>' +
68 var host = d.createElement('div');
69 d.body.appendChild(host);
71 //Shadow root to play with
72 var s = createSR(host);
73 s.applyAuthorStyles = false;
75 var div1 = d.createElement('div');
76 div1.innerHTML ='<span id="shd" class="invis">This is the shadow tree</span>';
79 //apply-author-styles flag is set to false. Invisible style shouldn't be applied
80 assert_true(s.querySelector('#shd').offsetTop > 0,
81 'CSS styles declared in enclosing tree must not be applied in a shadow tree ' +
82 'if the apply-author-styles flag is set to false');
84 }), 'A_10_01_01_01_01_T02');