paint-function-valid.https.html

Enable keyboard shortcuts

<!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>