This test verify that invalid case-insenstivie attribute value matching (e.g. [foo=bar i]) do not affect surrounding rules.

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


PASS getComputedStyle(document.getElementById('target')).color is "rgb(0, 255, 0)"
PASS getComputedStyle(document.getElementById('target')).backgroundColor is "rgb(255, 0, 0)"
PASS document.getElementById('style-container').sheet.cssRules.length is 4
PASS document.getElementById('style-container').sheet.cssRules[0].selectorText is ":is(#notthere div, #target)"
PASS document.getElementById('style-container').sheet.cssRules[0].cssText is ":is(#notthere div, #target) { background-color: red; }"
PASS document.getElementById('style-container').sheet.cssRules[1].selectorText is ":is(#notthere foobar, #target)"
PASS document.getElementById('style-container').sheet.cssRules[1].cssText is ":is(#notthere foobar, #target) { color: lime; }"
PASS document.getElementById('style-container').sheet.cssRules[2].selectorText is ":matches(#notthere div, #target)"
PASS document.getElementById('style-container').sheet.cssRules[2].cssText is ":matches(#notthere div, #target) { background-color: red; }"
PASS document.getElementById('style-container').sheet.cssRules[3].selectorText is ":matches(#notthere foobar, #target)"
PASS document.getElementById('style-container').sheet.cssRules[3].cssText is ":matches(#notthere foobar, #target) { color: lime; }"
PASS successfullyParsed is true

TEST COMPLETE