diff options
Diffstat (limited to 'testing/web-platform/tests/html/semantics/embedded-content/the-img-element/image-compositing-change.html')
-rw-r--r-- | testing/web-platform/tests/html/semantics/embedded-content/the-img-element/image-compositing-change.html | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/embedded-content/the-img-element/image-compositing-change.html b/testing/web-platform/tests/html/semantics/embedded-content/the-img-element/image-compositing-change.html new file mode 100644 index 0000000000..d3e7ee4171 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/embedded-content/the-img-element/image-compositing-change.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<title>Composited images correctly re-raster when the image and bounds change</title> +<meta charset="utf-8"> +<meta name=fuzzy content="maxDifference=0-150;totalPixels=0-296"> +<link rel="match" href="image-compositing-change-ref.html"/> +<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-img-element"> +<style> +#change { + will-change:transform; + height:426px; width:426px; +} +</style> +<img id="change" src="image.png"></img> +<img id="original" src="../../../../images/green-16x16.png"></img> +<script> +window.onload = () => { + requestAnimationFrame(() => { + requestAnimationFrame(() => { + let image = document.querySelector('#change'); + image.style.width = image.style.height = "75px"; + image.src = original.src; + + requestAnimationFrame(() => { + document.documentElement.classList.remove("reftest-wait"); + }); + }); + }); +} +</script> + |