OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 span { border-color: lime ! important; } | 5 span { border-color: lime ! important; } |
6 div { border-color: orange; } | 6 div { border-color: orange; } |
7 div#id2 { border-color: yellow; } | 7 div#id2 { border-color: yellow; } |
8 </style> | 8 </style> |
9 <script src="../../js/resources/js-test-pre.js"></script> | 9 <script src="../../js/resources/js-test-pre.js"></script> |
10 </head> | 10 </head> |
(...skipping 95 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
106 shadowRoot3.applyAuthorStyles = true; | 106 shadowRoot3.applyAuthorStyles = true; |
107 shadowRoot3.innerHTML = '<style>div#shadow3 { border-color: blue; }</style><div
id="shadow3"></div>'; | 107 shadowRoot3.innerHTML = '<style>div#shadow3 { border-color: blue; }</style><div
id="shadow3"></div>'; |
108 var target8 = shadowRoot3.getElementById("shadow3"); | 108 var target8 = shadowRoot3.getElementById("shadow3"); |
109 shouldBe('getComputedStyle(target8).borderColor', '"rgb(0, 128, 0)"'); | 109 shouldBe('getComputedStyle(target8).borderColor', '"rgb(0, 128, 0)"'); |
110 | 110 |
111 debug("Case8': The target element is in a shadow dom tree. An enclosing shadow d
om tree has some stylesheet which declares an important rule. The target element
's shadow root has apply-author-styles false."); | 111 debug("Case8': The target element is in a shadow dom tree. An enclosing shadow d
om tree has some stylesheet which declares an important rule. The target element
's shadow root has apply-author-styles false."); |
112 shadowRoot3.applyAuthorStyles = false; | 112 shadowRoot3.applyAuthorStyles = false; |
113 shouldBe('getComputedStyle(target8).borderColor', '"rgb(0, 0, 255)"'); | 113 shouldBe('getComputedStyle(target8).borderColor', '"rgb(0, 0, 255)"'); |
114 | 114 |
115 </script> | 115 </script> |
116 <script src="../../js/resources/js-test-post.js"></script> | |
117 </html> | 116 </html> |
OLD | NEW |