mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
Bug 945222 - Initial import of web-platform-tests testsuite 1/4: test data
--HG-- extra : rebase_source : d635a4f39c587d4d381b486dd63de747865b77a2
This commit is contained in:
James Graham
parent
f3473127e1
commit
0d9c2c7bc3
9
testing/web-platform/tests/.gitignore
vendored
Normal file
9
testing/web-platform/tests/.gitignore
vendored
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
node_modules
|
||||||
|
scratch
|
||||||
|
*.py[co]
|
||||||
|
*.sw[po]
|
||||||
|
*~
|
||||||
|
*#
|
||||||
|
\#*
|
||||||
|
config.json
|
||||||
|
MANIFEST.json
|
||||||
12
testing/web-platform/tests/.gitmodules
vendored
Normal file
12
testing/web-platform/tests/.gitmodules
vendored
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
[submodule "resources"]
|
||||||
|
path = resources
|
||||||
|
url = https://github.com/w3c/testharness.js.git
|
||||||
|
ignore = dirty
|
||||||
|
[submodule "tools/wptserve"]
|
||||||
|
path = tools/wptserve
|
||||||
|
url = https://github.com/w3c/wptserve.git
|
||||||
|
ignore = dirty
|
||||||
|
[submodule "tools/pywebsocket"]
|
||||||
|
path = tools/pywebsocket
|
||||||
|
url = https://github.com/w3c/pywebsocket.git
|
||||||
|
ignore = dirty
|
||||||
7
testing/web-platform/tests/.travis.yml
Normal file
7
testing/web-platform/tests/.travis.yml
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
language: python
|
||||||
|
python:
|
||||||
|
- "2.7"
|
||||||
|
# command to install dependencies, e.g. pip install -r requirements.txt --use-mirrors
|
||||||
|
install: pip install html5lib
|
||||||
|
# command to run tests, e.g. python setup.py test
|
||||||
|
script: python tools/scripts/lint.py
|
||||||
@ -0,0 +1,11 @@
|
|||||||
|
<!doctype HTML>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>HTML5 Canvas Test: arcTo() adds to subpath if same point</title>
|
||||||
|
<link rel="author" title="Microsoft" href="http://www.microsoft.com" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<p>Description: If x1,y1 and x2,y2 are the same point, then arcTo must add x1,y1 to the subpath, and connect that point to x0,y0 with a straight line.</p>
|
||||||
|
<div><img src="/images/canvas-line.png" alt="line" /></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,25 @@
|
|||||||
|
<!doctype HTML>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>HTML5 Canvas Test: arcTo() adds to subpath if same point</title>
|
||||||
|
<link rel="author" title="Microsoft" href="http://www.microsoft.com" />
|
||||||
|
<link rel="help" href="http://www.w3.org/TR/2dcontext/#dom-context-2d-arcto" />
|
||||||
|
<meta name="assert" content="If x1,y1 and x2,y2 are the same point, then arcTo must add x1,y1 to the subpath, and connect that point to x0,y0 with a straight line." />
|
||||||
|
<script type="text/javascript">
|
||||||
|
function runTest()
|
||||||
|
{
|
||||||
|
var canvas = document.getElementById("canvas1");
|
||||||
|
var ctx = canvas.getContext("2d");
|
||||||
|
ctx.moveTo(0, 50);
|
||||||
|
|
||||||
|
// Since (x1, y1) and (x2, y2) are the same point, (x1, y1) must be added to the subpath, thus creating a line.
|
||||||
|
ctx.arcTo(100, 50, 100, 50, 10);
|
||||||
|
ctx.stroke();
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body onload="runTest()">
|
||||||
|
<p>Description: If x1,y1 and x2,y2 are the same point, then arcTo must add x1,y1 to the subpath, and connect that point to x0,y0 with a straight line.</p>
|
||||||
|
<canvas id="canvas1" width="300" height="150">Browser does not support HTML5 Canvas.</canvas>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,11 @@
|
|||||||
|
<!doctype HTML>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>HTML5 Canvas Test: bezierCurveTo() must ensure subpaths</title>
|
||||||
|
<link rel="author" title="Microsoft" href="http://www.microsoft.com" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<p>Description: bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) must ensure there is a subpath for the point (cp1x,cp1y) if the context has no subpaths, then it must connect the last point in the subpath to the point (x,y).</p>
|
||||||
|
<div><img src='/images/smiley.png' alt='smiley' /></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,34 @@
|
|||||||
|
<!doctype HTML>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>HTML5 Canvas Test: bezierCurveTo() must ensure subpaths</title>
|
||||||
|
<link rel="author" title="Microsoft" href="http://www.microsoft.com" />
|
||||||
|
<link rel="help" href="http://www.w3.org/TR/2dcontext/#dom-context-2d-beziercurveto" />
|
||||||
|
<meta name="assert" content="bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) must ensure there is a subpath for the point (cp1x,cp1y) if the context has no subpaths, then it must connect the last point in the subpath to the point (x,y)." />
|
||||||
|
<script type="text/javascript">
|
||||||
|
function runTest()
|
||||||
|
{
|
||||||
|
var canvas = document.getElementById("canvas1");
|
||||||
|
var ctx = canvas.getContext("2d");
|
||||||
|
|
||||||
|
// Since the canvas has no subpaths, a virtual moveTo must be performed to (65,25) before creating the bezier.
|
||||||
|
ctx.bezierCurveTo(65, 25, 65, 25, 65, 65);
|
||||||
|
ctx.stroke();
|
||||||
|
ctx.beginPath();
|
||||||
|
|
||||||
|
// Since the canvas has no subpaths, a virtual moveTo must be performed to (35,25) before creating the bezier.
|
||||||
|
ctx.bezierCurveTo(35, 25, 35, 25, 35, 65);
|
||||||
|
ctx.stroke();
|
||||||
|
ctx.beginPath();
|
||||||
|
|
||||||
|
// Since the canvas has no subpaths, a virtual moveTo must be performed to (0,75) before creating the bezier.
|
||||||
|
ctx.bezierCurveTo(0, 75, 50, 150, 100, 75);
|
||||||
|
ctx.stroke();
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body onload="runTest()">
|
||||||
|
<p>Description: bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) must ensure there is a subpath for the point (cp1x,cp1y) if the context has no subpaths, then it must connect the last point in the subpath to the point (x,y).</p>
|
||||||
|
<canvas id="canvas1" width="300" height="150">Browser does not support HTML5 Canvas.</canvas>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
testing/web-platform/tests/2dcontext/clear-100x50.png
Normal file
BIN
testing/web-platform/tests/2dcontext/clear-100x50.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 117 B |
@ -0,0 +1,38 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.canvas.copy</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.canvas.copy</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.canvas.copy.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
var canvas2 = document.createElement('canvas');
|
||||||
|
canvas2.width = canvas.width;
|
||||||
|
canvas2.height = canvas.height;
|
||||||
|
var ctx2 = canvas2.getContext('2d');
|
||||||
|
ctx2.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'copy';
|
||||||
|
ctx.drawImage(canvas2, 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 255,255,0,191, "50,25", "255,255,0,191", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 220 B |
@ -0,0 +1,38 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.canvas.destination-atop</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.canvas.destination-atop</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.canvas.destination-atop.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
var canvas2 = document.createElement('canvas');
|
||||||
|
canvas2.width = canvas.width;
|
||||||
|
canvas2.height = canvas.height;
|
||||||
|
var ctx2 = canvas2.getContext('2d');
|
||||||
|
ctx2.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'destination-atop';
|
||||||
|
ctx.drawImage(canvas2, 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 128,255,128,191, "50,25", "128,255,128,191", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 221 B |
@ -0,0 +1,38 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.canvas.destination-in</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.canvas.destination-in</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.canvas.destination-in.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
var canvas2 = document.createElement('canvas');
|
||||||
|
canvas2.width = canvas.width;
|
||||||
|
canvas2.height = canvas.height;
|
||||||
|
var ctx2 = canvas2.getContext('2d');
|
||||||
|
ctx2.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'destination-in';
|
||||||
|
ctx.drawImage(canvas2, 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 0,255,255,96, "50,25", "0,255,255,96", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 220 B |
@ -0,0 +1,38 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.canvas.destination-out</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.canvas.destination-out</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.canvas.destination-out.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
var canvas2 = document.createElement('canvas');
|
||||||
|
canvas2.width = canvas.width;
|
||||||
|
canvas2.height = canvas.height;
|
||||||
|
var ctx2 = canvas2.getContext('2d');
|
||||||
|
ctx2.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'destination-out';
|
||||||
|
ctx.drawImage(canvas2, 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 0,255,255,32, "50,25", "0,255,255,32", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 220 B |
@ -0,0 +1,38 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.canvas.destination-over</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.canvas.destination-over</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.canvas.destination-over.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
var canvas2 = document.createElement('canvas');
|
||||||
|
canvas2.width = canvas.width;
|
||||||
|
canvas2.height = canvas.height;
|
||||||
|
var ctx2 = canvas2.getContext('2d');
|
||||||
|
ctx2.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'destination-over';
|
||||||
|
ctx.drawImage(canvas2, 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 109,255,146,223, "50,25", "109,255,146,223", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 223 B |
@ -0,0 +1,38 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.canvas.lighter</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.canvas.lighter</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.canvas.lighter.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
var canvas2 = document.createElement('canvas');
|
||||||
|
canvas2.width = canvas.width;
|
||||||
|
canvas2.height = canvas.height;
|
||||||
|
var ctx2 = canvas2.getContext('2d');
|
||||||
|
ctx2.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'lighter';
|
||||||
|
ctx.drawImage(canvas2, 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 191,255,128,255, "50,25", "191,255,128,255", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 209 B |
@ -0,0 +1,38 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.canvas.source-atop</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.canvas.source-atop</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.canvas.source-atop.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
var canvas2 = document.createElement('canvas');
|
||||||
|
canvas2.width = canvas.width;
|
||||||
|
canvas2.height = canvas.height;
|
||||||
|
var ctx2 = canvas2.getContext('2d');
|
||||||
|
ctx2.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'source-atop';
|
||||||
|
ctx.drawImage(canvas2, 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 191,255,64,128, "50,25", "191,255,64,128", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 223 B |
@ -0,0 +1,38 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.canvas.source-in</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.canvas.source-in</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.canvas.source-in.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
var canvas2 = document.createElement('canvas');
|
||||||
|
canvas2.width = canvas.width;
|
||||||
|
canvas2.height = canvas.height;
|
||||||
|
var ctx2 = canvas2.getContext('2d');
|
||||||
|
ctx2.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'source-in';
|
||||||
|
ctx.drawImage(canvas2, 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 255,255,0,96, "50,25", "255,255,0,96", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 220 B |
@ -0,0 +1,38 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas 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>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.canvas.source-out</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.canvas.source-out.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
var canvas2 = document.createElement('canvas');
|
||||||
|
canvas2.width = canvas.width;
|
||||||
|
canvas2.height = canvas.height;
|
||||||
|
var ctx2 = canvas2.getContext('2d');
|
||||||
|
ctx2.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'source-out';
|
||||||
|
ctx.drawImage(canvas2, 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 255,255,0,96, "50,25", "255,255,0,96", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 220 B |
@ -0,0 +1,38 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.canvas.source-over</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.canvas.source-over</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.canvas.source-over.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
var canvas2 = document.createElement('canvas');
|
||||||
|
canvas2.width = canvas.width;
|
||||||
|
canvas2.height = canvas.height;
|
||||||
|
var ctx2 = canvas2.getContext('2d');
|
||||||
|
ctx2.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'source-over';
|
||||||
|
ctx.drawImage(canvas2, 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 219,255,36,223, "50,25", "219,255,36,223", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 223 B |
@ -0,0 +1,38 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.canvas.xor</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.canvas.xor</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.canvas.xor.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
var canvas2 = document.createElement('canvas');
|
||||||
|
canvas2.width = canvas.width;
|
||||||
|
canvas2.height = canvas.height;
|
||||||
|
var ctx2 = canvas2.getContext('2d');
|
||||||
|
ctx2.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'xor';
|
||||||
|
ctx.drawImage(canvas2, 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 191,255,64,128, "50,25", "191,255,64,128", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 223 B |
@ -0,0 +1,36 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.clip.copy</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.clip.copy</h1>
|
||||||
|
<p class="desc">fill() does not affect pixels outside the clip region.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="/images/green-100x50.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("fill() does not affect pixels outside the clip region.");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = '#0f0';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'copy';
|
||||||
|
ctx.rect(-20, -20, 10, 10);
|
||||||
|
ctx.clip();
|
||||||
|
ctx.fillStyle = '#f00';
|
||||||
|
ctx.fillRect(0, 0, 50, 50);
|
||||||
|
_assertPixel(canvas, 25,25, 0,255,0,255, "25,25", "0,255,0,255");
|
||||||
|
_assertPixel(canvas, 75,25, 0,255,0,255, "75,25", "0,255,0,255");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.clip.destination-atop</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.clip.destination-atop</h1>
|
||||||
|
<p class="desc">fill() does not affect pixels outside the clip region.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="/images/green-100x50.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("fill() does not affect pixels outside the clip region.");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = '#0f0';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'destination-atop';
|
||||||
|
ctx.rect(-20, -20, 10, 10);
|
||||||
|
ctx.clip();
|
||||||
|
ctx.fillStyle = '#f00';
|
||||||
|
ctx.fillRect(0, 0, 50, 50);
|
||||||
|
_assertPixel(canvas, 25,25, 0,255,0,255, "25,25", "0,255,0,255");
|
||||||
|
_assertPixel(canvas, 75,25, 0,255,0,255, "75,25", "0,255,0,255");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.clip.destination-in</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.clip.destination-in</h1>
|
||||||
|
<p class="desc">fill() does not affect pixels outside the clip region.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="/images/green-100x50.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("fill() does not affect pixels outside the clip region.");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = '#0f0';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'destination-in';
|
||||||
|
ctx.rect(-20, -20, 10, 10);
|
||||||
|
ctx.clip();
|
||||||
|
ctx.fillStyle = '#f00';
|
||||||
|
ctx.fillRect(0, 0, 50, 50);
|
||||||
|
_assertPixel(canvas, 25,25, 0,255,0,255, "25,25", "0,255,0,255");
|
||||||
|
_assertPixel(canvas, 75,25, 0,255,0,255, "75,25", "0,255,0,255");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.clip.destination-out</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.clip.destination-out</h1>
|
||||||
|
<p class="desc">fill() does not affect pixels outside the clip region.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="/images/green-100x50.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("fill() does not affect pixels outside the clip region.");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = '#0f0';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'destination-out';
|
||||||
|
ctx.rect(-20, -20, 10, 10);
|
||||||
|
ctx.clip();
|
||||||
|
ctx.fillStyle = '#f00';
|
||||||
|
ctx.fillRect(0, 0, 50, 50);
|
||||||
|
_assertPixel(canvas, 25,25, 0,255,0,255, "25,25", "0,255,0,255");
|
||||||
|
_assertPixel(canvas, 75,25, 0,255,0,255, "75,25", "0,255,0,255");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.clip.destination-over</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.clip.destination-over</h1>
|
||||||
|
<p class="desc">fill() does not affect pixels outside the clip region.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="/images/green-100x50.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("fill() does not affect pixels outside the clip region.");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = '#0f0';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'destination-over';
|
||||||
|
ctx.rect(-20, -20, 10, 10);
|
||||||
|
ctx.clip();
|
||||||
|
ctx.fillStyle = '#f00';
|
||||||
|
ctx.fillRect(0, 0, 50, 50);
|
||||||
|
_assertPixel(canvas, 25,25, 0,255,0,255, "25,25", "0,255,0,255");
|
||||||
|
_assertPixel(canvas, 75,25, 0,255,0,255, "75,25", "0,255,0,255");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.clip.lighter</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.clip.lighter</h1>
|
||||||
|
<p class="desc">fill() does not affect pixels outside the clip region.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="/images/green-100x50.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("fill() does not affect pixels outside the clip region.");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = '#0f0';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'lighter';
|
||||||
|
ctx.rect(-20, -20, 10, 10);
|
||||||
|
ctx.clip();
|
||||||
|
ctx.fillStyle = '#f00';
|
||||||
|
ctx.fillRect(0, 0, 50, 50);
|
||||||
|
_assertPixel(canvas, 25,25, 0,255,0,255, "25,25", "0,255,0,255");
|
||||||
|
_assertPixel(canvas, 75,25, 0,255,0,255, "75,25", "0,255,0,255");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.clip.source-atop</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.clip.source-atop</h1>
|
||||||
|
<p class="desc">fill() does not affect pixels outside the clip region.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="/images/green-100x50.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("fill() does not affect pixels outside the clip region.");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = '#0f0';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'source-atop';
|
||||||
|
ctx.rect(-20, -20, 10, 10);
|
||||||
|
ctx.clip();
|
||||||
|
ctx.fillStyle = '#f00';
|
||||||
|
ctx.fillRect(0, 0, 50, 50);
|
||||||
|
_assertPixel(canvas, 25,25, 0,255,0,255, "25,25", "0,255,0,255");
|
||||||
|
_assertPixel(canvas, 75,25, 0,255,0,255, "75,25", "0,255,0,255");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.clip.source-in</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.clip.source-in</h1>
|
||||||
|
<p class="desc">fill() does not affect pixels outside the clip region.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="/images/green-100x50.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("fill() does not affect pixels outside the clip region.");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = '#0f0';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'source-in';
|
||||||
|
ctx.rect(-20, -20, 10, 10);
|
||||||
|
ctx.clip();
|
||||||
|
ctx.fillStyle = '#f00';
|
||||||
|
ctx.fillRect(0, 0, 50, 50);
|
||||||
|
_assertPixel(canvas, 25,25, 0,255,0,255, "25,25", "0,255,0,255");
|
||||||
|
_assertPixel(canvas, 75,25, 0,255,0,255, "75,25", "0,255,0,255");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.clip.source-out</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.clip.source-out</h1>
|
||||||
|
<p class="desc">fill() does not affect pixels outside the clip region.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="/images/green-100x50.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("fill() does not affect pixels outside the clip region.");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = '#0f0';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'source-out';
|
||||||
|
ctx.rect(-20, -20, 10, 10);
|
||||||
|
ctx.clip();
|
||||||
|
ctx.fillStyle = '#f00';
|
||||||
|
ctx.fillRect(0, 0, 50, 50);
|
||||||
|
_assertPixel(canvas, 25,25, 0,255,0,255, "25,25", "0,255,0,255");
|
||||||
|
_assertPixel(canvas, 75,25, 0,255,0,255, "75,25", "0,255,0,255");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.clip.source-over</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.clip.source-over</h1>
|
||||||
|
<p class="desc">fill() does not affect pixels outside the clip region.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="/images/green-100x50.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("fill() does not affect pixels outside the clip region.");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = '#0f0';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'source-over';
|
||||||
|
ctx.rect(-20, -20, 10, 10);
|
||||||
|
ctx.clip();
|
||||||
|
ctx.fillStyle = '#f00';
|
||||||
|
ctx.fillRect(0, 0, 50, 50);
|
||||||
|
_assertPixel(canvas, 25,25, 0,255,0,255, "25,25", "0,255,0,255");
|
||||||
|
_assertPixel(canvas, 75,25, 0,255,0,255, "75,25", "0,255,0,255");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.clip.xor</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.clip.xor</h1>
|
||||||
|
<p class="desc">fill() does not affect pixels outside the clip region.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="/images/green-100x50.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("fill() does not affect pixels outside the clip region.");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = '#0f0';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'xor';
|
||||||
|
ctx.rect(-20, -20, 10, 10);
|
||||||
|
ctx.clip();
|
||||||
|
ctx.fillStyle = '#f00';
|
||||||
|
ctx.fillRect(0, 0, 50, 50);
|
||||||
|
_assertPixel(canvas, 25,25, 0,255,0,255, "25,25", "0,255,0,255");
|
||||||
|
_assertPixel(canvas, 75,25, 0,255,0,255, "75,25", "0,255,0,255");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,38 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.globalAlpha.canvas</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.globalAlpha.canvas</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="/images/green-100x50.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
var canvas2 = document.createElement('canvas');
|
||||||
|
canvas2.width = 100;
|
||||||
|
canvas2.height = 50;
|
||||||
|
var ctx2 = canvas2.getContext('2d');
|
||||||
|
ctx2.fillStyle = '#f00';
|
||||||
|
ctx2.fillRect(0, 0, 100, 50);
|
||||||
|
|
||||||
|
ctx.fillStyle = '#0f0';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalAlpha = 0.01; // avoid any potential alpha=0 optimisations
|
||||||
|
ctx.drawImage(canvas2, 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 2,253,0,255, "50,25", "2,253,0,255", 2);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,39 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.globalAlpha.canvaspattern</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.globalAlpha.canvaspattern</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="/images/green-100x50.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
var canvas2 = document.createElement('canvas');
|
||||||
|
canvas2.width = 100;
|
||||||
|
canvas2.height = 50;
|
||||||
|
var ctx2 = canvas2.getContext('2d');
|
||||||
|
ctx2.fillStyle = '#f00';
|
||||||
|
ctx2.fillRect(0, 0, 100, 50);
|
||||||
|
|
||||||
|
ctx.fillStyle = '#0f0';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.fillStyle = ctx.createPattern(canvas2, 'no-repeat');
|
||||||
|
ctx.globalAlpha = 0.01; // avoid any potential alpha=0 optimisations
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 2,253,0,255, "50,25", "2,253,0,255", 2);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,27 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.globalAlpha.default</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.globalAlpha.default</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
_assertSame(ctx.globalAlpha, 1.0, "ctx.globalAlpha", "1.0");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,32 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.globalAlpha.fill</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.globalAlpha.fill</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="/images/green-100x50.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
ctx.fillStyle = '#0f0';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalAlpha = 0.01; // avoid any potential alpha=0 optimisations
|
||||||
|
ctx.fillStyle = '#f00';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 2,253,0,255, "50,25", "2,253,0,255", 2);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,32 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.globalAlpha.image</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.globalAlpha.image</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="/images/green-100x50.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
ctx.fillStyle = '#0f0';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalAlpha = 0.01; // avoid any potential alpha=0 optimisations
|
||||||
|
ctx.drawImage(document.getElementById('red.png'), 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 2,253,0,255, "50,25", "2,253,0,255", 2);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/red.png" id="red.png" class="resource">
|
||||||
|
|
||||||
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.globalAlpha.imagepattern</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.globalAlpha.imagepattern</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="/images/green-100x50.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
ctx.fillStyle = '#0f0';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.fillStyle = ctx.createPattern(document.getElementById('red.png'), 'no-repeat');
|
||||||
|
ctx.globalAlpha = 0.01; // avoid any potential alpha=0 optimisations
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 2,253,0,255, "50,25", "2,253,0,255", 2);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/red.png" id="red.png" class="resource">
|
||||||
|
|
||||||
@ -0,0 +1,34 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.globalAlpha.invalid</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.globalAlpha.invalid</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
ctx.globalAlpha = 0.5;
|
||||||
|
var a = ctx.globalAlpha; // might not be exactly 0.5, if it is rounded/quantised, so remember for future comparisons
|
||||||
|
ctx.globalAlpha = Infinity;
|
||||||
|
_assertSame(ctx.globalAlpha, a, "ctx.globalAlpha", "a");
|
||||||
|
ctx.globalAlpha = -Infinity;
|
||||||
|
_assertSame(ctx.globalAlpha, a, "ctx.globalAlpha", "a");
|
||||||
|
ctx.globalAlpha = NaN;
|
||||||
|
_assertSame(ctx.globalAlpha, a, "ctx.globalAlpha", "a");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.globalAlpha.range</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.globalAlpha.range</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
ctx.globalAlpha = 0.5;
|
||||||
|
var a = ctx.globalAlpha; // might not be exactly 0.5, if it is rounded/quantised, so remember for future comparisons
|
||||||
|
ctx.globalAlpha = 1.1;
|
||||||
|
_assertSame(ctx.globalAlpha, a, "ctx.globalAlpha", "a");
|
||||||
|
ctx.globalAlpha = -0.1;
|
||||||
|
_assertSame(ctx.globalAlpha, a, "ctx.globalAlpha", "a");
|
||||||
|
ctx.globalAlpha = 0;
|
||||||
|
_assertSame(ctx.globalAlpha, 0, "ctx.globalAlpha", "0");
|
||||||
|
ctx.globalAlpha = 1;
|
||||||
|
_assertSame(ctx.globalAlpha, 1, "ctx.globalAlpha", "1");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.image.copy</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.image.copy</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.image.copy.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'copy';
|
||||||
|
ctx.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 255,255,0,191, "50,25", "255,255,0,191", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 220 B |
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.image.destination-atop</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.image.destination-atop</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.image.destination-atop.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'destination-atop';
|
||||||
|
ctx.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 128,255,128,191, "50,25", "128,255,128,191", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 221 B |
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.image.destination-in</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.image.destination-in</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.image.destination-in.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'destination-in';
|
||||||
|
ctx.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 0,255,255,96, "50,25", "0,255,255,96", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 220 B |
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.image.destination-out</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.image.destination-out</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.image.destination-out.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'destination-out';
|
||||||
|
ctx.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 0,255,255,32, "50,25", "0,255,255,32", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 220 B |
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.image.destination-over</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.image.destination-over</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.image.destination-over.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'destination-over';
|
||||||
|
ctx.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 109,255,146,223, "50,25", "109,255,146,223", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 223 B |
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.image.lighter</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.image.lighter</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.image.lighter.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'lighter';
|
||||||
|
ctx.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 191,255,128,255, "50,25", "191,255,128,255", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 209 B |
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.image.source-atop</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.image.source-atop</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.image.source-atop.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'source-atop';
|
||||||
|
ctx.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 191,255,64,128, "50,25", "191,255,64,128", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 223 B |
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.image.source-in</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.image.source-in</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.image.source-in.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'source-in';
|
||||||
|
ctx.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 255,255,0,96, "50,25", "255,255,0,96", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 220 B |
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.image.source-out</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.image.source-out</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.image.source-out.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'source-out';
|
||||||
|
ctx.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 255,255,0,96, "50,25", "255,255,0,96", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 220 B |
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.image.source-over</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.image.source-over</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.image.source-over.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'source-over';
|
||||||
|
ctx.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 219,255,36,223, "50,25", "219,255,36,223", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 223 B |
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.image.xor</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.image.xor</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.image.xor.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'xor';
|
||||||
|
ctx.drawImage(document.getElementById('yellow75.png'), 0, 0);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 191,255,64,128, "50,25", "191,255,64,128", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<img src="/images/yellow75.png" id="yellow75.png" class="resource">
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 223 B |
@ -0,0 +1,29 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.operation.casesensitive</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.operation.casesensitive</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
ctx.globalCompositeOperation = 'xor';
|
||||||
|
ctx.globalCompositeOperation = 'Source-over';
|
||||||
|
_assertSame(ctx.globalCompositeOperation, 'xor', "ctx.globalCompositeOperation", "'xor'");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,29 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.operation.clear</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.operation.clear</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
ctx.globalCompositeOperation = 'xor';
|
||||||
|
ctx.globalCompositeOperation = 'clear';
|
||||||
|
_assertSame(ctx.globalCompositeOperation, 'xor', "ctx.globalCompositeOperation", "'xor'");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,29 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.operation.darker</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.operation.darker</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
ctx.globalCompositeOperation = 'xor';
|
||||||
|
ctx.globalCompositeOperation = 'darker';
|
||||||
|
_assertSame(ctx.globalCompositeOperation, 'xor', "ctx.globalCompositeOperation", "'xor'");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,27 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.operation.default</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.operation.default</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
_assertSame(ctx.globalCompositeOperation, 'source-over', "ctx.globalCompositeOperation", "'source-over'");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,34 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.operation.get</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.operation.get</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
var modes = ['source-atop', 'source-in', 'source-out', 'source-over',
|
||||||
|
'destination-atop', 'destination-in', 'destination-out', 'destination-over',
|
||||||
|
'lighter', 'copy', 'xor'];
|
||||||
|
for (var i = 0; i < modes.length; ++i)
|
||||||
|
{
|
||||||
|
ctx.globalCompositeOperation = modes[i];
|
||||||
|
_assertSame(ctx.globalCompositeOperation, modes[i], "ctx.globalCompositeOperation", "modes[\""+(i)+"\"]");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,29 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.operation.highlight</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.operation.highlight</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
ctx.globalCompositeOperation = 'xor';
|
||||||
|
ctx.globalCompositeOperation = 'highlight';
|
||||||
|
_assertSame(ctx.globalCompositeOperation, 'xor', "ctx.globalCompositeOperation", "'xor'");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,29 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.operation.nullsuffix</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.operation.nullsuffix</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
ctx.globalCompositeOperation = 'xor';
|
||||||
|
ctx.globalCompositeOperation = 'source-over\0';
|
||||||
|
_assertSame(ctx.globalCompositeOperation, 'xor', "ctx.globalCompositeOperation", "'xor'");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,29 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.operation.over</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.operation.over</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
ctx.globalCompositeOperation = 'xor';
|
||||||
|
ctx.globalCompositeOperation = 'over';
|
||||||
|
_assertSame(ctx.globalCompositeOperation, 'xor', "ctx.globalCompositeOperation", "'xor'");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,29 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.operation.unrecognised</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.operation.unrecognised</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
ctx.globalCompositeOperation = 'xor';
|
||||||
|
ctx.globalCompositeOperation = 'nonexistent';
|
||||||
|
_assertSame(ctx.globalCompositeOperation, 'xor', "ctx.globalCompositeOperation", "'xor'");
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.solid.copy</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.solid.copy</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.solid.copy.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 1.0)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'copy';
|
||||||
|
ctx.fillStyle = 'rgba(255, 255, 0, 1.0)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 255,255,0,255, "50,25", "255,255,0,255", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 205 B |
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.solid.destination-atop</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.solid.destination-atop</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.solid.destination-atop.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 1.0)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'destination-atop';
|
||||||
|
ctx.fillStyle = 'rgba(255, 255, 0, 1.0)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 0,255,255,255, "50,25", "0,255,255,255", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 206 B |
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.solid.destination-in</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.solid.destination-in</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.solid.destination-in.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 1.0)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'destination-in';
|
||||||
|
ctx.fillStyle = 'rgba(255, 255, 0, 1.0)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 0,255,255,255, "50,25", "0,255,255,255", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 206 B |
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.solid.destination-out</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.solid.destination-out</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.solid.destination-out.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 1.0)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'destination-out';
|
||||||
|
ctx.fillStyle = 'rgba(255, 255, 0, 1.0)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 0,0,0,0, "50,25", "0,0,0,0", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 117 B |
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.solid.destination-over</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.solid.destination-over</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.solid.destination-over.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 1.0)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'destination-over';
|
||||||
|
ctx.fillStyle = 'rgba(255, 255, 0, 1.0)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 0,255,255,255, "50,25", "0,255,255,255", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 206 B |
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.solid.lighter</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.solid.lighter</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.solid.lighter.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 1.0)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'lighter';
|
||||||
|
ctx.fillStyle = 'rgba(255, 255, 0, 1.0)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 255,255,255,255, "50,25", "255,255,255,255", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 207 B |
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.solid.source-atop</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.solid.source-atop</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.solid.source-atop.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 1.0)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'source-atop';
|
||||||
|
ctx.fillStyle = 'rgba(255, 255, 0, 1.0)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 255,255,0,255, "50,25", "255,255,0,255", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 205 B |
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.solid.source-in</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.solid.source-in</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.solid.source-in.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 1.0)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'source-in';
|
||||||
|
ctx.fillStyle = 'rgba(255, 255, 0, 1.0)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 255,255,0,255, "50,25", "255,255,0,255", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 205 B |
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. -->
|
||||||
|
<title>Canvas test: 2d.composite.solid.source-out</title>
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/common/canvas-tests.js"></script>
|
||||||
|
<link rel="stylesheet" href="/common/canvas-tests.css">
|
||||||
|
<body class="show_output">
|
||||||
|
|
||||||
|
<h1>2d.composite.solid.source-out</h1>
|
||||||
|
<p class="desc"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="output">Actual output:</p>
|
||||||
|
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
|
||||||
|
<p class="output expectedtext">Expected output:<p><img src="2d.composite.solid.source-out.png" class="output expected" id="expected" alt="">
|
||||||
|
<ul id="d"></ul>
|
||||||
|
<script>
|
||||||
|
var t = async_test("");
|
||||||
|
_addTest(function(canvas, ctx) {
|
||||||
|
|
||||||
|
|
||||||
|
ctx.fillStyle = 'rgba(0, 255, 255, 1.0)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
ctx.globalCompositeOperation = 'source-out';
|
||||||
|
ctx.fillStyle = 'rgba(255, 255, 0, 1.0)';
|
||||||
|
ctx.fillRect(0, 0, 100, 50);
|
||||||
|
_assertPixelApprox(canvas, 50,25, 0,0,0,0, "50,25", "0,0,0,0", 5);
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user