| When matching attributes case insensitively, it should be ASCII case insensitive. This test verifies the behavior when matching a substring in a whitespace-separated list (e.g. [a~="b"]) |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| |
| Testing "[data-attribute~=WÈb]" |
| PASS document.querySelectorAll('#test-root [data-attribute~=WÈb]').length is 1 |
| PASS document.querySelectorAll('#test-root [data-attribute~=WÈb]')[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)" |
| |
| Testing "[data-attribute~=Kit]" |
| PASS document.querySelectorAll('#test-root [data-attribute~=Kit]').length is 1 |
| PASS document.querySelectorAll('#test-root [data-attribute~=Kit]')[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)" |
| |
| Testing "[data-attribute~=wÈb]" |
| PASS document.querySelectorAll('#test-root [data-attribute~=wÈb]').length is 1 |
| PASS document.querySelectorAll('#test-root [data-attribute~=wÈb]')[0].id is "target2" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing "[data-attribute~=kit]" |
| PASS document.querySelectorAll('#test-root [data-attribute~=kit]').length is 1 |
| PASS document.querySelectorAll('#test-root [data-attribute~=kit]')[0].id is "target2" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing "[data-attribute~=WÈB]" |
| PASS document.querySelectorAll('#test-root [data-attribute~=WÈB]').length is 1 |
| PASS document.querySelectorAll('#test-root [data-attribute~=WÈB]')[0].id is "target3" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing "[data-attribute~=KIT]" |
| PASS document.querySelectorAll('#test-root [data-attribute~=KIT]').length is 1 |
| PASS document.querySelectorAll('#test-root [data-attribute~=KIT]')[0].id is "target3" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing "[data-attribute~=Wèb]" |
| PASS document.querySelectorAll('#test-root [data-attribute~=Wèb]').length is 1 |
| PASS document.querySelectorAll('#test-root [data-attribute~=Wèb]')[0].id is "target4" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing "[data-attribute~=wèb]" |
| PASS document.querySelectorAll('#test-root [data-attribute~=wèb]').length is 1 |
| PASS document.querySelectorAll('#test-root [data-attribute~=wèb]')[0].id is "target5" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing "[data-attribute~=kIt]" |
| PASS document.querySelectorAll('#test-root [data-attribute~=kIt]').length is 1 |
| PASS document.querySelectorAll('#test-root [data-attribute~=kIt]')[0].id is "target5" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing "[data-attribute~=WÈb i]" |
| PASS document.querySelectorAll('#test-root [data-attribute~=WÈb i]').length is 3 |
| PASS document.querySelectorAll('#test-root [data-attribute~=WÈb i]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [data-attribute~=WÈb i]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [data-attribute~=WÈb 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)" |
| |
| Testing "[data-attribute~=Kit i]" |
| PASS document.querySelectorAll('#test-root [data-attribute~=Kit i]').length is 4 |
| PASS document.querySelectorAll('#test-root [data-attribute~=Kit i]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [data-attribute~=Kit i]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [data-attribute~=Kit i]')[2].id is "target3" |
| PASS document.querySelectorAll('#test-root [data-attribute~=Kit i]')[3].id is "target5" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing "[data-attribute~=wÈb i]" |
| PASS document.querySelectorAll('#test-root [data-attribute~=wÈb i]').length is 3 |
| PASS document.querySelectorAll('#test-root [data-attribute~=wÈb i]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [data-attribute~=wÈb i]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [data-attribute~=wÈb 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)" |
| |
| Testing "[data-attribute~=kit i]" |
| PASS document.querySelectorAll('#test-root [data-attribute~=kit i]').length is 4 |
| PASS document.querySelectorAll('#test-root [data-attribute~=kit i]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [data-attribute~=kit i]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [data-attribute~=kit i]')[2].id is "target3" |
| PASS document.querySelectorAll('#test-root [data-attribute~=kit i]')[3].id is "target5" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing "[data-attribute~=WÈB i]" |
| PASS document.querySelectorAll('#test-root [data-attribute~=WÈB i]').length is 3 |
| PASS document.querySelectorAll('#test-root [data-attribute~=WÈB i]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [data-attribute~=WÈB i]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [data-attribute~=WÈB 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)" |
| |
| Testing "[data-attribute~=KIT i]" |
| PASS document.querySelectorAll('#test-root [data-attribute~=KIT i]').length is 4 |
| PASS document.querySelectorAll('#test-root [data-attribute~=KIT i]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [data-attribute~=KIT i]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [data-attribute~=KIT i]')[2].id is "target3" |
| PASS document.querySelectorAll('#test-root [data-attribute~=KIT i]')[3].id is "target5" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing "[data-attribute~=Wèb i]" |
| PASS document.querySelectorAll('#test-root [data-attribute~=Wèb i]').length is 2 |
| PASS document.querySelectorAll('#test-root [data-attribute~=Wèb i]')[0].id is "target4" |
| PASS document.querySelectorAll('#test-root [data-attribute~=Wèb i]')[1].id is "target5" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing "[data-attribute~=wèb i]" |
| PASS document.querySelectorAll('#test-root [data-attribute~=wèb i]').length is 2 |
| PASS document.querySelectorAll('#test-root [data-attribute~=wèb i]')[0].id is "target4" |
| PASS document.querySelectorAll('#test-root [data-attribute~=wèb i]')[1].id is "target5" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing "[data-attribute~=kIt i]" |
| PASS document.querySelectorAll('#test-root [data-attribute~=kIt i]').length is 4 |
| PASS document.querySelectorAll('#test-root [data-attribute~=kIt i]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [data-attribute~=kIt i]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [data-attribute~=kIt i]')[2].id is "target3" |
| PASS document.querySelectorAll('#test-root [data-attribute~=kIt i]')[3].id is "target5" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing "[multiple~=WèB]" |
| PASS document.querySelectorAll('#test-root [multiple~=WèB]').length is 3 |
| PASS document.querySelectorAll('#test-root [multiple~=WèB]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [multiple~=WèB]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [multiple~=WèB]')[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)" |
| |
| Testing "[multiple~=KIT]" |
| PASS document.querySelectorAll('#test-root [multiple~=KIT]').length is 4 |
| PASS document.querySelectorAll('#test-root [multiple~=KIT]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [multiple~=KIT]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [multiple~=KIT]')[2].id is "target3" |
| PASS document.querySelectorAll('#test-root [multiple~=KIT]')[3].id is "target4" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing "[multiple~=Wèb]" |
| PASS document.querySelectorAll('#test-root [multiple~=Wèb]').length is 3 |
| PASS document.querySelectorAll('#test-root [multiple~=Wèb]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [multiple~=Wèb]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [multiple~=Wèb]')[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)" |
| |
| Testing "[multiple~=Kit]" |
| PASS document.querySelectorAll('#test-root [multiple~=Kit]').length is 4 |
| PASS document.querySelectorAll('#test-root [multiple~=Kit]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [multiple~=Kit]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [multiple~=Kit]')[2].id is "target3" |
| PASS document.querySelectorAll('#test-root [multiple~=Kit]')[3].id is "target4" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing "[multiple~=Wèb]" |
| PASS document.querySelectorAll('#test-root [multiple~=Wèb]').length is 3 |
| PASS document.querySelectorAll('#test-root [multiple~=Wèb]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [multiple~=Wèb]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [multiple~=Wèb]')[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)" |
| |
| Testing "[multiple~=kit]" |
| PASS document.querySelectorAll('#test-root [multiple~=kit]').length is 4 |
| PASS document.querySelectorAll('#test-root [multiple~=kit]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [multiple~=kit]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [multiple~=kit]')[2].id is "target3" |
| PASS document.querySelectorAll('#test-root [multiple~=kit]')[3].id is "target4" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing "[multiple~=wÈb]" |
| PASS document.querySelectorAll('#test-root [multiple~=wÈb]').length is 2 |
| PASS document.querySelectorAll('#test-root [multiple~=wÈb]')[0].id is "target4" |
| PASS document.querySelectorAll('#test-root [multiple~=wÈb]')[1].id is "target5" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing "[multiple~=kiT]" |
| PASS document.querySelectorAll('#test-root [multiple~=kiT]').length is 4 |
| PASS document.querySelectorAll('#test-root [multiple~=kiT]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [multiple~=kiT]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [multiple~=kiT]')[2].id is "target3" |
| PASS document.querySelectorAll('#test-root [multiple~=kiT]')[3].id is "target4" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing "[multiple~=wÈb]" |
| PASS document.querySelectorAll('#test-root [multiple~=wÈb]').length is 2 |
| PASS document.querySelectorAll('#test-root [multiple~=wÈb]')[0].id is "target4" |
| PASS document.querySelectorAll('#test-root [multiple~=wÈb]')[1].id is "target5" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing "[multiple~=WèB i]" |
| PASS document.querySelectorAll('#test-root [multiple~=WèB i]').length is 3 |
| PASS document.querySelectorAll('#test-root [multiple~=WèB i]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [multiple~=WèB i]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [multiple~=WèB 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)" |
| |
| Testing "[multiple~=KIT i]" |
| PASS document.querySelectorAll('#test-root [multiple~=KIT i]').length is 4 |
| PASS document.querySelectorAll('#test-root [multiple~=KIT i]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [multiple~=KIT i]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [multiple~=KIT i]')[2].id is "target3" |
| PASS document.querySelectorAll('#test-root [multiple~=KIT i]')[3].id is "target4" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing "[multiple~=Wèb i]" |
| PASS document.querySelectorAll('#test-root [multiple~=Wèb i]').length is 3 |
| PASS document.querySelectorAll('#test-root [multiple~=Wèb i]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [multiple~=Wèb i]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [multiple~=Wèb 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)" |
| |
| Testing "[multiple~=Kit i]" |
| PASS document.querySelectorAll('#test-root [multiple~=Kit i]').length is 4 |
| PASS document.querySelectorAll('#test-root [multiple~=Kit i]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [multiple~=Kit i]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [multiple~=Kit i]')[2].id is "target3" |
| PASS document.querySelectorAll('#test-root [multiple~=Kit i]')[3].id is "target4" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing "[multiple~=Wèb i]" |
| PASS document.querySelectorAll('#test-root [multiple~=Wèb i]').length is 3 |
| PASS document.querySelectorAll('#test-root [multiple~=Wèb i]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [multiple~=Wèb i]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [multiple~=Wèb 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)" |
| |
| Testing "[multiple~=kit i]" |
| PASS document.querySelectorAll('#test-root [multiple~=kit i]').length is 4 |
| PASS document.querySelectorAll('#test-root [multiple~=kit i]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [multiple~=kit i]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [multiple~=kit i]')[2].id is "target3" |
| PASS document.querySelectorAll('#test-root [multiple~=kit i]')[3].id is "target4" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing "[multiple~=wÈb i]" |
| PASS document.querySelectorAll('#test-root [multiple~=wÈb i]').length is 2 |
| PASS document.querySelectorAll('#test-root [multiple~=wÈb i]')[0].id is "target4" |
| PASS document.querySelectorAll('#test-root [multiple~=wÈb i]')[1].id is "target5" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| |
| Testing "[multiple~=kiT i]" |
| PASS document.querySelectorAll('#test-root [multiple~=kiT i]').length is 4 |
| PASS document.querySelectorAll('#test-root [multiple~=kiT i]')[0].id is "target1" |
| PASS document.querySelectorAll('#test-root [multiple~=kiT i]')[1].id is "target2" |
| PASS document.querySelectorAll('#test-root [multiple~=kiT i]')[2].id is "target3" |
| PASS document.querySelectorAll('#test-root [multiple~=kiT i]')[3].id is "target4" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(255, 0, 0)" |
| |
| Testing "[multiple~=wÈb i]" |
| PASS document.querySelectorAll('#test-root [multiple~=wÈb i]').length is 2 |
| PASS document.querySelectorAll('#test-root [multiple~=wÈb i]')[0].id is "target4" |
| PASS document.querySelectorAll('#test-root [multiple~=wÈb i]')[1].id is "target5" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[0]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[1]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[2]).backgroundColor is "rgb(255, 0, 0)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[3]).backgroundColor is "rgb(10, 100, 200)" |
| PASS getComputedStyle(document.querySelectorAll("#test-root *")[4]).backgroundColor is "rgb(10, 100, 200)" |
| |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |