LayoutTests/fast/selectors/matches-selector-list-expected.txt

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