Check the basic features of attribute matching with the case insensitive flag (e.g. [foo=bar i]).

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


Testing "[data-attribute=WebKit]"
PASS document.querySelectorAll('#test-root [data-attribute=WebKit]').length is 1
PASS document.querySelectorAll('#test-root [data-attribute=WebKit]')[0].id is "target1"
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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(255, 0, 0)"

Testing "[data-attribute=WebKit i]"
PASS document.querySelectorAll('#test-root [data-attribute=WebKit i]').length is 3
PASS document.querySelectorAll('#test-root [data-attribute=WebKit i]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute=WebKit i]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute=WebKit i]')[2].id is "target3"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(255, 0, 0)"

Testing "[data-attribute=WebKit I]"
PASS document.querySelectorAll('#test-root [data-attribute=WebKit I]').length is 3
PASS document.querySelectorAll('#test-root [data-attribute=WebKit I]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute=WebKit I]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute=WebKit I]')[2].id is "target3"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(255, 0, 0)"

Testing "[data-attribute="WebKit" i]"
PASS document.querySelectorAll('#test-root [data-attribute="WebKit" i]').length is 3
PASS document.querySelectorAll('#test-root [data-attribute="WebKit" i]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute="WebKit" i]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute="WebKit" i]')[2].id is "target3"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(255, 0, 0)"

Testing "[data-attribute="WebKit" I]"
PASS document.querySelectorAll('#test-root [data-attribute="WebKit" I]').length is 3
PASS document.querySelectorAll('#test-root [data-attribute="WebKit" I]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute="WebKit" I]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute="WebKit" I]')[2].id is "target3"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(255, 0, 0)"

Testing "[data-attribute=WebKit i  ]"
PASS document.querySelectorAll('#test-root [data-attribute=WebKit i  ]').length is 3
PASS document.querySelectorAll('#test-root [data-attribute=WebKit i  ]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute=WebKit i  ]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute=WebKit i  ]')[2].id is "target3"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(255, 0, 0)"

Testing "[data-attribute=WebKit I  ]"
PASS document.querySelectorAll('#test-root [data-attribute=WebKit I  ]').length is 3
PASS document.querySelectorAll('#test-root [data-attribute=WebKit I  ]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute=WebKit I  ]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute=WebKit I  ]')[2].id is "target3"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(255, 0, 0)"

Testing "[data-attribute~=WebKit]"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit]').length is 4
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit]')[1].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit]')[2].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit]')[3].id is "target12"
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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute~=WebKit i]"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i]').length is 9
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i]')[6].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i]')[7].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i]')[8].id is "target12"
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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute~=WebKit I]"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I]').length is 9
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I]')[6].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I]')[7].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I]')[8].id is "target12"
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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute~="WebKit" i]"
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" i]').length is 9
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" i]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" i]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" i]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" i]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" i]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" i]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" i]')[6].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" i]')[7].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" i]')[8].id is "target12"
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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute~="WebKit" I]"
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" I]').length is 9
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" I]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" I]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" I]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" I]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" I]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" I]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" I]')[6].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" I]')[7].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute~="WebKit" I]')[8].id is "target12"
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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute~=WebKit i  ]"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i  ]').length is 9
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i  ]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i  ]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i  ]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i  ]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i  ]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i  ]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i  ]')[6].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i  ]')[7].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit i  ]')[8].id is "target12"
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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute~=WebKit I  ]"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I  ]').length is 9
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I  ]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I  ]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I  ]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I  ]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I  ]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I  ]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I  ]')[6].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I  ]')[7].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute~=WebKit I  ]')[8].id is "target12"
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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute|=WebKit]"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit]').length is 2
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit]')[1].id is "target7"
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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(255, 0, 0)"

Testing "[data-attribute|=WebKit i]"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit i]').length is 6
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit i]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit i]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit i]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit i]')[3].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit i]')[4].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit i]')[5].id is "target9"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(255, 0, 0)"

Testing "[data-attribute|=WebKit I]"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit I]').length is 6
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit I]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit I]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit I]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit I]')[3].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit I]')[4].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit I]')[5].id is "target9"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(255, 0, 0)"

Testing "[data-attribute|="WebKit" i]"
PASS document.querySelectorAll('#test-root [data-attribute|="WebKit" i]').length is 6
PASS document.querySelectorAll('#test-root [data-attribute|="WebKit" i]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute|="WebKit" i]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute|="WebKit" i]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute|="WebKit" i]')[3].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute|="WebKit" i]')[4].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute|="WebKit" i]')[5].id is "target9"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(255, 0, 0)"

Testing "[data-attribute|="WebKit" I]"
PASS document.querySelectorAll('#test-root [data-attribute|="WebKit" I]').length is 6
PASS document.querySelectorAll('#test-root [data-attribute|="WebKit" I]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute|="WebKit" I]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute|="WebKit" I]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute|="WebKit" I]')[3].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute|="WebKit" I]')[4].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute|="WebKit" I]')[5].id is "target9"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(255, 0, 0)"

