Files
firefox/testing/web-platform/tests/css/css-paint-api/paint-function-arguments.https.html
T
Xida Chen 3815c33616 Bug 1646991 [wpt PR 24253] - Fix a wrong paint worklet layout test expectation, a=testonly
Automatic update from web-platform-tests
Fix a wrong paint worklet layout test expectation

There are actually two problems in this test:
1. The expectation file is wrong, when canvas context.fillRect takes
int as size, not '50px'.
2. The test file needs parseInt to convert string to it.

This CL fixes the test.

Bug: 1096078
Change-Id: I01e6a753d3d9772a39dfacfe8b87f80b6f877b88
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2254449
Reviewed-by: Kevin Ellis <[email protected]>
Commit-Queue: Xida Chen <[email protected]>
Cr-Commit-Position: refs/heads/master@{#780773}

--

wpt-commits: 2e70a19bfdd6fdb76924f2673f9f7086fe607d29
wpt-pr: 24253
2020-06-24 14:11:17 +00:00

51 lines
1.2 KiB
HTML

<!DOCTYPE html>
<html class="reftest-wait">
<link rel="help" href="https://drafts.css-houdini.org/css-paint-api/">
<link rel="match" href="paint-function-arguments-ref.html">
<style>
.container {
width: 200px;
height: 200px;
}
#canvas-box-1 {
background-image: paint(box, rgb(50, 100, 150), 50px);
}
#canvas-box-2 {
background-image: paint(box, rgb(150, 100, 50), 100px);
}
#background {
background-color: yellow;
display: inline-block;
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="background">
<div id="canvas-box-1" class="container"></div>
<div id="canvas-box-2" class="container"></div>
</div>
<script id="code" type="text/worklet">
registerPaint('box', class {
static get contextOptions() { return {alpha: true}; }
static get inputArguments() { return ['<color>', '<length>']; }
paint(ctx, geom, properties, args) {
ctx.fillStyle = args[0].toString();
let size = parseInt(args[1].toString());
ctx.fillRect(40, 40, size, size);
}
});
</script>
<script>
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>