| OLD | NEW |
| 1 Test whether :ancestor matches a shadow host correctly. | 1 Test whether :host-context matches a shadow host correctly. |
| 2 | 2 |
| 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
| 4 | 4 |
| 5 | 5 |
| 6 :ancestor out of shadow tree should not match any shadow hosts. | 6 :host-context out of shadow tree should not match any shadow hosts. |
| 7 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" | 7 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" |
| 8 :ancestor with * should not match any shadow hosts. | 8 :host-context with * should not match any shadow hosts. |
| 9 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" | 9 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" |
| 10 :ancestor with tag selector should not match any shadow hosts. | 10 :host-context with tag selector should not match any shadow hosts. |
| 11 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" | 11 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" |
| 12 :ancestor with class selector should not match any shadow hosts. | 12 :host-context with class selector should not match any shadow hosts. |
| 13 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" | 13 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" |
| 14 :ancestor with id selector should not match any shadow hosts. | 14 :host-context with id selector should not match any shadow hosts. |
| 15 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" | 15 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" |
| 16 :ancestor with attribute selector should not match any shadow hosts. | 16 :host-context with attribute selector should not match any shadow hosts. |
| 17 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" | 17 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" |
| 18 :ancestor in a shadow tree should match its shadow host. | 18 :host-context in a shadow tree should match its shadow host. |
| 19 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" | 19 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" |
| 20 :ancestor with :host in a shadow tree should match its shadow host. | 20 :host-context with :host in a shadow tree should match its shadow host. |
| 21 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" | 21 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" |
| 22 :ancestor takes simple selectors and matches when one of the simple selectors ma
tches. | 22 :host-context takes simple selectors and matches when one of the simple selector
s matches. |
| 23 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" | 23 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" |
| 24 :ancestor matches a shadow host in just a nested shadow tree, not all enclosing
shadow trees. | 24 :host-context matches a shadow host in just a nested shadow tree, not all enclos
ing shadow trees. |
| 25 PASS backgroundColorOf('host1') is "rgba(0, 0, 0, 0)" | 25 PASS backgroundColorOf('host1') is "rgba(0, 0, 0, 0)" |
| 26 PASS backgroundColorOf('host1/host2') is "rgb(0, 128, 0)" | 26 PASS backgroundColorOf('host1/host2') is "rgb(0, 128, 0)" |
| 27 :ancestor matches based on a composed tree. | 27 :host-context matches based on a composed tree. |
| 28 PASS backgroundColorOf('host/target') is "rgb(0, 128, 0)" | 28 PASS backgroundColorOf('host/target') is "rgb(0, 128, 0)" |
| 29 :ancestor matches based on a composed tree when having multiple shadow roots. | 29 :host-context matches based on a composed tree when having multiple shadow roots
. |
| 30 PASS backgroundColorOf('host/targetA') is "rgba(0, 0, 0, 0)" | 30 PASS backgroundColorOf('host/targetA') is "rgba(0, 0, 0, 0)" |
| 31 PASS backgroundColorOf('host/targetB') is "rgb(0, 128, 0)" | 31 PASS backgroundColorOf('host/targetB') is "rgb(0, 128, 0)" |
| 32 PASS backgroundColorOf('host/targetC') is "rgb(0, 128, 0)" | 32 PASS backgroundColorOf('host/targetC') is "rgb(0, 128, 0)" |
| 33 :ancestor is updated when its matched ancestor changes className or id. | 33 :host-context is updated when its matched ancestor changes className or id. |
| 34 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" | 34 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" |
| 35 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" | 35 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" |
| 36 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" | 36 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" |
| 37 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" | 37 PASS backgroundColorOf('host') is "rgba(0, 0, 0, 0)" |
| 38 Compare :ancestor with :ancestor. | 38 Compare :host-context with :host-context. |
| 39 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" | 39 PASS backgroundColorOf('host') is "rgb(0, 128, 0)" |
| 40 PASS backgroundColorOf('host') is "rgb(255, 0, 0)" | 40 PASS backgroundColorOf('host') is "rgb(255, 0, 0)" |
| 41 PASS backgroundColorOf('host/target') is "rgb(0, 128, 0)" | 41 PASS backgroundColorOf('host/target') is "rgb(0, 128, 0)" |
| 42 PASS backgroundColorOf('host/target') is "rgb(0, 128, 0)" | 42 PASS backgroundColorOf('host/target') is "rgb(0, 128, 0)" |
| 43 PASS backgroundColorOf('host/target') is "rgb(0, 128, 0)" | 43 PASS backgroundColorOf('host/target') is "rgb(0, 128, 0)" |
| 44 PASS successfullyParsed is true | 44 PASS successfullyParsed is true |
| 45 | 45 |
| 46 TEST COMPLETE | 46 TEST COMPLETE |
| 47 | 47 |
| OLD | NEW |