| OLD | NEW |
| 1 CONSOLE WARNING: Calling Element.createShadowRoot() for an element which already
hosts a shadow root is deprecated. See https://www.chromestatus.com/features/46
68884095336448 for more details. | 1 CONSOLE WARNING: Calling Element.createShadowRoot() for an element which already
hosts a shadow root is deprecated. See https://www.chromestatus.com/features/46
68884095336448 for more details. |
| 2 Test whether :host-context matches a shadow host correctly. | 2 Test whether :host-context matches a shadow host correctly. |
| 3 | 3 |
| 4 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 4 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
| 5 | 5 |
| 6 | 6 |
| 7 :host-context out of shadow tree should not match any shadow hosts. | 7 :host-context out of shadow tree should not match any shadow hosts. |
| 8 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" | 8 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" |
| 9 :host-context with * should not match any shadow hosts. | 9 :host-context with * should not match any shadow hosts. |
| 10 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" | 10 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" |
| 11 :host-context with tag selector should not match any shadow hosts. | 11 :host-context with tag selector should not match any shadow hosts. |
| 12 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" | 12 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" |
| 13 :host-context with class selector should not match any shadow hosts. | 13 :host-context with class selector should not match any shadow hosts. |
| 14 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" | 14 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" |
| 15 :host-context with id selector should not match any shadow hosts. | 15 :host-context with id selector should not match any shadow hosts. |
| 16 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" | 16 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" |
| 17 :host-context with attribute selector should not match any shadow hosts. | 17 :host-context with attribute selector should not match any shadow hosts. |
| 18 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" | 18 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" |
| 19 :host-context in a shadow tree should match its shadow host. | 19 :host-context in a shadow tree should match its shadow host. |
| 20 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" | 20 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" |
| 21 :host-context with :host in a shadow tree should match its shadow host. | 21 :host-context with :host in a shadow tree should match its shadow host. |
| 22 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" | 22 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" |
| 23 crbug.com/552602 :host-context with non-matching selector with :host should not
crash. | 23 crbug.com/552602 :host-context with non-matching selector with :host should not
crash. |
| 24 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" | 24 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" |
| 25 :host-context takes simple selectors and matches when one of the simple selector
s matches. | 25 :host-context takes simple selectors and matches when one of the simple selector
s matches. |
| 26 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" | 26 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" |
| 27 :host-context matches a shadow host in just a nested shadow tree, not all enclos
ing shadow trees. | 27 :host-context matches a shadow host in just a nested shadow tree, not all enclos
ing shadow trees. |
| 28 PASS backgroundColorOf('host1') is "rgba(0, 0, 0, 0)" | 28 PASS backgroundColorOf('host1') is "rgba(0, 0, 0, 0)" |
| 29 PASS backgroundColorOf('host1/host2') is "rgb(0, 128, 0)" | 29 PASS backgroundColorOf('host1/host2') is "rgb(0, 128, 0)" |
| 30 :host-context matches based on a composed tree. | 30 :host-context matches based on a flat tree. |
| 31 PASS backgroundColorOf('host/target') is "rgb(0, 128, 0)" | 31 PASS backgroundColorOf('host/target') is "rgb(0, 128, 0)" |
| 32 :host-context matches based on a composed tree when having multiple shadow roots
. | 32 :host-context matches based on a flat tree when having multiple shadow roots. |
| 33 PASS backgroundColorOf('host/targetA') is "rgba(0, 0, 0, 0)" | 33 PASS backgroundColorOf('host/targetA') is "rgba(0, 0, 0, 0)" |
| 34 PASS backgroundColorOf('host/targetB') is "rgb(0, 128, 0)" | 34 PASS backgroundColorOf('host/targetB') is "rgb(0, 128, 0)" |
| 35 PASS backgroundColorOf('host/targetC') is "rgb(0, 128, 0)" | 35 PASS backgroundColorOf('host/targetC') is "rgb(0, 128, 0)" |
| 36 :host-context is updated when its matched ancestor changes className or id. | 36 :host-context is updated when its matched ancestor changes className or id. |
| 37 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" | 37 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" |
| 38 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" | 38 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" |
| 39 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" | 39 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" |
| 40 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" | 40 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" |
| 41 Compare :host-context with :host-context. | 41 Compare :host-context with :host-context. |
| 42 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" | 42 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" |
| 43 PASS backgroundColorOf('host') is "rgb(255, 0, 0)" | 43 PASS backgroundColorOf('host') is "rgb(255, 0, 0)" |
| 44 PASS backgroundColorOf('host/target') is "rgb(0, 128, 0)" | 44 PASS backgroundColorOf('host/target') is "rgb(0, 128, 0)" |
| 45 PASS backgroundColorOf('host/target') is "rgb(0, 128, 0)" | 45 PASS backgroundColorOf('host/target') is "rgb(0, 128, 0)" |
| 46 PASS backgroundColorOf('host/target') is "rgb(0, 128, 0)" | 46 PASS backgroundColorOf('host/target') is "rgb(0, 128, 0)" |
| 47 :host-context without functional notation should not match any shadow hosts. | 47 :host-context without functional notation should not match any shadow hosts. |
| 48 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" | 48 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" |
| 49 PASS successfullyParsed is true | 49 PASS successfullyParsed is true |
| 50 | 50 |
| 51 TEST COMPLETE | 51 TEST COMPLETE |
| 52 | 52 |
| OLD | NEW |