Check various cases of register pressure with case-insensitive attribute matching (e.g. [foo=bar i]).

On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".


Testing "[type=foobar i]"
-baseline:
PASS document.querySelectorAll('[type=foobar i]').length is 10
PASS document.querySelectorAll('[type=foobar i]')[0].id is "testcase1"
PASS document.querySelectorAll('[type=foobar i]')[1].id is "testcase2"
PASS document.querySelectorAll('[type=foobar i]')[2].id is "testcase3"
PASS document.querySelectorAll('[type=foobar i]')[3].id is "testcase4"
PASS document.querySelectorAll('[type=foobar i]')[4].id is "testcase5"
PASS document.querySelectorAll('[type=foobar i]')[5].id is "testcase6"
PASS document.querySelectorAll('[type=foobar i]')[6].id is "testcase7"
PASS document.querySelectorAll('[type=foobar i]')[7].id is "testcase8"
PASS document.querySelectorAll('[type=foobar i]')[8].id is "testcase9"
PASS document.querySelectorAll('[type=foobar i]')[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)"

-with tagname:
PASS document.querySelectorAll('testcase[type=foobar i]').length is 10
PASS document.querySelectorAll('testcase[type=foobar i]')[0].id is "testcase1"
PASS document.querySelectorAll('testcase[type=foobar i]')[1].id is "testcase2"
PASS document.querySelectorAll('testcase[type=foobar i]')[2].id is "testcase3"
PASS document.querySelectorAll('testcase[type=foobar i]')[3].id is "testcase4"
PASS document.querySelectorAll('testcase[type=foobar i]')[4].id is "testcase5"
PASS document.querySelectorAll('testcase[type=foobar i]')[5].id is "testcase6"
PASS document.querySelectorAll('testcase[type=foobar i]')[6].id is "testcase7"
PASS document.querySelectorAll('testcase[type=foobar i]')[7].id is "testcase8"
PASS document.querySelectorAll('testcase[type=foobar i]')[8].id is "testcase9"
PASS document.querySelectorAll('testcase[type=foobar i]')[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)"

-with classes:
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i]').length is 10
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i]')[0].id is "testcase1"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i]')[1].id is "testcase2"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i]')[2].id is "testcase3"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i]')[3].id is "testcase4"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i]')[4].id is "testcase5"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i]')[5].id is "testcase6"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i]')[6].id is "testcase7"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i]')[7].id is "testcase8"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i]')[8].id is "testcase9"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i]')[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)"

