chromium/third_party/blink/web_tests/svg/css/attribute-selector.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg" width="600" height="500">
<style>
    [viewBox] { background-color: green; }
    [viewbox], [VIEWBOX] { background-color: red; }
</style>
<text y="20">You should see the word PASS below and the background should be green.</text>
<text y="40" id="result">FAIL</text>
<script>
    if (window.testRunner)
        testRunner.dumpAsText();

    if (getComputedStyle(document.querySelector("svg")).backgroundColor == "rgb(0, 128, 0)")
        document.getElementById("result").firstChild.data = "PASS";
</script>
</svg>