Testing "[data-attribute|=WebKit i  ]"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit i  ]').length is 6
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit i  ]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit i  ]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit i  ]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit i  ]')[3].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit i  ]')[4].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit i  ]')[5].id is "target9"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(255, 0, 0)"

Testing "[data-attribute|=WebKit I  ]"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit I  ]').length is 6
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit I  ]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit I  ]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit I  ]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit I  ]')[3].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit I  ]')[4].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute|=WebKit I  ]')[5].id is "target9"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(255, 0, 0)"

Testing "[data-attribute^=WebKit]"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit]').length is 3
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit]')[1].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit]')[2].id is "target7"
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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(255, 0, 0)"

Testing "[data-attribute^=WebKit i]"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i]').length is 12
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i]')[6].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i]')[7].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i]')[8].id is "target9"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i]')[9].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i]')[10].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i]')[11].id is "target12"
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 getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute^=WebKit I]"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I]').length is 12
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I]')[6].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I]')[7].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I]')[8].id is "target9"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I]')[9].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I]')[10].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I]')[11].id is "target12"
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 getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute^="WebKit" i]"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" i]').length is 12
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" i]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" i]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" i]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" i]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" i]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" i]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" i]')[6].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" i]')[7].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" i]')[8].id is "target9"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" i]')[9].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" i]')[10].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" i]')[11].id is "target12"
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 getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute^="WebKit" I]"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" I]').length is 12
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" I]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" I]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" I]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" I]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" I]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" I]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" I]')[6].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" I]')[7].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" I]')[8].id is "target9"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" I]')[9].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" I]')[10].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKit" I]')[11].id is "target12"
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 getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute^=WebKit i  ]"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i  ]').length is 12
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i  ]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i  ]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i  ]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i  ]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i  ]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i  ]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i  ]')[6].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i  ]')[7].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i  ]')[8].id is "target9"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i  ]')[9].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i  ]')[10].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit i  ]')[11].id is "target12"
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 getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute^=WebKit I  ]"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I  ]').length is 12
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I  ]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I  ]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I  ]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I  ]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I  ]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I  ]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I  ]')[6].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I  ]')[7].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I  ]')[8].id is "target9"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I  ]')[9].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I  ]')[10].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKit I  ]')[11].id is "target12"
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 getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute^=WebKi i]"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i]').length is 12
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i]')[6].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i]')[7].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i]')[8].id is "target9"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i]')[9].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i]')[10].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i]')[11].id is "target12"
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 getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute^=WebKi I]"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I]').length is 12
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I]')[6].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I]')[7].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I]')[8].id is "target9"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I]')[9].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I]')[10].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I]')[11].id is "target12"
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 getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute^="WebKi" i]"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" i]').length is 12
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" i]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" i]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" i]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" i]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" i]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" i]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" i]')[6].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" i]')[7].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" i]')[8].id is "target9"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" i]')[9].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" i]')[10].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" i]')[11].id is "target12"
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 getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute^="WebKi" I]"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" I]').length is 12
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" I]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" I]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" I]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" I]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" I]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" I]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" I]')[6].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" I]')[7].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" I]')[8].id is "target9"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" I]')[9].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" I]')[10].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute^="WebKi" I]')[11].id is "target12"
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 getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute^=WebKi i  ]"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i  ]').length is 12
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i  ]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i  ]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i  ]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i  ]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i  ]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i  ]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i  ]')[6].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i  ]')[7].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i  ]')[8].id is "target9"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i  ]')[9].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i  ]')[10].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi i  ]')[11].id is "target12"
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 getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute^=WebKi I  ]"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I  ]').length is 12
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I  ]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I  ]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I  ]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I  ]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I  ]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I  ]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I  ]')[6].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I  ]')[7].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I  ]')[8].id is "target9"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I  ]')[9].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I  ]')[10].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute^=WebKi I  ]')[11].id is "target12"
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 getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute$=WebKit]"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit]').length is 3
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit]')[1].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit]')[2].id is "target12"
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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute$=WebKit i]"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit i]').length is 6
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit i]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit i]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit i]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit i]')[3].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit i]')[4].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit i]')[5].id is "target12"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute$=WebKit I]"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit I]').length is 6
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit I]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit I]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit I]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit I]')[3].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit I]')[4].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit I]')[5].id is "target12"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute$="WebKit" i]"
PASS document.querySelectorAll('#test-root [data-attribute$="WebKit" i]').length is 6
PASS document.querySelectorAll('#test-root [data-attribute$="WebKit" i]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute$="WebKit" i]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute$="WebKit" i]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute$="WebKit" i]')[3].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute$="WebKit" i]')[4].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute$="WebKit" i]')[5].id is "target12"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute$="WebKit" I]"
PASS document.querySelectorAll('#test-root [data-attribute$="WebKit" I]').length is 6
PASS document.querySelectorAll('#test-root [data-attribute$="WebKit" I]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute$="WebKit" I]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute$="WebKit" I]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute$="WebKit" I]')[3].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute$="WebKit" I]')[4].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute$="WebKit" I]')[5].id is "target12"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute$=WebKit i  ]"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit i  ]').length is 6
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit i  ]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit i  ]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit i  ]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit i  ]')[3].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit i  ]')[4].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit i  ]')[5].id is "target12"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute$=WebKit I  ]"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit I  ]').length is 6
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit I  ]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit I  ]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit I  ]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit I  ]')[3].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit I  ]')[4].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute$=WebKit I  ]')[5].id is "target12"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute$=ebKit i]"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit i]').length is 6
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit i]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit i]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit i]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit i]')[3].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit i]')[4].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit i]')[5].id is "target12"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute$=ebKit I]"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit I]').length is 6
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit I]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit I]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit I]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit I]')[3].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit I]')[4].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit I]')[5].id is "target12"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute$="ebKit" i]"
PASS document.querySelectorAll('#test-root [data-attribute$="ebKit" i]').length is 6
PASS document.querySelectorAll('#test-root [data-attribute$="ebKit" i]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute$="ebKit" i]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute$="ebKit" i]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute$="ebKit" i]')[3].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute$="ebKit" i]')[4].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute$="ebKit" i]')[5].id is "target12"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute$="ebKit" I]"
PASS document.querySelectorAll('#test-root [data-attribute$="ebKit" I]').length is 6
PASS document.querySelectorAll('#test-root [data-attribute$="ebKit" I]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute$="ebKit" I]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute$="ebKit" I]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute$="ebKit" I]')[3].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute$="ebKit" I]')[4].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute$="ebKit" I]')[5].id is "target12"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute$=ebKit i  ]"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit i  ]').length is 6
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit i  ]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit i  ]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit i  ]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit i  ]')[3].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit i  ]')[4].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit i  ]')[5].id is "target12"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute$=ebKit I  ]"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit I  ]').length is 6
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit I  ]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit I  ]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit I  ]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit I  ]')[3].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit I  ]')[4].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute$=ebKit I  ]')[5].id is "target12"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute*=WebKit]"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit]').length is 5
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit]')[1].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit]')[2].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit]')[3].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit]')[4].id is "target12"
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(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[5]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[6]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[7]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[8]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[9]).backgroundColor is "rgb(255, 0, 0)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute*=WebKit i]"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i]').length is 12
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i]')[6].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i]')[7].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i]')[8].id is "target9"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i]')[9].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i]')[10].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i]')[11].id is "target12"
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 getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute*=WebKit I]"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I]').length is 12
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I]')[6].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I]')[7].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I]')[8].id is "target9"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I]')[9].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I]')[10].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I]')[11].id is "target12"
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 getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute*="WebKit" i]"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" i]').length is 12
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" i]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" i]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" i]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" i]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" i]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" i]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" i]')[6].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" i]')[7].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" i]')[8].id is "target9"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" i]')[9].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" i]')[10].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" i]')[11].id is "target12"
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 getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute*="WebKit" I]"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" I]').length is 12
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" I]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" I]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" I]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" I]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" I]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" I]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" I]')[6].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" I]')[7].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" I]')[8].id is "target9"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" I]')[9].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" I]')[10].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute*="WebKit" I]')[11].id is "target12"
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 getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute*=WebKit i  ]"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i  ]').length is 12
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i  ]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i  ]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i  ]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i  ]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i  ]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i  ]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i  ]')[6].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i  ]')[7].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i  ]')[8].id is "target9"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i  ]')[9].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i  ]')[10].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit i  ]')[11].id is "target12"
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 getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

Testing "[data-attribute*=WebKit I  ]"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I  ]').length is 12
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I  ]')[0].id is "target1"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I  ]')[1].id is "target2"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I  ]')[2].id is "target3"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I  ]')[3].id is "target4"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I  ]')[4].id is "target5"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I  ]')[5].id is "target6"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I  ]')[6].id is "target7"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I  ]')[7].id is "target8"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I  ]')[8].id is "target9"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I  ]')[9].id is "target10"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I  ]')[10].id is "target11"
PASS document.querySelectorAll('#test-root [data-attribute*=WebKit I  ]')[11].id is "target12"
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 getComputedStyle(document.querySelectorAll("#test-root *")[10]).backgroundColor is "rgb(10, 100, 200)"
PASS getComputedStyle(document.querySelectorAll("#test-root *")[11]).backgroundColor is "rgb(10, 100, 200)"

PASS successfullyParsed is true

TEST COMPLETE