<script>
if (window.testRunner)
    testRunner.waitUntilDone();

window.addEventListener('load', function () {
    var el = document.querySelector("div");
    el.className = "filtered";
    setTimeout(function () {
        if (window.testRunner)
            testRunner.notifyDone();
    }, 0);
}, false);
</script>
<style>
div {
  width: 200px;
  height: 200px;
}
.filtered {
  filter: hue-rotate(180deg);
  background-color: rgb(166, 114, 163);
}
</style>
<div>
  <!-- This paragraph will have a filter applied. Once applied, it should have a green background. -->
</div>