<script language="JavaScript">
var canvas = document.createElement("canvas");
var smallCanvas = document.createElement("canvas");
w = canvas.width = 2000;
h = canvas.height = 2000;
ws = smallCanvas.width = 20;
hs = smallCanvas.height = 20;

document.body.appendChild(canvas);
ctx = canvas.getContext("2d");
smallCtx = smallCanvas.getContext("2d");

var imgdata = ctx.createImageData(2000,2000);
var data = imgdata.data;
for(var i=0;i<data.length;i++){
    data[i] = Math.floor(Math.random()*255);
}
ctx.putImageData(imgdata,0,0);
</script>
<style>
canvas{width:256px;height:256px;}
</style>

Setup JS

Teardown JS

Test cases

Test #1

Title *

Async

Code *ctx.getImageData(0,0,10,10);

Test #2

Title *

Async

Code *ctx.getImageData(w-10,h-10,10,10);

Test #3

Title *

Async

Code *ctx.getImageData(0,0,100,100);

Test #4

Title *

Async

Code *ctx.getImageData(0,0,1000,1000);

Test #5

Title *

Async

Code *ctx.getImageData(0,0,2000,2000);

Test #6

Title *

Async

Code *smallCtx.getImageData(0,0,20,20);

Test case details

Preparation Code

Test cases

Test #1

Test #2

Test #3

Test #4

Test #5

Test #6