blob: b2da096de8ffdf25e82e1bf43d28dd585066c1c2 [file] [log] [blame]
<!DOCTYPE html>
<title>Canvas test: 2d.imageData.object.readonly</title>
<script src="../tests.js"></script>
<link rel="stylesheet" href="../tests.css">
<link rel="prev" href="2d.imageData.object.properties.html" title="2d.imageData.object.properties">
<link rel="next" href="2d.imageData.object.ctor.html" title="2d.imageData.object.ctor">
<body class="show_output">
<p>
<a href="2d.imageData.object.properties.html" accesskey="p" title="[p] 2d.imageData.object.properties">&lt;</a>
<a href="index.html">[index]</a>
<a href="2d.imageData.object.ctor.html" accesskey="n" title="[n] 2d.imageData.object.ctor">&gt;</a>
<h1><a href="index.2d.html">2d</a>.<a href="index.2d.imageData.html">imageData</a>.<a href="index.2d.imageData.object.html">object</a>.readonly</h1>
<p class="desc">ImageData objects properties are read-only</p>
<div class="refs">References:
<ul>
<li><a href="spec.html#testrefs.2d.imageData.type">2d.imageData.type</a>
</ul>
</div>
<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>
_addTest(function(canvas, ctx) {
var imgdata = ctx.getImageData(0, 0, 10, 10);
var w = imgdata.width;
var h = imgdata.height;
var d = imgdata.data;
imgdata.width = 123;
imgdata.height = 123;
imgdata.data = [100,100,100,100];
_assertSame(imgdata.width, w, "imgdata.width", "w");
_assertSame(imgdata.height, h, "imgdata.height", "h");
_assertSame(imgdata.data, d, "imgdata.data", "d");
_assertSame(imgdata.data[0], 0, "imgdata.data[\""+(0)+"\"]", "0");
_assertSame(imgdata.data[1], 0, "imgdata.data[\""+(1)+"\"]", "0");
_assertSame(imgdata.data[2], 0, "imgdata.data[\""+(2)+"\"]", "0");
_assertSame(imgdata.data[3], 0, "imgdata.data[\""+(3)+"\"]", "0");
});
</script>