2d.imageData.object.ctor.basics.html (5507B)
1 <!DOCTYPE html> 2 <!-- DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py. --> 3 <meta charset="UTF-8"> 4 <title>Canvas test: 2d.imageData.object.ctor.basics</title> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script src="/html/canvas/resources/canvas-tests.js"></script> 8 <link rel="stylesheet" href="/html/canvas/resources/canvas-tests.css"> 9 <body class="show_output"> 10 11 <h1>2d.imageData.object.ctor.basics</h1> 12 <p class="desc">Testing different type of ImageData constructor</p> 13 14 15 <p class="output">Actual output:</p> 16 <canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas> 17 18 <ul id="d"></ul> 19 <script> 20 var t = async_test("Testing different type of ImageData constructor"); 21 _addTest(function(canvas, ctx) { 22 23 function setRGBA(imageData, i, rgba) 24 { 25 var s = i * 4; 26 imageData[s] = rgba[0]; 27 imageData[s + 1] = rgba[1]; 28 imageData[s + 2] = rgba[2]; 29 imageData[s + 3] = rgba[3]; 30 } 31 32 function getRGBA(imageData, i) 33 { 34 var result = []; 35 var s = i * 4; 36 for (var j = 0; j < 4; j++) { 37 result[j] = imageData[s + j]; 38 } 39 return result; 40 } 41 42 function assertArrayEquals(actual, expected) 43 { 44 _assertSame(typeof actual, "object", "typeof actual", "\"object\""); 45 _assertDifferent(actual, null, "actual", "null"); 46 _assertSame("length" in actual, true, "\"length\" in actual", "true"); 47 _assertSame(actual.length, expected.length, "actual.length", "expected.length"); 48 for (var i = 0; i < actual.length; i++) { 49 _assertSame(actual.hasOwnProperty(i), expected.hasOwnProperty(i), "actual.hasOwnProperty(i)", "expected.hasOwnProperty(i)"); 50 _assertSame(actual[i], expected[i], "actual[\""+(i)+"\"]", "expected[\""+(i)+"\"]"); 51 } 52 } 53 54 _assertDifferent(ImageData, undefined, "ImageData", "undefined"); 55 imageData = new ImageData(100, 50); 56 57 _assertDifferent(imageData, null, "imageData", "null"); 58 _assertDifferent(imageData.data, null, "imageData.data", "null"); 59 _assertSame(imageData.width, 100, "imageData.width", "100"); 60 _assertSame(imageData.height, 50, "imageData.height", "50"); 61 assertArrayEquals(getRGBA(imageData.data, 4), [0, 0, 0, 0]); 62 63 var testColor = [0, 255, 255, 128]; 64 setRGBA(imageData.data, 4, testColor); 65 assertArrayEquals(getRGBA(imageData.data, 4), testColor); 66 67 assert_throws_js(TypeError, function() { ImageData(1, 1); }); 68 assert_throws_js(TypeError, function() { new ImageData(10); }); 69 assert_throws_dom("INDEX_SIZE_ERR", function() { new ImageData(0, 10); }); 70 assert_throws_dom("INDEX_SIZE_ERR", function() { new ImageData(10, 0); }); 71 assert_throws_dom("INDEX_SIZE_ERR", function() { new ImageData('width', 'height'); }); 72 assert_throws_dom("INDEX_SIZE_ERR", function() { new ImageData(1 << 31, 1 << 31); }); 73 assert_throws_js(TypeError, function() { new ImageData(new Uint8ClampedArray(0)); }); 74 assert_throws_dom("INDEX_SIZE_ERR", function() { new ImageData(new Uint8Array(100), 25); }); 75 assert_throws_dom("INVALID_STATE_ERR", function() { new ImageData(new Uint8ClampedArray(27), 2); }); 76 assert_throws_dom("INDEX_SIZE_ERR", function() { new ImageData(new Uint8ClampedArray(28), 7, 0); }); 77 assert_throws_dom("INDEX_SIZE_ERR", function() { new ImageData(new Uint8ClampedArray(104), 14); }); 78 assert_throws_dom("INDEX_SIZE_ERR", function() { new ImageData(new Uint8ClampedArray([12, 34, 168, 65328]), 1, 151); }); 79 assert_throws_js(TypeError, function() { new ImageData(self, 4, 4); }); 80 assert_throws_js(TypeError, function() { new ImageData(null, 4, 4); }); 81 assert_throws_dom("INDEX_SIZE_ERR", function() { new ImageData(imageData.data, 0); }); 82 assert_throws_dom("INDEX_SIZE_ERR", function() { new ImageData(imageData.data, 13); }); 83 assert_throws_dom("INDEX_SIZE_ERR", function() { new ImageData(imageData.data, 1 << 31); }); 84 assert_throws_dom("INDEX_SIZE_ERR", function() { new ImageData(imageData.data, 'biggish'); }); 85 assert_throws_dom("INDEX_SIZE_ERR", function() { new ImageData(imageData.data, 1 << 24, 1 << 31); }); 86 _assertSame(new ImageData(new Uint8ClampedArray(28), 7).height, 1, "new ImageData(new Uint8ClampedArray(28), 7).height", "1"); 87 88 imageDataFromData = new ImageData(imageData.data, 100); 89 _assertSame(imageDataFromData.width, 100, "imageDataFromData.width", "100"); 90 _assertSame(imageDataFromData.height, 50, "imageDataFromData.height", "50"); 91 _assertSame(imageDataFromData.data, imageData.data, "imageDataFromData.data", "imageData.data"); 92 assertArrayEquals(getRGBA(imageDataFromData.data, 10), getRGBA(imageData.data, 10)); 93 setRGBA(imageData.data, 10, testColor); 94 assertArrayEquals(getRGBA(imageDataFromData.data, 10), getRGBA(imageData.data, 10)); 95 96 var data = new Uint8ClampedArray(400); 97 data[22] = 129; 98 imageDataFromData = new ImageData(data, 20, 5); 99 _assertSame(imageDataFromData.width, 20, "imageDataFromData.width", "20"); 100 _assertSame(imageDataFromData.height, 5, "imageDataFromData.height", "5"); 101 _assertSame(imageDataFromData.data, data, "imageDataFromData.data", "data"); 102 assertArrayEquals(getRGBA(imageDataFromData.data, 2), getRGBA(data, 2)); 103 setRGBA(imageDataFromData.data, 2, testColor); 104 assertArrayEquals(getRGBA(imageDataFromData.data, 2), getRGBA(data, 2)); 105 106 if (window.SharedArrayBuffer) { 107 assert_throws_js(TypeError, function() { new ImageData(new Uint16Array(new SharedArrayBuffer(32)), 4, 2); }); 108 } 109 110 }); 111 </script>