wpt/css/css-paint-api/parsing/paint-function-valid.https.html at 8e407cfc9c3082df241a4835c4e4102131e4cf41 · web-platform-tests/wpt · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!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)");

  done();
});

</script>