| Index: third_party/WebKit/LayoutTests/fast/canvas/canvas-path-context-clip.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/canvas/canvas-path-context-clip.html b/third_party/WebKit/LayoutTests/fast/canvas/canvas-path-context-clip.html
|
| index 9ff47f9b399ec809ab5cc8889ca936f2c22d6545..c61e268b2a89caa40fe93fbcb0bcb6ef30ab6f06 100644
|
| --- a/third_party/WebKit/LayoutTests/fast/canvas/canvas-path-context-clip.html
|
| +++ b/third_party/WebKit/LayoutTests/fast/canvas/canvas-path-context-clip.html
|
| @@ -1,9 +1,75 @@
|
| -<!doctype html>
|
| -<html>
|
| -<head>
|
| -<script src="../../resources/js-test.js"></script>
|
| -</head>
|
| +<script src="../../resources/testharness.js"></script>
|
| +<script src="../../resources/testharnessreport.js"></script>
|
| <body>
|
| <canvas id="canvas" width="200" height="200"></canvas>
|
| -<script src="script-tests/canvas-path-context-clip.js"></script>
|
| +<script>
|
| +
|
| +var ctx = document.getElementById('canvas').getContext('2d');
|
| +
|
| +function checkResult(expectedColors, sigma) {
|
| + data = ctx.getImageData(50, 50, 1, 1).data;
|
| + for (var i = 0; i < 4; i++)
|
| + assert_approx_equals(data[i], expectedColors[i], sigma);
|
| +}
|
| +
|
| +function drawRectanglesOn(contextOrPath) {
|
| + contextOrPath.rect(0, 0, 100, 100);
|
| + contextOrPath.rect(25, 25, 50, 50);
|
| +}
|
| +
|
| +function testClipWith(fillRule, path) {
|
| + ctx.fillStyle = 'rgb(255,0,0)';
|
| + ctx.beginPath();
|
| + ctx.fillRect(0, 0, 100, 100);
|
| + ctx.fillStyle = 'rgb(0,255,0)';
|
| + if (path) {
|
| + if (fillRule) {
|
| + ctx.clip(path, fillRule);
|
| + } else {
|
| + ctx.clip(path);
|
| + }
|
| + } else {
|
| + ctx.beginPath();
|
| + drawRectanglesOn(ctx);
|
| + if (fillRule) {
|
| + ctx.clip(fillRule);
|
| + } else {
|
| + ctx.clip();
|
| + }
|
| + }
|
| + ctx.beginPath();
|
| + ctx.fillRect(0, 0, 100, 100);
|
| + if (fillRule == 'evenodd') {
|
| + checkResult([255, 0, 0, 255], 5);
|
| + } else {
|
| + checkResult([0, 255, 0, 255], 5);
|
| + }
|
| +}
|
| +
|
| +test(function(t) {
|
| + fillRules = [undefined, 'nonzero', 'evenodd'];
|
| + path = new Path2D();
|
| + drawRectanglesOn(path);
|
| +
|
| + for (var i = 0; i < fillRules.length; i++) {
|
| + testClipWith(fillRules[i]);
|
| + testClipWith(fillRules[i], path);
|
| + }
|
| +
|
| + // Test exception cases.
|
| + assert_throws(null, function() {ctx.clip(null);});
|
| + assert_throws(null, function() {ctx.clip(null, null);});
|
| + assert_throws(null, function() {ctx.clip(null, 'nonzero');});
|
| + assert_throws(null, function() {ctx.clip(path, null);});
|
| + assert_throws(null, function() {ctx.clip([], 'nonzero');});
|
| + assert_throws(null, function() {ctx.clip({}, 'nonzero');});
|
| + assert_throws(null, function() {ctx.clip(null, 'evenodd');});
|
| + assert_throws(null, function() {ctx.clip([], 'evenodd');});
|
| + assert_throws(null, function() {ctx.clip({}, 'evenodd');});
|
| + assert_throws(null, function() {ctx.clip('gazonk');});
|
| + assert_throws(null, function() {ctx.clip(path, 'gazonk');});
|
| + assert_throws(null, function() {ctx.clip(undefined, undefined);});
|
| + assert_throws(null, function() {ctx.clip(undefined, 'nonzero');});
|
| +}, 'Series of tests to ensure clip() works with path and winding rule parameters.');
|
| +</script>
|
| </body>
|
|
|