| Index: LayoutTests/fast/css/style-scoped/style-scoped-with-important-rule.html
|
| diff --git a/LayoutTests/fast/css/style-scoped/style-scoped-with-important-rule.html b/LayoutTests/fast/css/style-scoped/style-scoped-with-important-rule.html
|
| index bb097fdb63c00f5a1264bbbd805d290ecd8cee04..e5e593cbe574deafdf9670fb76a3ded87632b69e 100644
|
| --- a/LayoutTests/fast/css/style-scoped/style-scoped-with-important-rule.html
|
| +++ b/LayoutTests/fast/css/style-scoped/style-scoped-with-important-rule.html
|
| @@ -39,7 +39,6 @@ div#id2 { border-color: yellow; }
|
| </style>
|
| <div id="id4"></div>
|
| </div>
|
| - <div id="host1">Shadow Host</div>
|
| </div>
|
| <div>
|
| <style scoped>
|
| @@ -53,12 +52,6 @@ div#id2 { border-color: yellow; }
|
| </style>
|
| <span id="id6"></span>
|
| </div>
|
| -<div>
|
| - <style scoped>
|
| - div { border-color: red;}
|
| - </style>
|
| - <div id="host2">Shadow Host</div>
|
| -</div>
|
| </body>
|
| <script>
|
| description("Test that rules in an inner scoped stylesheet don't override !important rules declared in an outer scoped stylesheet.");
|
| @@ -86,31 +79,5 @@ shouldBe('getComputedStyle(target5).borderColor', '"rgb(0, 255, 0)"');
|
| debug("Case6: The target element has matched important rules. One is declared in an author stylesheet (not scoped) and the other is declared in a scoped stylesheet.");
|
| var target6 = document.getElementById("id6");
|
| shouldBe('getComputedStyle(target6).borderColor', '"rgb(0, 0, 255)"');
|
| -
|
| -debug("Case7: The target element has any matched important rule declared in an outer scoped stylesheet. The element is in a shadow dom tree whose shadow root has apply-author-styles true. The shadow dom tree has any other normal rules which match the element.");
|
| -var host1 = document.getElementById("host1");
|
| -var shadowRoot1 = host1.createShadowRoot();
|
| -shadowRoot1.applyAuthorStyles = true;
|
| -shadowRoot1.innerHTML = '<style>div#shadow1 { color: blue; }</style><div id="shadow1"></div>';
|
| -var target7 = shadowRoot1.getElementById("shadow1");
|
| -shouldBe('getComputedStyle(target7).borderColor', '"rgb(0, 128, 0)"');
|
| -
|
| -debug("Case8: The target element in a shadow dom tree has any matched important rule declared in an outer scoped stylesheet in an enclosing shadow dom tree. The target element's shadow root has apply-author-styles true.");
|
| -var host2 = document.getElementById("host2");
|
| -var shadowRoot2 = host2.createShadowRoot();
|
| -shadowRoot2.applyAuthorStyles = false;
|
| -shadowRoot2.innerHTML = '<style>div { border-color: green !important; }</style><div id="shadow2"></div>';
|
| -
|
| -var hostInShadowTree2 = shadowRoot2.getElementById("shadow2");
|
| -var shadowRoot3 = hostInShadowTree2.createShadowRoot();
|
| -shadowRoot3.applyAuthorStyles = true;
|
| -shadowRoot3.innerHTML = '<style>div#shadow3 { border-color: blue; }</style><div id="shadow3"></div>';
|
| -var target8 = shadowRoot3.getElementById("shadow3");
|
| -shouldBe('getComputedStyle(target8).borderColor', '"rgb(0, 128, 0)"');
|
| -
|
| -debug("Case8': The target element is in a shadow dom tree. An enclosing shadow dom tree has some stylesheet which declares an important rule. The target element's shadow root has apply-author-styles false.");
|
| -shadowRoot3.applyAuthorStyles = false;
|
| -shouldBe('getComputedStyle(target8).borderColor', '"rgb(0, 0, 255)"');
|
| -
|
| </script>
|
| </html>
|
|
|