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 |