paint-function-valid.https.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-paint-api/parsing/paint-function-valid.https.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset=UTF-8>

<title>CSS Painting API Level 1: parsing paint() with valid values</title>

<link rel="help" href="https://drafts.css-houdini.org/css-paint-api/#paint-notation">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script src="/css/support/parsing-testcommon.js"></script>

<script src="/common/worklet-reftest.js"></script>

<body>

<!--

This test registers the paint function it uses.  However, for access

to specified and computed values, this doesn't appear to be required

by the specification.  However, it does appear to be required by the

current implementation in Chromium.  See https://crbug.com/1344490 .

-->

<script id="code" type="text/worklet">

registerPaint('mypaint', class {

    paint(ctx, size, properties, args) { }

});

</script>

<script>

setup({ explicit_done: true });

let worklet_code = document.getElementById('code').textContent;

importWorklet(CSS.paintWorklet, worklet_code).then(() => {

  test_valid_value("background-image", "paint(mypaint)");

  test_valid_value("background-image", "paint( mypaint )", "paint(mypaint)");

  test_valid_value("background-image", "paint(mypaint ", "paint(mypaint)");

  test_valid_value("background-image", "paint( mypaint", "paint(mypaint)");

  test_valid_value("background-image", "paint(mypaint, blue)");

  test_valid_value("background-image", "paint(mypaint, {})");

  test_valid_value("background-image", "paint(mypaint, [])");

  test_valid_value("background-image", "paint(mypaint, ())");

  done();

});

</script>