-in functional pseudo classes:
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i], #this-is-not-in-the-document))').length is 10
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i], #this-is-not-in-the-document))')[0].id is "testcase1"
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i], #this-is-not-in-the-document))')[1].id is "testcase2"
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i], #this-is-not-in-the-document))')[2].id is "testcase3"
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i], #this-is-not-in-the-document))')[3].id is "testcase4"
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i], #this-is-not-in-the-document))')[4].id is "testcase5"
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i], #this-is-not-in-the-document))')[5].id is "testcase6"
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i], #this-is-not-in-the-document))')[6].id is "testcase7"
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i], #this-is-not-in-the-document))')[7].id is "testcase8"
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i], #this-is-not-in-the-document))')[8].id is "testcase9"
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i], #this-is-not-in-the-document))')[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 "[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]"
-baseline:
PASS document.querySelectorAll('[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]').length is 10
PASS document.querySelectorAll('[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[0].id is "testcase1"
PASS document.querySelectorAll('[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[1].id is "testcase2"
PASS document.querySelectorAll('[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[2].id is "testcase3"
PASS document.querySelectorAll('[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[3].id is "testcase4"
PASS document.querySelectorAll('[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[4].id is "testcase5"
PASS document.querySelectorAll('[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[5].id is "testcase6"
PASS document.querySelectorAll('[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[6].id is "testcase7"
PASS document.querySelectorAll('[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[7].id is "testcase8"
PASS document.querySelectorAll('[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[8].id is "testcase9"
PASS document.querySelectorAll('[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[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)"

-with tagname:
PASS document.querySelectorAll('testcase[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]').length is 10
PASS document.querySelectorAll('testcase[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[0].id is "testcase1"
PASS document.querySelectorAll('testcase[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[1].id is "testcase2"
PASS document.querySelectorAll('testcase[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[2].id is "testcase3"
PASS document.querySelectorAll('testcase[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[3].id is "testcase4"
PASS document.querySelectorAll('testcase[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[4].id is "testcase5"
PASS document.querySelectorAll('testcase[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[5].id is "testcase6"
PASS document.querySelectorAll('testcase[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[6].id is "testcase7"
PASS document.querySelectorAll('testcase[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[7].id is "testcase8"
PASS document.querySelectorAll('testcase[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[8].id is "testcase9"
PASS document.querySelectorAll('testcase[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[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)"

-with classes:
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]').length is 10
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[0].id is "testcase1"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[1].id is "testcase2"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[2].id is "testcase3"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[3].id is "testcase4"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[4].id is "testcase5"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[5].id is "testcase6"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[6].id is "testcase7"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[7].id is "testcase8"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[8].id is "testcase9"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i]')[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)"

-in functional pseudo classes:
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i], #this-is-not-in-the-document))').length is 10
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i], #this-is-not-in-the-document))')[0].id is "testcase1"
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i], #this-is-not-in-the-document))')[1].id is "testcase2"
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i], #this-is-not-in-the-document))')[2].id is "testcase3"
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i], #this-is-not-in-the-document))')[3].id is "testcase4"
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i], #this-is-not-in-the-document))')[4].id is "testcase5"
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i], #this-is-not-in-the-document))')[5].id is "testcase6"
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i], #this-is-not-in-the-document))')[6].id is "testcase7"
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i], #this-is-not-in-the-document))')[7].id is "testcase8"
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i], #this-is-not-in-the-document))')[8].id is "testcase9"
PASS document.querySelectorAll(':nth-child(n of :matches([type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i][type=foobar i], #this-is-not-in-the-document))')[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 "[attribute1=VALUE1 i]"
-baseline:
PASS document.querySelectorAll('[attribute1=VALUE1 i]').length is 7
PASS document.querySelectorAll('[attribute1=VALUE1 i]')[0].id is "testcase1"
PASS document.querySelectorAll('[attribute1=VALUE1 i]')[1].id is "testcase3"
PASS document.querySelectorAll('[attribute1=VALUE1 i]')[2].id is "testcase4"
PASS document.querySelectorAll('[attribute1=VALUE1 i]')[3].id is "testcase6"
PASS document.querySelectorAll('[attribute1=VALUE1 i]')[4].id is "testcase7"
PASS document.querySelectorAll('[attribute1=VALUE1 i]')[5].id is "testcase8"
PASS document.querySelectorAll('[attribute1=VALUE1 i]')[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(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(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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"

-with tagname:
PASS document.querySelectorAll('testcase[attribute1=VALUE1 i]').length is 7
PASS document.querySelectorAll('testcase[attribute1=VALUE1 i]')[0].id is "testcase1"
PASS document.querySelectorAll('testcase[attribute1=VALUE1 i]')[1].id is "testcase3"
PASS document.querySelectorAll('testcase[attribute1=VALUE1 i]')[2].id is "testcase4"
PASS document.querySelectorAll('testcase[attribute1=VALUE1 i]')[3].id is "testcase6"
PASS document.querySelectorAll('testcase[attribute1=VALUE1 i]')[4].id is "testcase7"
PASS document.querySelectorAll('testcase[attribute1=VALUE1 i]')[5].id is "testcase8"
PASS document.querySelectorAll('testcase[attribute1=VALUE1 i]')[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(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(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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"

-with classes:
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[attribute1=VALUE1 i]').length is 7
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[attribute1=VALUE1 i]')[0].id is "testcase1"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[attribute1=VALUE1 i]')[1].id is "testcase3"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[attribute1=VALUE1 i]')[2].id is "testcase4"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[attribute1=VALUE1 i]')[3].id is "testcase6"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[attribute1=VALUE1 i]')[4].id is "testcase7"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[attribute1=VALUE1 i]')[5].id is "testcase8"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[attribute1=VALUE1 i]')[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(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(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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"

-in functional pseudo classes:
PASS document.querySelectorAll(':nth-child(n of :matches([attribute1=VALUE1 i], #this-is-not-in-the-document))').length is 7
PASS document.querySelectorAll(':nth-child(n of :matches([attribute1=VALUE1 i], #this-is-not-in-the-document))')[0].id is "testcase1"
PASS document.querySelectorAll(':nth-child(n of :matches([attribute1=VALUE1 i], #this-is-not-in-the-document))')[1].id is "testcase3"
PASS document.querySelectorAll(':nth-child(n of :matches([attribute1=VALUE1 i], #this-is-not-in-the-document))')[2].id is "testcase4"
PASS document.querySelectorAll(':nth-child(n of :matches([attribute1=VALUE1 i], #this-is-not-in-the-document))')[3].id is "testcase6"
PASS document.querySelectorAll(':nth-child(n of :matches([attribute1=VALUE1 i], #this-is-not-in-the-document))')[4].id is "testcase7"
PASS document.querySelectorAll(':nth-child(n of :matches([attribute1=VALUE1 i], #this-is-not-in-the-document))')[5].id is "testcase8"
PASS document.querySelectorAll(':nth-child(n of :matches([attribute1=VALUE1 i], #this-is-not-in-the-document))')[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(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(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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"


Testing "[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]"
-baseline:
PASS document.querySelectorAll('[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]').length is 7
PASS document.querySelectorAll('[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[0].id is "testcase1"
PASS document.querySelectorAll('[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[1].id is "testcase3"
PASS document.querySelectorAll('[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[2].id is "testcase4"
PASS document.querySelectorAll('[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[3].id is "testcase6"
PASS document.querySelectorAll('[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[4].id is "testcase7"
PASS document.querySelectorAll('[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[5].id is "testcase8"
PASS document.querySelectorAll('[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[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(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(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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"

-with tagname:
PASS document.querySelectorAll('testcase[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]').length is 7
PASS document.querySelectorAll('testcase[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[0].id is "testcase1"
PASS document.querySelectorAll('testcase[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[1].id is "testcase3"
PASS document.querySelectorAll('testcase[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[2].id is "testcase4"
PASS document.querySelectorAll('testcase[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[3].id is "testcase6"
PASS document.querySelectorAll('testcase[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[4].id is "testcase7"
PASS document.querySelectorAll('testcase[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[5].id is "testcase8"
PASS document.querySelectorAll('testcase[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[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(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(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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"

-with classes:
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]').length is 7
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[0].id is "testcase1"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[1].id is "testcase3"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[2].id is "testcase4"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[3].id is "testcase6"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[4].id is "testcase7"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[5].id is "testcase8"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i]')[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(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(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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"

-in functional pseudo classes:
PASS document.querySelectorAll(':nth-child(n of :matches([attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i], #this-is-not-in-the-document))').length is 7
PASS document.querySelectorAll(':nth-child(n of :matches([attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i], #this-is-not-in-the-document))')[0].id is "testcase1"
PASS document.querySelectorAll(':nth-child(n of :matches([attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i], #this-is-not-in-the-document))')[1].id is "testcase3"
PASS document.querySelectorAll(':nth-child(n of :matches([attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i], #this-is-not-in-the-document))')[2].id is "testcase4"
PASS document.querySelectorAll(':nth-child(n of :matches([attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i], #this-is-not-in-the-document))')[3].id is "testcase6"
PASS document.querySelectorAll(':nth-child(n of :matches([attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i], #this-is-not-in-the-document))')[4].id is "testcase7"
PASS document.querySelectorAll(':nth-child(n of :matches([attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i], #this-is-not-in-the-document))')[5].id is "testcase8"
PASS document.querySelectorAll(':nth-child(n of :matches([attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i][attribute1=VALUE1 i], #this-is-not-in-the-document))')[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(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(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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"


Testing "[type~=foobar i]"
-baseline:
PASS document.querySelectorAll('[type~=foobar i]').length is 10
PASS document.querySelectorAll('[type~=foobar i]')[0].id is "testcase1"
PASS document.querySelectorAll('[type~=foobar i]')[1].id is "testcase2"
PASS document.querySelectorAll('[type~=foobar i]')[2].id is "testcase3"
PASS document.querySelectorAll('[type~=foobar i]')[3].id is "testcase4"
PASS document.querySelectorAll('[type~=foobar i]')[4].id is "testcase5"
PASS document.querySelectorAll('[type~=foobar i]')[5].id is "testcase6"
PASS document.querySelectorAll('[type~=foobar i]')[6].id is "testcase7"
PASS document.querySelectorAll('[type~=foobar i]')[7].id is "testcase8"
PASS document.querySelectorAll('[type~=foobar i]')[8].id is "testcase9"
PASS document.querySelectorAll('[type~=foobar i]')[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)"

-with tagname:
PASS document.querySelectorAll('testcase[type~=foobar i]').length is 10
PASS document.querySelectorAll('testcase[type~=foobar i]')[0].id is "testcase1"
PASS document.querySelectorAll('testcase[type~=foobar i]')[1].id is "testcase2"
PASS document.querySelectorAll('testcase[type~=foobar i]')[2].id is "testcase3"
PASS document.querySelectorAll('testcase[type~=foobar i]')[3].id is "testcase4"
PASS document.querySelectorAll('testcase[type~=foobar i]')[4].id is "testcase5"
PASS document.querySelectorAll('testcase[type~=foobar i]')[5].id is "testcase6"
PASS document.querySelectorAll('testcase[type~=foobar i]')[6].id is "testcase7"
PASS document.querySelectorAll('testcase[type~=foobar i]')[7].id is "testcase8"
PASS document.querySelectorAll('testcase[type~=foobar i]')[8].id is "testcase9"
PASS document.querySelectorAll('testcase[type~=foobar i]')[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)"

-with classes:
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i]').length is 10
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i]')[0].id is "testcase1"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i]')[1].id is "testcase2"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i]')[2].id is "testcase3"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i]')[3].id is "testcase4"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i]')[4].id is "testcase5"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i]')[5].id is "testcase6"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i]')[6].id is "testcase7"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i]')[7].id is "testcase8"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i]')[8].id is "testcase9"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i]')[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)"

-in functional pseudo classes:
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i], #this-is-not-in-the-document))').length is 10
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i], #this-is-not-in-the-document))')[0].id is "testcase1"
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i], #this-is-not-in-the-document))')[1].id is "testcase2"
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i], #this-is-not-in-the-document))')[2].id is "testcase3"
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i], #this-is-not-in-the-document))')[3].id is "testcase4"
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i], #this-is-not-in-the-document))')[4].id is "testcase5"
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i], #this-is-not-in-the-document))')[5].id is "testcase6"
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i], #this-is-not-in-the-document))')[6].id is "testcase7"
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i], #this-is-not-in-the-document))')[7].id is "testcase8"
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i], #this-is-not-in-the-document))')[8].id is "testcase9"
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i], #this-is-not-in-the-document))')[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 "[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]"
-baseline:
PASS document.querySelectorAll('[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]').length is 10
PASS document.querySelectorAll('[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[0].id is "testcase1"
PASS document.querySelectorAll('[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[1].id is "testcase2"
PASS document.querySelectorAll('[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[2].id is "testcase3"
PASS document.querySelectorAll('[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[3].id is "testcase4"
PASS document.querySelectorAll('[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[4].id is "testcase5"
PASS document.querySelectorAll('[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[5].id is "testcase6"
PASS document.querySelectorAll('[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[6].id is "testcase7"
PASS document.querySelectorAll('[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[7].id is "testcase8"
PASS document.querySelectorAll('[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[8].id is "testcase9"
PASS document.querySelectorAll('[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[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)"

-with tagname:
PASS document.querySelectorAll('testcase[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]').length is 10
PASS document.querySelectorAll('testcase[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[0].id is "testcase1"
PASS document.querySelectorAll('testcase[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[1].id is "testcase2"
PASS document.querySelectorAll('testcase[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[2].id is "testcase3"
PASS document.querySelectorAll('testcase[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[3].id is "testcase4"
PASS document.querySelectorAll('testcase[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[4].id is "testcase5"
PASS document.querySelectorAll('testcase[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[5].id is "testcase6"
PASS document.querySelectorAll('testcase[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[6].id is "testcase7"
PASS document.querySelectorAll('testcase[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[7].id is "testcase8"
PASS document.querySelectorAll('testcase[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[8].id is "testcase9"
PASS document.querySelectorAll('testcase[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[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)"

-with classes:
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]').length is 10
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[0].id is "testcase1"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[1].id is "testcase2"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[2].id is "testcase3"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[3].id is "testcase4"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[4].id is "testcase5"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[5].id is "testcase6"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[6].id is "testcase7"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[7].id is "testcase8"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[8].id is "testcase9"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i]')[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)"

-in functional pseudo classes:
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i], #this-is-not-in-the-document))').length is 10
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i], #this-is-not-in-the-document))')[0].id is "testcase1"
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i], #this-is-not-in-the-document))')[1].id is "testcase2"
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i], #this-is-not-in-the-document))')[2].id is "testcase3"
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i], #this-is-not-in-the-document))')[3].id is "testcase4"
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i], #this-is-not-in-the-document))')[4].id is "testcase5"
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i], #this-is-not-in-the-document))')[5].id is "testcase6"
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i], #this-is-not-in-the-document))')[6].id is "testcase7"
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i], #this-is-not-in-the-document))')[7].id is "testcase8"
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i], #this-is-not-in-the-document))')[8].id is "testcase9"
PASS document.querySelectorAll(':nth-child(n of :matches([type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i][type~=foobar i], #this-is-not-in-the-document))')[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 "[type|=foobar i]"
-baseline:
PASS document.querySelectorAll('[type|=foobar i]').length is 10
PASS document.querySelectorAll('[type|=foobar i]')[0].id is "testcase1"
PASS document.querySelectorAll('[type|=foobar i]')[1].id is "testcase2"
PASS document.querySelectorAll('[type|=foobar i]')[2].id is "testcase3"
PASS document.querySelectorAll('[type|=foobar i]')[3].id is "testcase4"
PASS document.querySelectorAll('[type|=foobar i]')[4].id is "testcase5"
PASS document.querySelectorAll('[type|=foobar i]')[5].id is "testcase6"
PASS document.querySelectorAll('[type|=foobar i]')[6].id is "testcase7"
PASS document.querySelectorAll('[type|=foobar i]')[7].id is "testcase8"
PASS document.querySelectorAll('[type|=foobar i]')[8].id is "testcase9"
PASS document.querySelectorAll('[type|=foobar i]')[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)"

-with tagname:
PASS document.querySelectorAll('testcase[type|=foobar i]').length is 10
PASS document.querySelectorAll('testcase[type|=foobar i]')[0].id is "testcase1"
PASS document.querySelectorAll('testcase[type|=foobar i]')[1].id is "testcase2"
PASS document.querySelectorAll('testcase[type|=foobar i]')[2].id is "testcase3"
PASS document.querySelectorAll('testcase[type|=foobar i]')[3].id is "testcase4"
PASS document.querySelectorAll('testcase[type|=foobar i]')[4].id is "testcase5"
PASS document.querySelectorAll('testcase[type|=foobar i]')[5].id is "testcase6"
PASS document.querySelectorAll('testcase[type|=foobar i]')[6].id is "testcase7"
PASS document.querySelectorAll('testcase[type|=foobar i]')[7].id is "testcase8"
PASS document.querySelectorAll('testcase[type|=foobar i]')[8].id is "testcase9"
PASS document.querySelectorAll('testcase[type|=foobar i]')[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)"

-with classes:
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i]').length is 10
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i]')[0].id is "testcase1"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i]')[1].id is "testcase2"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i]')[2].id is "testcase3"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i]')[3].id is "testcase4"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i]')[4].id is "testcase5"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i]')[5].id is "testcase6"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i]')[6].id is "testcase7"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i]')[7].id is "testcase8"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i]')[8].id is "testcase9"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i]')[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)"

-in functional pseudo classes:
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i], #this-is-not-in-the-document))').length is 10
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i], #this-is-not-in-the-document))')[0].id is "testcase1"
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i], #this-is-not-in-the-document))')[1].id is "testcase2"
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i], #this-is-not-in-the-document))')[2].id is "testcase3"
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i], #this-is-not-in-the-document))')[3].id is "testcase4"
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i], #this-is-not-in-the-document))')[4].id is "testcase5"
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i], #this-is-not-in-the-document))')[5].id is "testcase6"
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i], #this-is-not-in-the-document))')[6].id is "testcase7"
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i], #this-is-not-in-the-document))')[7].id is "testcase8"
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i], #this-is-not-in-the-document))')[8].id is "testcase9"
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i], #this-is-not-in-the-document))')[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 "[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]"
-baseline:
PASS document.querySelectorAll('[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]').length is 10
PASS document.querySelectorAll('[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[0].id is "testcase1"
PASS document.querySelectorAll('[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[1].id is "testcase2"
PASS document.querySelectorAll('[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[2].id is "testcase3"
PASS document.querySelectorAll('[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[3].id is "testcase4"
PASS document.querySelectorAll('[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[4].id is "testcase5"
PASS document.querySelectorAll('[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[5].id is "testcase6"
PASS document.querySelectorAll('[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[6].id is "testcase7"
PASS document.querySelectorAll('[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[7].id is "testcase8"
PASS document.querySelectorAll('[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[8].id is "testcase9"
PASS document.querySelectorAll('[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[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)"

-with tagname:
PASS document.querySelectorAll('testcase[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]').length is 10
PASS document.querySelectorAll('testcase[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[0].id is "testcase1"
PASS document.querySelectorAll('testcase[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[1].id is "testcase2"
PASS document.querySelectorAll('testcase[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[2].id is "testcase3"
PASS document.querySelectorAll('testcase[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[3].id is "testcase4"
PASS document.querySelectorAll('testcase[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[4].id is "testcase5"
PASS document.querySelectorAll('testcase[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[5].id is "testcase6"
PASS document.querySelectorAll('testcase[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[6].id is "testcase7"
PASS document.querySelectorAll('testcase[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[7].id is "testcase8"
PASS document.querySelectorAll('testcase[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[8].id is "testcase9"
PASS document.querySelectorAll('testcase[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[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)"

-with classes:
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]').length is 10
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[0].id is "testcase1"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[1].id is "testcase2"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[2].id is "testcase3"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[3].id is "testcase4"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[4].id is "testcase5"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[5].id is "testcase6"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[6].id is "testcase7"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[7].id is "testcase8"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[8].id is "testcase9"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i]')[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)"

-in functional pseudo classes:
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i], #this-is-not-in-the-document))').length is 10
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i], #this-is-not-in-the-document))')[0].id is "testcase1"
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i], #this-is-not-in-the-document))')[1].id is "testcase2"
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i], #this-is-not-in-the-document))')[2].id is "testcase3"
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i], #this-is-not-in-the-document))')[3].id is "testcase4"
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i], #this-is-not-in-the-document))')[4].id is "testcase5"
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i], #this-is-not-in-the-document))')[5].id is "testcase6"
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i], #this-is-not-in-the-document))')[6].id is "testcase7"
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i], #this-is-not-in-the-document))')[7].id is "testcase8"
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i], #this-is-not-in-the-document))')[8].id is "testcase9"
PASS document.querySelectorAll(':nth-child(n of :matches([type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i][type|=foobar i], #this-is-not-in-the-document))')[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 "[type^=foOba i]"
-baseline:
PASS document.querySelectorAll('[type^=foOba i]').length is 10
PASS document.querySelectorAll('[type^=foOba i]')[0].id is "testcase1"
PASS document.querySelectorAll('[type^=foOba i]')[1].id is "testcase2"
PASS document.querySelectorAll('[type^=foOba i]')[2].id is "testcase3"
PASS document.querySelectorAll('[type^=foOba i]')[3].id is "testcase4"
PASS document.querySelectorAll('[type^=foOba i]')[4].id is "testcase5"
PASS document.querySelectorAll('[type^=foOba i]')[5].id is "testcase6"
PASS document.querySelectorAll('[type^=foOba i]')[6].id is "testcase7"
PASS document.querySelectorAll('[type^=foOba i]')[7].id is "testcase8"
PASS document.querySelectorAll('[type^=foOba i]')[8].id is "testcase9"
PASS document.querySelectorAll('[type^=foOba i]')[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)"

-with tagname:
PASS document.querySelectorAll('testcase[type^=foOba i]').length is 10
PASS document.querySelectorAll('testcase[type^=foOba i]')[0].id is "testcase1"
PASS document.querySelectorAll('testcase[type^=foOba i]')[1].id is "testcase2"
PASS document.querySelectorAll('testcase[type^=foOba i]')[2].id is "testcase3"
PASS document.querySelectorAll('testcase[type^=foOba i]')[3].id is "testcase4"
PASS document.querySelectorAll('testcase[type^=foOba i]')[4].id is "testcase5"
PASS document.querySelectorAll('testcase[type^=foOba i]')[5].id is "testcase6"
PASS document.querySelectorAll('testcase[type^=foOba i]')[6].id is "testcase7"
PASS document.querySelectorAll('testcase[type^=foOba i]')[7].id is "testcase8"
PASS document.querySelectorAll('testcase[type^=foOba i]')[8].id is "testcase9"
PASS document.querySelectorAll('testcase[type^=foOba i]')[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)"

-with classes:
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i]').length is 10
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i]')[0].id is "testcase1"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i]')[1].id is "testcase2"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i]')[2].id is "testcase3"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i]')[3].id is "testcase4"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i]')[4].id is "testcase5"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i]')[5].id is "testcase6"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i]')[6].id is "testcase7"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i]')[7].id is "testcase8"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i]')[8].id is "testcase9"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i]')[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)"

