<style type="text/css">
/* Testing explicit author overrides. */
.no-invert { filter: none; }
- .preserve-filter { filter: blur(3px); }
+ .preserve-filter { filter: grayscale(1); }
</style>
<script>
if (window.testRunner)
const NONE_VALUE = "none";
const INVERTED_VALUE = "invert(1)";
-const PRESERVED_VALUE = "blur(3px)";
+const PRESERVED_VALUE = "grayscale(1)";
function getUIScript() {
return `
document.getElementById("result").innerHTML += "<br>AFTER INVERT-COLORS IS APPLIED<br>";
// Eventually elements img amd picture will be double-inverted when invert colors is on. Not shipping yet.
- expectFilterValueForElements(NONE_VALUE, document.querySelectorAll("#a, #b"), "Change once IMG/PICTURE elements are inverted, too.");
+ expectFilterValueForElements(INVERTED_VALUE, document.querySelectorAll("#a, #b"));
// Element <video> should be double-inverted when invert colors is on.
expectFilterValueForElements(INVERTED_VALUE, document.querySelectorAll("#c, #d"));