diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-paint-api/registered-property-interpolation-010.https.html')
-rw-r--r-- | testing/web-platform/tests/css/css-paint-api/registered-property-interpolation-010.https.html | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-paint-api/registered-property-interpolation-010.https.html b/testing/web-platform/tests/css/css-paint-api/registered-property-interpolation-010.https.html new file mode 100644 index 0000000000..ee3a0f1b32 --- /dev/null +++ b/testing/web-platform/tests/css/css-paint-api/registered-property-interpolation-010.https.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<title>Interpolated list values reach worklet</title> +<link rel="help" href="https://drafts.css-houdini.org/css-paint-api/"> +<link rel="match" href="parse-input-arguments-ref.html"> +<script src="/common/reftest-wait.js"></script> +<script src="/common/worklet-reftest.js"></script> +<script src="./resources/utils.js"></script> +<body> +<div id="target"></div> +<script> + try { + registerAndInterpolateProperty({ + on: target, from: '10px 20px', to: '20px 30px', + name: '--prop-1', syntax: '<length>+' + }); + + registerAndInterpolateProperty({ + on: target, from: '10px', to: '20px', + name: '--prop-2', syntax: '<length>+' + }); + + expectWorkletValues(target, { + '--prop-1': ['[CSSUnitValue 15px]', '[CSSUnitValue 25px]'], + '--prop-2': '[CSSUnitValue 15px]' + }); + } catch(e) { + document.body.textContent = e; + takeScreenshot(); + } +</script> +</body> +</html> |