-in functional pseudo classes:
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i], #this-is-not-in-the-document))').length is 10
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i], #this-is-not-in-the-document))')[0].id is "testcase1"
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i], #this-is-not-in-the-document))')[1].id is "testcase2"
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i], #this-is-not-in-the-document))')[2].id is "testcase3"
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i], #this-is-not-in-the-document))')[3].id is "testcase4"
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i], #this-is-not-in-the-document))')[4].id is "testcase5"
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i], #this-is-not-in-the-document))')[5].id is "testcase6"
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i], #this-is-not-in-the-document))')[6].id is "testcase7"
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i], #this-is-not-in-the-document))')[7].id is "testcase8"
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i], #this-is-not-in-the-document))')[8].id is "testcase9"
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i], #this-is-not-in-the-document))')[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 "[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]"
-baseline:
PASS document.querySelectorAll('[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]').length is 10
PASS document.querySelectorAll('[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[0].id is "testcase1"
PASS document.querySelectorAll('[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[1].id is "testcase2"
PASS document.querySelectorAll('[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[2].id is "testcase3"
PASS document.querySelectorAll('[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[3].id is "testcase4"
PASS document.querySelectorAll('[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[4].id is "testcase5"
PASS document.querySelectorAll('[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[5].id is "testcase6"
PASS document.querySelectorAll('[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[6].id is "testcase7"
PASS document.querySelectorAll('[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[7].id is "testcase8"
PASS document.querySelectorAll('[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[8].id is "testcase9"
PASS document.querySelectorAll('[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[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)"

-with tagname:
PASS document.querySelectorAll('testcase[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]').length is 10
PASS document.querySelectorAll('testcase[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[0].id is "testcase1"
PASS document.querySelectorAll('testcase[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[1].id is "testcase2"
PASS document.querySelectorAll('testcase[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[2].id is "testcase3"
PASS document.querySelectorAll('testcase[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[3].id is "testcase4"
PASS document.querySelectorAll('testcase[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[4].id is "testcase5"
PASS document.querySelectorAll('testcase[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[5].id is "testcase6"
PASS document.querySelectorAll('testcase[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[6].id is "testcase7"
PASS document.querySelectorAll('testcase[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[7].id is "testcase8"
PASS document.querySelectorAll('testcase[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[8].id is "testcase9"
PASS document.querySelectorAll('testcase[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[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)"

-with classes:
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]').length is 10
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[0].id is "testcase1"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[1].id is "testcase2"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[2].id is "testcase3"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[3].id is "testcase4"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[4].id is "testcase5"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[5].id is "testcase6"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[6].id is "testcase7"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[7].id is "testcase8"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[8].id is "testcase9"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i]')[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)"

-in functional pseudo classes:
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i], #this-is-not-in-the-document))').length is 10
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i], #this-is-not-in-the-document))')[0].id is "testcase1"
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i], #this-is-not-in-the-document))')[1].id is "testcase2"
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i], #this-is-not-in-the-document))')[2].id is "testcase3"
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i], #this-is-not-in-the-document))')[3].id is "testcase4"
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i], #this-is-not-in-the-document))')[4].id is "testcase5"
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i], #this-is-not-in-the-document))')[5].id is "testcase6"
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i], #this-is-not-in-the-document))')[6].id is "testcase7"
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i], #this-is-not-in-the-document))')[7].id is "testcase8"
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i], #this-is-not-in-the-document))')[8].id is "testcase9"
PASS document.querySelectorAll(':nth-child(n of :matches([type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i][type^=foOba i], #this-is-not-in-the-document))')[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 "[type$=oobAR i]"
-baseline:
PASS document.querySelectorAll('[type$=oobAR i]').length is 10
PASS document.querySelectorAll('[type$=oobAR i]')[0].id is "testcase1"
PASS document.querySelectorAll('[type$=oobAR i]')[1].id is "testcase2"
PASS document.querySelectorAll('[type$=oobAR i]')[2].id is "testcase3"
PASS document.querySelectorAll('[type$=oobAR i]')[3].id is "testcase4"
PASS document.querySelectorAll('[type$=oobAR i]')[4].id is "testcase5"
PASS document.querySelectorAll('[type$=oobAR i]')[5].id is "testcase6"
PASS document.querySelectorAll('[type$=oobAR i]')[6].id is "testcase7"
PASS document.querySelectorAll('[type$=oobAR i]')[7].id is "testcase8"
PASS document.querySelectorAll('[type$=oobAR i]')[8].id is "testcase9"
PASS document.querySelectorAll('[type$=oobAR i]')[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)"

-with tagname:
PASS document.querySelectorAll('testcase[type$=oobAR i]').length is 10
PASS document.querySelectorAll('testcase[type$=oobAR i]')[0].id is "testcase1"
PASS document.querySelectorAll('testcase[type$=oobAR i]')[1].id is "testcase2"
PASS document.querySelectorAll('testcase[type$=oobAR i]')[2].id is "testcase3"
PASS document.querySelectorAll('testcase[type$=oobAR i]')[3].id is "testcase4"
PASS document.querySelectorAll('testcase[type$=oobAR i]')[4].id is "testcase5"
PASS document.querySelectorAll('testcase[type$=oobAR i]')[5].id is "testcase6"
PASS document.querySelectorAll('testcase[type$=oobAR i]')[6].id is "testcase7"
PASS document.querySelectorAll('testcase[type$=oobAR i]')[7].id is "testcase8"
PASS document.querySelectorAll('testcase[type$=oobAR i]')[8].id is "testcase9"
PASS document.querySelectorAll('testcase[type$=oobAR i]')[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)"

-with classes:
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i]').length is 10
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i]')[0].id is "testcase1"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i]')[1].id is "testcase2"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i]')[2].id is "testcase3"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i]')[3].id is "testcase4"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i]')[4].id is "testcase5"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i]')[5].id is "testcase6"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i]')[6].id is "testcase7"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i]')[7].id is "testcase8"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i]')[8].id is "testcase9"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i]')[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)"

