diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/css-paint-api/registered-property-stylemap.https.html | |
| parent | Initial commit. (diff) | |
| download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-paint-api/registered-property-stylemap.https.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-paint-api/registered-property-stylemap.https.html | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-paint-api/registered-property-stylemap.https.html b/testing/web-platform/tests/css/css-paint-api/registered-property-stylemap.https.html new file mode 100644 index 0000000000..3dec98d910 --- /dev/null +++ b/testing/web-platform/tests/css/css-paint-api/registered-property-stylemap.https.html @@ -0,0 +1,56 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<title>Test styleMap functions</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> +<style> + #target { + width: 100px; + height: 100px; + background: paint(style-map); + } +</style> +<div id="target"></div> +<script> + try { + CSS.registerProperty({ + name: '--prop', + syntax: '<length>+', + initialValue: '10px 10px 10px 10px', + inherits: false + }); + + const worklet = ` + registerPaint('style-map', class { + static get inputProperties() { return ['--prop']; } + paint(ctx, geom, styleMap) { + let serialize = (v) => '[' + v.constructor.name + ' ' + v.toString() + ']'; + let expected = '[CSSUnitValue 10px]'; + let isExpected = x => serialize(x) === expected; + + let pass = true; + + pass &= styleMap.has('--prop'); + pass &= isExpected(styleMap.get('--prop')); + pass &= styleMap.getAll('--prop').length == 4; + pass &= styleMap.getAll('--prop').every(isExpected); + pass &= Array.from(styleMap).filter(e => e[0] == '--prop')[0][1].length == 4; + pass &= Array.from(styleMap).filter(e => e[0] == '--prop')[0][1].every(isExpected); + + ctx.fillStyle = pass ? 'green' : 'red'; + ctx.fillRect(0, 0, geom.width, geom.height); + } + });` + + importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, worklet); + } catch(e) { + document.body.textContent = e; + takeScreenshot(); + } +</script> +</body> +</html> |