Test attribute matching with the case insensitive flag used to match the style attribute.

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


Initial state.
PASS document.querySelectorAll("[style*=PURPLE i]").length is 2
PASS document.querySelectorAll("[style*=PURPLE i]")[0].id is "target-with-renderer"
PASS document.querySelectorAll("[style*=PURPLE i]")[1].id is "target-without-renderer"
PASS getComputedStyle(document.getElementById("target-with-renderer"))["color"] is "rgb(255, 0, 0)"
PASS getComputedStyle(document.getElementById("target-without-renderer"))["color"] is "rgb(255, 0, 0)"
PASS getComputedStyle(document.getElementById("target-with-renderer"))["background-color"] is "rgb(128, 0, 128)"
PASS getComputedStyle(document.getElementById("target-without-renderer"))["background-color"] is "rgb(128, 0, 128)"

Let's change the background color to something else than purple.
PASS document.querySelectorAll("[style*=PURPLE i]").length is 0
PASS getComputedStyle(document.getElementById("target-with-renderer"))["color"] is "rgb(0, 0, 0)"
PASS getComputedStyle(document.getElementById("target-without-renderer"))["color"] is "rgb(0, 0, 0)"
PASS getComputedStyle(document.getElementById("target-with-renderer"))["background-color"] is "rgb(255, 0, 0)"
PASS getComputedStyle(document.getElementById("target-without-renderer"))["background-color"] is "rgb(255, 0, 0)"

Back to purple.
PASS document.querySelectorAll("[style*=PURPLE i]").length is 2
PASS document.querySelectorAll("[style*=PURPLE i]")[0].id is "target-with-renderer"
PASS document.querySelectorAll("[style*=PURPLE i]")[1].id is "target-without-renderer"
PASS getComputedStyle(document.getElementById("target-with-renderer"))["color"] is "rgb(255, 0, 0)"
PASS getComputedStyle(document.getElementById("target-without-renderer"))["color"] is "rgb(255, 0, 0)"
PASS getComputedStyle(document.getElementById("target-with-renderer"))["background-color"] is "rgb(128, 0, 128)"
PASS getComputedStyle(document.getElementById("target-without-renderer"))["background-color"] is "rgb(128, 0, 128)"

Remove the style attribute entirely.
PASS document.querySelectorAll("[style*=PURPLE i]").length is 0

Back to purple.
PASS document.querySelectorAll("[style*=PURPLE i]").length is 2
PASS document.querySelectorAll("[style*=PURPLE i]")[0].id is "target-with-renderer"
PASS document.querySelectorAll("[style*=PURPLE i]")[1].id is "target-without-renderer"
PASS getComputedStyle(document.getElementById("target-with-renderer"))["color"] is "rgb(255, 0, 0)"
PASS getComputedStyle(document.getElementById("target-without-renderer"))["color"] is "rgb(255, 0, 0)"
PASS getComputedStyle(document.getElementById("target-with-renderer"))["background-color"] is "rgb(128, 0, 128)"
PASS getComputedStyle(document.getElementById("target-without-renderer"))["background-color"] is "rgb(128, 0, 128)"
PASS successfullyParsed is true

TEST COMPLETE