-in functional pseudo classes:
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i], #this-is-not-in-the-document))').length is 10
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i], #this-is-not-in-the-document))')[0].id is "testcase1"
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i], #this-is-not-in-the-document))')[1].id is "testcase2"
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i], #this-is-not-in-the-document))')[2].id is "testcase3"
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i], #this-is-not-in-the-document))')[3].id is "testcase4"
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i], #this-is-not-in-the-document))')[4].id is "testcase5"
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i], #this-is-not-in-the-document))')[5].id is "testcase6"
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i], #this-is-not-in-the-document))')[6].id is "testcase7"
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i], #this-is-not-in-the-document))')[7].id is "testcase8"
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i], #this-is-not-in-the-document))')[8].id is "testcase9"
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i], #this-is-not-in-the-document))')[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 "[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]"
-baseline:
PASS document.querySelectorAll('[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]').length is 10
PASS document.querySelectorAll('[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[0].id is "testcase1"
PASS document.querySelectorAll('[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[1].id is "testcase2"
PASS document.querySelectorAll('[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[2].id is "testcase3"
PASS document.querySelectorAll('[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[3].id is "testcase4"
PASS document.querySelectorAll('[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[4].id is "testcase5"
PASS document.querySelectorAll('[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[5].id is "testcase6"
PASS document.querySelectorAll('[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[6].id is "testcase7"
PASS document.querySelectorAll('[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[7].id is "testcase8"
PASS document.querySelectorAll('[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[8].id is "testcase9"
PASS document.querySelectorAll('[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[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)"

-with tagname:
PASS document.querySelectorAll('testcase[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]').length is 10
PASS document.querySelectorAll('testcase[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[0].id is "testcase1"
PASS document.querySelectorAll('testcase[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[1].id is "testcase2"
PASS document.querySelectorAll('testcase[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[2].id is "testcase3"
PASS document.querySelectorAll('testcase[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[3].id is "testcase4"
PASS document.querySelectorAll('testcase[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[4].id is "testcase5"
PASS document.querySelectorAll('testcase[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[5].id is "testcase6"
PASS document.querySelectorAll('testcase[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[6].id is "testcase7"
PASS document.querySelectorAll('testcase[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[7].id is "testcase8"
PASS document.querySelectorAll('testcase[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[8].id is "testcase9"
PASS document.querySelectorAll('testcase[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[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)"

-with classes:
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]').length is 10
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[0].id is "testcase1"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[1].id is "testcase2"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[2].id is "testcase3"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[3].id is "testcase4"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[4].id is "testcase5"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[5].id is "testcase6"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[6].id is "testcase7"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[7].id is "testcase8"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[8].id is "testcase9"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i]')[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)"

-in functional pseudo classes:
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i], #this-is-not-in-the-document))').length is 10
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i], #this-is-not-in-the-document))')[0].id is "testcase1"
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i], #this-is-not-in-the-document))')[1].id is "testcase2"
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i], #this-is-not-in-the-document))')[2].id is "testcase3"
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i], #this-is-not-in-the-document))')[3].id is "testcase4"
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i], #this-is-not-in-the-document))')[4].id is "testcase5"
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i], #this-is-not-in-the-document))')[5].id is "testcase6"
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i], #this-is-not-in-the-document))')[6].id is "testcase7"
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i], #this-is-not-in-the-document))')[7].id is "testcase8"
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i], #this-is-not-in-the-document))')[8].id is "testcase9"
PASS document.querySelectorAll(':nth-child(n of :matches([type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i][type$=oobAR i], #this-is-not-in-the-document))')[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 "[type*=OOba i]"
-baseline:
PASS document.querySelectorAll('[type*=OOba i]').length is 10
PASS document.querySelectorAll('[type*=OOba i]')[0].id is "testcase1"
PASS document.querySelectorAll('[type*=OOba i]')[1].id is "testcase2"
PASS document.querySelectorAll('[type*=OOba i]')[2].id is "testcase3"
PASS document.querySelectorAll('[type*=OOba i]')[3].id is "testcase4"
PASS document.querySelectorAll('[type*=OOba i]')[4].id is "testcase5"
PASS document.querySelectorAll('[type*=OOba i]')[5].id is "testcase6"
PASS document.querySelectorAll('[type*=OOba i]')[6].id is "testcase7"
PASS document.querySelectorAll('[type*=OOba i]')[7].id is "testcase8"
PASS document.querySelectorAll('[type*=OOba i]')[8].id is "testcase9"
PASS document.querySelectorAll('[type*=OOba i]')[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)"

-with tagname:
PASS document.querySelectorAll('testcase[type*=OOba i]').length is 10
PASS document.querySelectorAll('testcase[type*=OOba i]')[0].id is "testcase1"
PASS document.querySelectorAll('testcase[type*=OOba i]')[1].id is "testcase2"
PASS document.querySelectorAll('testcase[type*=OOba i]')[2].id is "testcase3"
PASS document.querySelectorAll('testcase[type*=OOba i]')[3].id is "testcase4"
PASS document.querySelectorAll('testcase[type*=OOba i]')[4].id is "testcase5"
PASS document.querySelectorAll('testcase[type*=OOba i]')[5].id is "testcase6"
PASS document.querySelectorAll('testcase[type*=OOba i]')[6].id is "testcase7"
PASS document.querySelectorAll('testcase[type*=OOba i]')[7].id is "testcase8"
PASS document.querySelectorAll('testcase[type*=OOba i]')[8].id is "testcase9"
PASS document.querySelectorAll('testcase[type*=OOba i]')[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)"

-with classes:
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i]').length is 10
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i]')[0].id is "testcase1"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i]')[1].id is "testcase2"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i]')[2].id is "testcase3"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i]')[3].id is "testcase4"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i]')[4].id is "testcase5"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i]')[5].id is "testcase6"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i]')[6].id is "testcase7"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i]')[7].id is "testcase8"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i]')[8].id is "testcase9"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i]')[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)"

