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