diff options
Diffstat (limited to 'testing/web-platform/tests/svg/pservers/reftests/gradient-transform-03.svg')
-rw-r--r-- | testing/web-platform/tests/svg/pservers/reftests/gradient-transform-03.svg | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/testing/web-platform/tests/svg/pservers/reftests/gradient-transform-03.svg b/testing/web-platform/tests/svg/pservers/reftests/gradient-transform-03.svg new file mode 100644 index 0000000000..25e304614d --- /dev/null +++ b/testing/web-platform/tests/svg/pservers/reftests/gradient-transform-03.svg @@ -0,0 +1,22 @@ +<svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml" class="reftest-wait"> + <title>Gradient with 'transform' property added dynamically</title> + <h:link rel="help" href="https://svgwg.org/svg2-draft/single-page.html#pservers-LinearGradientElementGradientTransformAttribute"/> + <h:link rel="help" href="https://drafts.csswg.org/css-transforms/#transform-attribute-specificity"/> + <h:link rel="match" href="reference/green-100x100.svg"/> + <h:script src="/common/reftest-wait.js"/> + <h:script src="/common/rendering-utils.js"/> + + <linearGradient id="lg"> + <stop offset="0" stop-color="green"/> + <stop offset="0.5" stop-color="green"/> + <stop offset="1" stop-color="red"/> + </linearGradient> + <rect width="100" height="100" fill="url(#lg)"/> + <script> + waitForAtLeastOneFrame().then(() => { + const gradient = document.getElementById('lg'); + gradient.style.transform = 'scale(2)'; + takeScreenshot(); + }); + </script> +</svg> |