-in functional pseudo classes:
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i], #this-is-not-in-the-document))').length is 10
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i], #this-is-not-in-the-document))')[0].id is "testcase1"
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i], #this-is-not-in-the-document))')[1].id is "testcase2"
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i], #this-is-not-in-the-document))')[2].id is "testcase3"
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i], #this-is-not-in-the-document))')[3].id is "testcase4"
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i], #this-is-not-in-the-document))')[4].id is "testcase5"
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i], #this-is-not-in-the-document))')[5].id is "testcase6"
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i], #this-is-not-in-the-document))')[6].id is "testcase7"
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i], #this-is-not-in-the-document))')[7].id is "testcase8"
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i], #this-is-not-in-the-document))')[8].id is "testcase9"
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i], #this-is-not-in-the-document))')[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 "[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]"
-baseline:
PASS document.querySelectorAll('[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]').length is 10
PASS document.querySelectorAll('[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[0].id is "testcase1"
PASS document.querySelectorAll('[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[1].id is "testcase2"
PASS document.querySelectorAll('[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[2].id is "testcase3"
PASS document.querySelectorAll('[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[3].id is "testcase4"
PASS document.querySelectorAll('[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[4].id is "testcase5"
PASS document.querySelectorAll('[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[5].id is "testcase6"
PASS document.querySelectorAll('[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[6].id is "testcase7"
PASS document.querySelectorAll('[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[7].id is "testcase8"
PASS document.querySelectorAll('[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[8].id is "testcase9"
PASS document.querySelectorAll('[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[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)"

-with tagname:
PASS document.querySelectorAll('testcase[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]').length is 10
PASS document.querySelectorAll('testcase[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[0].id is "testcase1"
PASS document.querySelectorAll('testcase[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[1].id is "testcase2"
PASS document.querySelectorAll('testcase[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[2].id is "testcase3"
PASS document.querySelectorAll('testcase[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[3].id is "testcase4"
PASS document.querySelectorAll('testcase[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[4].id is "testcase5"
PASS document.querySelectorAll('testcase[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[5].id is "testcase6"
PASS document.querySelectorAll('testcase[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[6].id is "testcase7"
PASS document.querySelectorAll('testcase[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[7].id is "testcase8"
PASS document.querySelectorAll('testcase[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[8].id is "testcase9"
PASS document.querySelectorAll('testcase[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[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)"

-with classes:
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]').length is 10
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[0].id is "testcase1"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[1].id is "testcase2"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[2].id is "testcase3"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[3].id is "testcase4"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[4].id is "testcase5"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[5].id is "testcase6"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[6].id is "testcase7"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[7].id is "testcase8"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[8].id is "testcase9"
PASS document.querySelectorAll(':matches(.foo, .bar, .bazoo)[type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i]')[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)"

-in functional pseudo classes:
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i], #this-is-not-in-the-document))').length is 10
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i], #this-is-not-in-the-document))')[0].id is "testcase1"
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i], #this-is-not-in-the-document))')[1].id is "testcase2"
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i], #this-is-not-in-the-document))')[2].id is "testcase3"
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i], #this-is-not-in-the-document))')[3].id is "testcase4"
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i], #this-is-not-in-the-document))')[4].id is "testcase5"
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i], #this-is-not-in-the-document))')[5].id is "testcase6"
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i], #this-is-not-in-the-document))')[6].id is "testcase7"
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i], #this-is-not-in-the-document))')[7].id is "testcase8"
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i], #this-is-not-in-the-document))')[8].id is "testcase9"
PASS document.querySelectorAll(':nth-child(n of :matches([type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i][type*=OOba i], #this-is-not-in-the-document))')[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)"


PASS successfullyParsed is true

TEST COMPLETE