mirror of
https://github.com/HeyPuter/firefox.git
synced 2026-11-13 20:14:57 -10:00
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
51 lines
1.2 KiB
HTML
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>
|