| Index: third_party/WebKit/LayoutTests/imported/wpt/offscreen-canvas/compositing/2d.composite.canvas.source-out.html
|
| diff --git a/third_party/WebKit/LayoutTests/imported/wpt/offscreen-canvas/compositing/2d.composite.canvas.source-out.html b/third_party/WebKit/LayoutTests/imported/wpt/offscreen-canvas/compositing/2d.composite.canvas.source-out.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..431d6bcf18e28f8419ed26322d84b6460bc745e6
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/imported/wpt/offscreen-canvas/compositing/2d.composite.canvas.source-out.html
|
| @@ -0,0 +1,43 @@
|
| +<!DOCTYPE html>
|
| +<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
| +<title>OffscreenCanvas test: 2d.composite.canvas.source-out</title>
|
| +<script src="/resources/testharness.js"></script>
|
| +<script src="/resources/testharnessreport.js"></script>
|
| +<script src="/common/canvas-tests.js"></script>
|
| +
|
| +<h1>2d.composite.canvas.source-out</h1>
|
| +<p class="desc"></p>
|
| +
|
| +
|
| +<script>
|
| +var t = async_test("");
|
| +t.step(function() {
|
| +
|
| +var offscreenCanvas = new OffscreenCanvas(100, 50);
|
| +var ctx = offscreenCanvas.getContext('2d');
|
| +
|
| +
|
| +var offscreenCanvas2 = new OffscreenCanvas(offscreenCanvas.width, offscreenCanvas.height);
|
| +var ctx2 = offscreenCanvas2.getContext('2d');
|
| +var promise = new Promise(function(resolve, reject) {
|
| + var xhr = new XMLHttpRequest();
|
| + xhr.open("GET", '/images/yellow75.png');
|
| + xhr.responseType = 'blob';
|
| + xhr.send();
|
| + xhr.onload = function() {
|
| + resolve(xhr.response);
|
| + };
|
| +});
|
| +promise.then(function(response) {
|
| + ctx2.drawImage(response, 0, 0);
|
| + ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
| + ctx.fillRect(0, 0, 100, 50);
|
| + ctx.globalCompositeOperation = 'source-out';
|
| + ctx.drawImage(offscreenCanvas2, 0, 0);
|
| + _assertPixelApprox(offscreenCanvas, 50,25, 255,255,0,96, "50,25", "255,255,0,96", 5);
|
| +});
|
| +
|
| +t.done();
|
| +
|
| +});
|
| +</script>
|
|
|