| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>Shadow DOM: CSS Style Rule cascading</title> | 4 <title>Shadow DOM: CSS Style Rule cascading</title> |
| 5 <meta name="author" title="Takayoshi Kochi" href="mailto:kochi@google.com"> | |
| 6 <meta name="assert" content="Cascading order test for style rules from various s
hadow trees."> | 5 <meta name="assert" content="Cascading order test for style rules from various s
hadow trees."> |
| 7 <link rel="help" href="https://github.com/w3c/webcomponents/blob/gh-pages/propos
als/Shadow-DOM-Cascade-Order.md"> | 6 <link rel="author" title="Takayoshi Kochi" href="mailto:kochi@google.com"> |
| 8 <script src="../../../../resources/testharness.js"></script> | 7 <link rel="help" href="https://drafts.csswg.org/css-scoping-1/#shadow-cascading"
> |
| 9 <script src="../../../../resources/testharnessreport.js"></script> | 8 <script src="../../../resources/testharness.js"></script> |
| 9 <script src="../../../resources/testharnessreport.js"></script> |
| 10 </head> | 10 </head> |
| 11 <body> | 11 <body> |
| 12 <div id="log"></div> | 12 <div id="log"></div> |
| 13 <script> | 13 <script> |
| 14 | 14 |
| 15 // Taken from the example in | 15 // Taken from the example in |
| 16 // https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Shadow-DOM-Casca
de-Order.md | 16 // https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Shadow-DOM-Casca
de-Order.md |
| 17 // https://github.com/w3c/webcomponents/issues/316 | 17 // https://github.com/w3c/webcomponents/issues/316 |
| 18 // https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Shadow-DOM-Casca
de-Order-in-v1.md | 18 // https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Shadow-DOM-Casca
de-Order-in-v1.md |
| 19 // with element renamed and style rule location changed. | 19 // with element renamed and style rule location changed. |
| (...skipping 374 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 394 } | 394 } |
| 395 } | 395 } |
| 396 | 396 |
| 397 // Open or Closed should not make any difference in style application. | 397 // Open or Closed should not make any difference in style application. |
| 398 testCascadingOrderWith2LevelShadow('open'); | 398 testCascadingOrderWith2LevelShadow('open'); |
| 399 testCascadingOrderWith2LevelShadow('closed'); | 399 testCascadingOrderWith2LevelShadow('closed'); |
| 400 | 400 |
| 401 </script> | 401 </script> |
| 402 </body> | 402 </body> |
| 403 </html> | 403 </html> |
| OLD | NEW |