| Check the ":matches(selectorList)" pseudo class with selector lists. |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| |
| Testing ":matches(testcaseA)" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA)').length is 5 |
| PASS document.querySelectorAll('#test-root :matches(testcaseA)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA)')[1].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA)')[2].id is "testcase5" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA)')[3].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA)')[4].id is "testcase9" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing ":matches(testcaseA, testcaseB)" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA, testcaseB)').length is 10 |
| PASS document.querySelectorAll('#test-root :matches(testcaseA, testcaseB)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA, testcaseB)')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA, testcaseB)')[2].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA, testcaseB)')[3].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA, testcaseB)')[4].id is "testcase5" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA, testcaseB)')[5].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA, testcaseB)')[6].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA, testcaseB)')[7].id is "testcase8" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA, testcaseB)')[8].id is "testcase9" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA, testcaseB)')[9].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches(#testcase1, #testcase2, #testcase3, #testcase4, #testcase5)" |
| PASS document.querySelectorAll('#test-root :matches(#testcase1, #testcase2, #testcase3, #testcase4, #testcase5)').length is 5 |
| PASS document.querySelectorAll('#test-root :matches(#testcase1, #testcase2, #testcase3, #testcase4, #testcase5)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(#testcase1, #testcase2, #testcase3, #testcase4, #testcase5)')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(#testcase1, #testcase2, #testcase3, #testcase4, #testcase5)')[2].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(#testcase1, #testcase2, #testcase3, #testcase4, #testcase5)')[3].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(#testcase1, #testcase2, #testcase3, #testcase4, #testcase5)')[4].id is "testcase5" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing ":matches(#testcase1, #testcase2, #testcase3, #testcase4, #testcase5, #testcase6, #testcase7, #testcase8, #testcase9, #testcase10)" |
| PASS document.querySelectorAll('#test-root :matches(#testcase1, #testcase2, #testcase3, #testcase4, #testcase5, #testcase6, #testcase7, #testcase8, #testcase9, #testcase10)').length is 10 |
| PASS document.querySelectorAll('#test-root :matches(#testcase1, #testcase2, #testcase3, #testcase4, #testcase5, #testcase6, #testcase7, #testcase8, #testcase9, #testcase10)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(#testcase1, #testcase2, #testcase3, #testcase4, #testcase5, #testcase6, #testcase7, #testcase8, #testcase9, #testcase10)')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(#testcase1, #testcase2, #testcase3, #testcase4, #testcase5, #testcase6, #testcase7, #testcase8, #testcase9, #testcase10)')[2].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(#testcase1, #testcase2, #testcase3, #testcase4, #testcase5, #testcase6, #testcase7, #testcase8, #testcase9, #testcase10)')[3].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(#testcase1, #testcase2, #testcase3, #testcase4, #testcase5, #testcase6, #testcase7, #testcase8, #testcase9, #testcase10)')[4].id is "testcase5" |
| PASS document.querySelectorAll('#test-root :matches(#testcase1, #testcase2, #testcase3, #testcase4, #testcase5, #testcase6, #testcase7, #testcase8, #testcase9, #testcase10)')[5].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(#testcase1, #testcase2, #testcase3, #testcase4, #testcase5, #testcase6, #testcase7, #testcase8, #testcase9, #testcase10)')[6].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(#testcase1, #testcase2, #testcase3, #testcase4, #testcase5, #testcase6, #testcase7, #testcase8, #testcase9, #testcase10)')[7].id is "testcase8" |
| PASS document.querySelectorAll('#test-root :matches(#testcase1, #testcase2, #testcase3, #testcase4, #testcase5, #testcase6, #testcase7, #testcase8, #testcase9, #testcase10)')[8].id is "testcase9" |
| PASS document.querySelectorAll('#test-root :matches(#testcase1, #testcase2, #testcase3, #testcase4, #testcase5, #testcase6, #testcase7, #testcase8, #testcase9, #testcase10)')[9].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches(testcaseA, #testcase1, #testcase2)" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA, #testcase1, #testcase2)').length is 6 |
| PASS document.querySelectorAll('#test-root :matches(testcaseA, #testcase1, #testcase2)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA, #testcase1, #testcase2)')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA, #testcase1, #testcase2)')[2].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA, #testcase1, #testcase2)')[3].id is "testcase5" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA, #testcase1, #testcase2)')[4].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA, #testcase1, #testcase2)')[5].id is "testcase9" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing ":matches([attribute3], [attribute2=value2])" |
| PASS document.querySelectorAll('#test-root :matches([attribute3], [attribute2=value2])').length is 6 |
| PASS document.querySelectorAll('#test-root :matches([attribute3], [attribute2=value2])')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches([attribute3], [attribute2=value2])')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches([attribute3], [attribute2=value2])')[2].id is "testcase5" |
| PASS document.querySelectorAll('#test-root :matches([attribute3], [attribute2=value2])')[3].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches([attribute3], [attribute2=value2])')[4].id is "testcase9" |
| PASS document.querySelectorAll('#test-root :matches([attribute3], [attribute2=value2])')[5].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches([attribute3], [attribute2=value2], testcaseB)" |
| PASS document.querySelectorAll('#test-root :matches([attribute3], [attribute2=value2], testcaseB)').length is 8 |
| PASS document.querySelectorAll('#test-root :matches([attribute3], [attribute2=value2], testcaseB)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches([attribute3], [attribute2=value2], testcaseB)')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches([attribute3], [attribute2=value2], testcaseB)')[2].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches([attribute3], [attribute2=value2], testcaseB)')[3].id is "testcase5" |
| PASS document.querySelectorAll('#test-root :matches([attribute3], [attribute2=value2], testcaseB)')[4].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches([attribute3], [attribute2=value2], testcaseB)')[5].id is "testcase8" |
| PASS document.querySelectorAll('#test-root :matches([attribute3], [attribute2=value2], testcaseB)')[6].id is "testcase9" |
| PASS document.querySelectorAll('#test-root :matches([attribute3], [attribute2=value2], testcaseB)')[7].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches(.bar)" |
| PASS document.querySelectorAll('#test-root :matches(.bar)').length is 7 |
| PASS document.querySelectorAll('#test-root :matches(.bar)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(.bar)')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(.bar)')[2].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(.bar)')[3].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(.bar)')[4].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(.bar)')[5].id is "testcase9" |
| PASS document.querySelectorAll('#test-root :matches(.bar)')[6].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches(.bar, .bazoo)" |
| PASS document.querySelectorAll('#test-root :matches(.bar, .bazoo)').length is 10 |
| PASS document.querySelectorAll('#test-root :matches(.bar, .bazoo)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(.bar, .bazoo)')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(.bar, .bazoo)')[2].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(.bar, .bazoo)')[3].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(.bar, .bazoo)')[4].id is "testcase5" |
| PASS document.querySelectorAll('#test-root :matches(.bar, .bazoo)')[5].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(.bar, .bazoo)')[6].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(.bar, .bazoo)')[7].id is "testcase8" |
| PASS document.querySelectorAll('#test-root :matches(.bar, .bazoo)')[8].id is "testcase9" |
| PASS document.querySelectorAll('#test-root :matches(.bar, .bazoo)')[9].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches(.foo, .bar)" |
| PASS document.querySelectorAll('#test-root :matches(.foo, .bar)').length is 10 |
| PASS document.querySelectorAll('#test-root :matches(.foo, .bar)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(.foo, .bar)')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(.foo, .bar)')[2].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(.foo, .bar)')[3].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(.foo, .bar)')[4].id is "testcase5" |
| PASS document.querySelectorAll('#test-root :matches(.foo, .bar)')[5].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(.foo, .bar)')[6].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(.foo, .bar)')[7].id is "testcase8" |
| PASS document.querySelectorAll('#test-root :matches(.foo, .bar)')[8].id is "testcase9" |
| PASS document.querySelectorAll('#test-root :matches(.foo, .bar)')[9].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches(.baz, .foo)" |
| PASS document.querySelectorAll('#test-root :matches(.baz, .foo)').length is 10 |
| PASS document.querySelectorAll('#test-root :matches(.baz, .foo)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(.baz, .foo)')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(.baz, .foo)')[2].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(.baz, .foo)')[3].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(.baz, .foo)')[4].id is "testcase5" |
| PASS document.querySelectorAll('#test-root :matches(.baz, .foo)')[5].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(.baz, .foo)')[6].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(.baz, .foo)')[7].id is "testcase8" |
| PASS document.querySelectorAll('#test-root :matches(.baz, .foo)')[8].id is "testcase9" |
| PASS document.querySelectorAll('#test-root :matches(.baz, .foo)')[9].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches(.bar.bazoo, .bar.baz)" |
| PASS document.querySelectorAll('#test-root :matches(.bar.bazoo, .bar.baz)').length is 7 |
| PASS document.querySelectorAll('#test-root :matches(.bar.bazoo, .bar.baz)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(.bar.bazoo, .bar.baz)')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(.bar.bazoo, .bar.baz)')[2].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(.bar.bazoo, .bar.baz)')[3].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(.bar.bazoo, .bar.baz)')[4].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(.bar.bazoo, .bar.baz)')[5].id is "testcase9" |
| PASS document.querySelectorAll('#test-root :matches(.bar.bazoo, .bar.baz)')[6].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches(testcaseeA.bar.bazoo, .bar.baz)" |
| PASS document.querySelectorAll('#test-root :matches(testcaseeA.bar.bazoo, .bar.baz)').length is 4 |
| PASS document.querySelectorAll('#test-root :matches(testcaseeA.bar.bazoo, .bar.baz)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(testcaseeA.bar.bazoo, .bar.baz)')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(testcaseeA.bar.bazoo, .bar.baz)')[2].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(testcaseeA.bar.bazoo, .bar.baz)')[3].id is "testcase7" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing ":matches(testcaseB.bar, .baz.foo.bar)" |
| PASS document.querySelectorAll('#test-root :matches(testcaseB.bar, .baz.foo.bar)').length is 4 |
| PASS document.querySelectorAll('#test-root :matches(testcaseB.bar, .baz.foo.bar)')[0].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(testcaseB.bar, .baz.foo.bar)')[1].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(testcaseB.bar, .baz.foo.bar)')[2].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(testcaseB.bar, .baz.foo.bar)')[3].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches(.baz.foo.bar, testcaseA[attribute1^=value])" |
| PASS document.querySelectorAll('#test-root :matches(.baz.foo.bar, testcaseA[attribute1^=value])').length is 4 |
| PASS document.querySelectorAll('#test-root :matches(.baz.foo.bar, testcaseA[attribute1^=value])')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(.baz.foo.bar, testcaseA[attribute1^=value])')[1].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(.baz.foo.bar, testcaseA[attribute1^=value])')[2].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(.baz.foo.bar, testcaseA[attribute1^=value])')[3].id is "testcase7" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing ":matches(testcaseA[attribute1^=value], .foo:empty)" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA[attribute1^=value], .foo:empty)').length is 4 |
| PASS document.querySelectorAll('#test-root :matches(testcaseA[attribute1^=value], .foo:empty)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA[attribute1^=value], .foo:empty)')[1].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA[attribute1^=value], .foo:empty)')[2].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(testcaseA[attribute1^=value], .foo:empty)')[3].id is "testcase9" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing ":matches(.foo:empty, .bar.baz)" |
| PASS document.querySelectorAll('#test-root :matches(.foo:empty, .bar.baz)').length is 5 |
| PASS document.querySelectorAll('#test-root :matches(.foo:empty, .bar.baz)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(.foo:empty, .bar.baz)')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(.foo:empty, .bar.baz)')[2].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(.foo:empty, .bar.baz)')[3].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(.foo:empty, .bar.baz)')[4].id is "testcase9" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing ":matches(.bar.bazoo, .bar.baz, testcaseeA.bar.bazoo, .baz.foo.bar, testcaseA[attribute1^=value])" |
| PASS document.querySelectorAll('#test-root :matches(.bar.bazoo, .bar.baz, testcaseeA.bar.bazoo, .baz.foo.bar, testcaseA[attribute1^=value])').length is 8 |
| PASS document.querySelectorAll('#test-root :matches(.bar.bazoo, .bar.baz, testcaseeA.bar.bazoo, .baz.foo.bar, testcaseA[attribute1^=value])')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(.bar.bazoo, .bar.baz, testcaseeA.bar.bazoo, .baz.foo.bar, testcaseA[attribute1^=value])')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(.bar.bazoo, .bar.baz, testcaseeA.bar.bazoo, .baz.foo.bar, testcaseA[attribute1^=value])')[2].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(.bar.bazoo, .bar.baz, testcaseeA.bar.bazoo, .baz.foo.bar, testcaseA[attribute1^=value])')[3].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(.bar.bazoo, .bar.baz, testcaseeA.bar.bazoo, .baz.foo.bar, testcaseA[attribute1^=value])')[4].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(.bar.bazoo, .bar.baz, testcaseeA.bar.bazoo, .baz.foo.bar, testcaseA[attribute1^=value])')[5].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(.bar.bazoo, .bar.baz, testcaseeA.bar.bazoo, .baz.foo.bar, testcaseA[attribute1^=value])')[6].id is "testcase9" |
| PASS document.querySelectorAll('#test-root :matches(.bar.bazoo, .bar.baz, testcaseeA.bar.bazoo, .baz.foo.bar, testcaseA[attribute1^=value])')[7].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches(testcaseeA.bar.bazoo, .bar.baz, .foo:empty)" |
| PASS document.querySelectorAll('#test-root :matches(testcaseeA.bar.bazoo, .bar.baz, .foo:empty)').length is 5 |
| PASS document.querySelectorAll('#test-root :matches(testcaseeA.bar.bazoo, .bar.baz, .foo:empty)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(testcaseeA.bar.bazoo, .bar.baz, .foo:empty)')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(testcaseeA.bar.bazoo, .bar.baz, .foo:empty)')[2].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(testcaseeA.bar.bazoo, .bar.baz, .foo:empty)')[3].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(testcaseeA.bar.bazoo, .bar.baz, .foo:empty)')[4].id is "testcase9" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing ":matches(testcaseB.bar, .baz.foo.bar, testcaseA[attribute1^=value])" |
| PASS document.querySelectorAll('#test-root :matches(testcaseB.bar, .baz.foo.bar, testcaseA[attribute1^=value])').length is 7 |
| PASS document.querySelectorAll('#test-root :matches(testcaseB.bar, .baz.foo.bar, testcaseA[attribute1^=value])')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(testcaseB.bar, .baz.foo.bar, testcaseA[attribute1^=value])')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(testcaseB.bar, .baz.foo.bar, testcaseA[attribute1^=value])')[2].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(testcaseB.bar, .baz.foo.bar, testcaseA[attribute1^=value])')[3].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(testcaseB.bar, .baz.foo.bar, testcaseA[attribute1^=value])')[4].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(testcaseB.bar, .baz.foo.bar, testcaseA[attribute1^=value])')[5].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(testcaseB.bar, .baz.foo.bar, testcaseA[attribute1^=value])')[6].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches(html>body testcaseB.bar, html body div .baz.foo.bar)" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar)').length is 4 |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar)')[0].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar)')[1].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar)')[2].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar)')[3].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value])" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value])').length is 7 |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value])')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value])')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value])')[2].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value])')[3].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value])')[4].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value])')[5].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value])')[6].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty)" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty)').length is 8 |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty)')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty)')[2].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty)')[3].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty)')[4].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty)')[5].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty)')[6].id is "testcase9" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty)')[7].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)').length is 9 |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[2].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[3].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[4].id is "testcase5" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[5].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[6].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[7].id is "testcase9" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[8].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)').length is 9 |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[2].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[3].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[4].id is "testcase5" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[5].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[6].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[7].id is "testcase9" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[8].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA ~ *)" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA ~ *)').length is 10 |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA ~ *)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA ~ *)')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA ~ *)')[2].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA ~ *)')[3].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA ~ *)')[4].id is "testcase5" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA ~ *)')[5].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA ~ *)')[6].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA ~ *)')[7].id is "testcase8" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA ~ *)')[8].id is "testcase9" |
| PASS document.querySelectorAll('#test-root :matches(html>body testcaseB.bar, html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA ~ *)')[9].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value])" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value])').length is 4 |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value])')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value])')[1].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value])')[2].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value])')[3].id is "testcase7" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing ":matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty)" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty)').length is 5 |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty)')[1].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty)')[2].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty)')[3].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty)')[4].id is "testcase9" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing ":matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)').length is 6 |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[1].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[2].id is "testcase5" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[3].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[4].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[5].id is "testcase9" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing ":matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)').length is 6 |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[1].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[2].id is "testcase5" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[3].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[4].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[5].id is "testcase9" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing ":matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)').length is 9 |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)')[1].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)')[2].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)')[3].id is "testcase5" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)')[4].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)')[5].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)')[6].id is "testcase8" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)')[7].id is "testcase9" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)')[8].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB, testcaseA ~ *)" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB, testcaseA ~ *)').length is 10 |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB, testcaseA ~ *)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB, testcaseA ~ *)')[1].id is "testcase2" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB, testcaseA ~ *)')[2].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB, testcaseA ~ *)')[3].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB, testcaseA ~ *)')[4].id is "testcase5" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB, testcaseA ~ *)')[5].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB, testcaseA ~ *)')[6].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB, testcaseA ~ *)')[7].id is "testcase8" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB, testcaseA ~ *)')[8].id is "testcase9" |
| PASS document.querySelectorAll('#test-root :matches(html body div .baz.foo.bar, :root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB, testcaseA ~ *)')[9].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing ":matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty)" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty)').length is 4 |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty)')[1].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty)')[2].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty)')[3].id is "testcase9" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing ":matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)').length is 5 |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[1].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[2].id is "testcase5" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[3].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *)')[4].id is "testcase9" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing ":matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)').length is 5 |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[1].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[2].id is "testcase5" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[3].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *)')[4].id is "testcase9" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing ":matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)').length is 9 |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)')[0].id is "testcase1" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)')[1].id is "testcase3" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)')[2].id is "testcase4" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)')[3].id is "testcase5" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)')[4].id is "testcase6" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)')[5].id is "testcase7" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)')[6].id is "testcase8" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)')[7].id is "testcase9" |
| PASS document.querySelectorAll('#test-root :matches(:root div>testcaseA[attribute1^=value], body>div .foo:empty, testcaseB + *, :root body>div testcaseB + *, testcaseA + testcaseB ~ testcaseB)')[8].id is "testcase10" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)" |
| |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |