<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
</head>
<body>
<script>
description("Test to ensure that modifications to canvas are not visible from already captured patterns.");
// At the time of writing this would fail for Cocoa in case where Canvas backing store image was accessed as
// mapped in WP but the modifications would happen in GPUP. At the time, GPUP DOM rendering == off, GPUP Canvas
// rendering == on.
var ctx = document.createElement('canvas').getContext('2d');
var pcanvas = document.createElement('canvas');
pcanvas.width = 100;
pcanvas.height = 100;
var pctx = pcanvas.getContext('2d');

var c;

pctx.fillStyle = 'lime';
pctx.fillRect(0, 0, 50, 50);

// 1. Capture pattern before modification (green).
var pattern = ctx.createPattern(pcanvas, 'repeat');

// 2. Modify the canvas that was the pattern source (the source is red, the pattern is expected to be green).
pctx.fillStyle = 'red';
pctx.fillRect(0, 0, 50, 50);
c = pctx.getImageData(0, 0, 1, 1).data;
shouldBe("c[0]", "255");
shouldBe("c[1]", "0");
shouldBe("c[2]", "0");

// 3. Assert that the modification is not visible through the captured pattern.
ctx.fillStyle = pattern;
ctx.fillRect(0, 0, 100, 100);
c = ctx.getImageData(0, 0, 1, 1).data;
shouldBe("c[0]", "0");
shouldBe("c[1]", "255");
shouldBe("c[2]", "0");

</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>