| Index: third_party/WebKit/LayoutTests/imported/wpt/imagebitmap-renderingcontext/context-creation-with-alpha.html
|
| diff --git a/third_party/WebKit/LayoutTests/imported/wpt/imagebitmap-renderingcontext/context-creation-with-alpha.html b/third_party/WebKit/LayoutTests/imported/wpt/imagebitmap-renderingcontext/context-creation-with-alpha.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..88d12d144c2b64afd1055b7d4f9da5232e7649b3
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/imported/wpt/imagebitmap-renderingcontext/context-creation-with-alpha.html
|
| @@ -0,0 +1,75 @@
|
| +<!DOCTYPE html>
|
| +<meta charset="utf-8">
|
| +<title>Canvas's ImageBitmapRenderingContext test</title>
|
| +<script src="/resources/testharness.js"></script>
|
| +<script src="/resources/testharnessreport.js"></script>
|
| +<link rel="help" href="https://html.spec.whatwg.org/multipage/scripting.html#the-imagebitmap-rendering-context">
|
| +<script>
|
| +var width = 10;
|
| +var height = 10;
|
| +
|
| +function testCanvas(ctx, r, g, b, a)
|
| +{
|
| + var color = ctx.getImageData(5, 5, 1, 1).data;
|
| + assert_array_equals(color, [r, g, b, a]);
|
| +}
|
| +
|
| +function consumeImageBitmap(image, alphaVal, expectedR, expectedG, expectedB, expectedA)
|
| +{
|
| + var dstCanvas = document.createElement('canvas');
|
| + dstCanvas.width = width;
|
| + dstCanvas.height = height;
|
| + var dstCtx;
|
| + if (alphaVal == 'true')
|
| + dstCtx = dstCanvas.getContext('bitmaprenderer', { alpha: true });
|
| + else if (alphaVal == 'false')
|
| + dstCtx = dstCanvas.getContext('bitmaprenderer', { alpha: false });
|
| + else
|
| + dstCtx = dstCanvas.getContext('bitmaprenderer');
|
| + dstCtx.transferFromImageBitmap(image);
|
| +
|
| + var myCanvas = document.createElement('canvas');
|
| + myCanvas.width = width;
|
| + myCanvas.height = height;
|
| + var myCtx = myCanvas.getContext('2d');
|
| + myCtx.drawImage(dstCanvas, 0, 0);
|
| + testCanvas(myCtx, expectedR, expectedG, expectedB, expectedA);
|
| +}
|
| +
|
| +promise_test(function() {
|
| + var srcCanvas = document.createElement('canvas');
|
| + srcCanvas.width = width;
|
| + srcCanvas.height = height;
|
| + var ctx = srcCanvas.getContext('2d');
|
| + ctx.fillStyle = 'rgba(0, 255, 0, 0.5)';
|
| + ctx.fillRect(0, 0, width, height);
|
| + createImageBitmap(srcCanvas).then(function(image) {
|
| + consumeImageBitmap(image, 'false', 0, 127, 0, 255);
|
| + });
|
| +}, "Test that an ImageBitmapRenderingContext with alpha disabled makes the canvas opaque");
|
| +
|
| +promise_test(function() {
|
| + var srcCanvas = document.createElement('canvas');
|
| + srcCanvas.width = width;
|
| + srcCanvas.height = height;
|
| + var ctx = srcCanvas.getContext('2d');
|
| + ctx.fillStyle = 'rgba(0, 255, 0, 0.5)';
|
| + ctx.fillRect(0, 0, width, height);
|
| + createImageBitmap(srcCanvas).then(function(image) {
|
| + consumeImageBitmap(image, 'true', 0, 255, 0, 127);
|
| + });
|
| +}, "Test that an ImageBitmapRenderingContext with alpha enabled preserves the alpha");
|
| +
|
| +promise_test(function() {
|
| + var srcCanvas = document.createElement('canvas');
|
| + srcCanvas.width = width;
|
| + srcCanvas.height = height;
|
| + var ctx = srcCanvas.getContext('2d');
|
| + ctx.fillStyle = 'rgba(0, 255, 0, 0.5)';
|
| + ctx.fillRect(0, 0, width, height);
|
| + createImageBitmap(srcCanvas).then(function(image) {
|
| + consumeImageBitmap(image, '', 0, 255, 0, 127);
|
| + });
|
| +}, "Test that the 'alpha' context creation attribute is true by default");
|
| +
|
| +</script>
|
|
|