KaneAI - World’s First E2E Software Testing Agent.Book a Demo 
How to use makeImageBitmap method in wpt
Best JavaScript code snippet using wpt
videoFrame-construction.any.js
Source:videoFrame-construction.any.js 
1// META: global=window,dedicatedworker2// META: script=/webcodecs/utils.js3// META: script=/webcodecs/videoFrame-utils.js4test(t => {5 let image = makeImageBitmap(32, 16);6 let frame = new VideoFrame(image, {timestamp: 10});7 assert_equals(frame.timestamp, 10, 'timestamp');8 assert_equals(frame.duration, null, 'duration');9 assert_equals(frame.visibleRect.width, 32, 'visibleRect.width');10 assert_equals(frame.visibleRect.height, 16, 'visibleRect.height');11 assert_equals(frame.displayWidth, 32, 'displayWidth');12 assert_equals(frame.displayHeight, 16, 'displayHeight');13 frame.close();14}, 'Test we can construct a VideoFrame.');15test(t => {16 let image = makeImageBitmap(32, 16);17 let frame = new VideoFrame(image, {timestamp: 10});18 frame.close();19 assert_equals(frame.format, null, 'format')20 assert_equals(frame.timestamp, null, 'timestamp');21 assert_equals(frame.duration, null, 'duration');22 assert_equals(frame.codedWidth, 0, 'codedWidth');23 assert_equals(frame.codedHeight, 0, 'codedHeight');24 assert_equals(frame.visibleRect, null, 'visibleRect');25 assert_equals(frame.displayWidth, 0, 'displayWidth');26 assert_equals(frame.displayHeight, 0, 'displayHeight');27 assert_equals(frame.colorSpace.primaries, null, 'colorSpace.primaries');28 assert_equals(frame.colorSpace.transfer, null, 'colorSpace.transfer');29 assert_equals(frame.colorSpace.matrix, null, 'colorSpace.matrix');30 assert_equals(frame.colorSpace.fullRange, null, 'colorSpace.fullRange');31 assert_throws_dom('InvalidStateError', () => frame.clone());32}, 'Test closed VideoFrame.');33test(t => {34 let image = makeImageBitmap(32, 16);35 let frame = new VideoFrame(image, {timestamp: -10});36 assert_equals(frame.timestamp, -10, 'timestamp');37 frame.close();38}, 'Test we can construct a VideoFrame with a negative timestamp.');39test(t => {40 let image = makeImageBitmap(1, 1);41 let frame = new VideoFrame(image, {timestamp: 10});42 assert_equals(frame.visibleRect.width, 1, 'visibleRect.width');43 assert_equals(frame.visibleRect.height, 1, 'visibleRect.height');44 assert_equals(frame.displayWidth, 1, 'displayWidth');45 assert_equals(frame.displayHeight, 1, 'displayHeight');46 frame.close();47}, 'Test we can construct an odd-sized VideoFrame.');48test(t => {49 // Test only valid for Window contexts.50 if (!('document' in self))51 return;52 let video = document.createElement('video');53 assert_throws_dom('InvalidStateError', () => {54 let frame = new VideoFrame(video, {timestamp: 10});55 })56}, 'Test constructing w/ unusable image argument throws: HAVE_NOTHING <video>.');57test(t => {58 let canvas = new OffscreenCanvas(0, 0);59 assert_throws_dom('InvalidStateError', () => {60 let frame = new VideoFrame(canvas, {timestamp: 10});61 })62}, 'Test constructing w/ unusable image argument throws: emtpy Canvas.');63test(t => {64 let image = makeImageBitmap(32, 16);65 image.close();66 assert_throws_dom('InvalidStateError', () => {67 let frame = new VideoFrame(image, {timestamp: 10});68 })69}, 'Test constructing w/ unusable image argument throws: closed ImageBitmap.');70test(t => {71 let image = makeImageBitmap(32, 16);72 let frame = new VideoFrame(image, {timestamp: 10});73 frame.close();74 assert_throws_dom('InvalidStateError', () => {75 let newFrame = new VideoFrame(frame);76 })77}, 'Test constructing w/ unusable image argument throws: closed VideoFrame.');78test(t => {79 let init = {80 format: 'I420',81 timestamp: 1234,82 codedWidth: 4,83 codedHeight: 284 };85 let data = new Uint8Array([86 1, 2, 3, 4, 5, 6, 7, 8, // y87 1, 2, // u88 1, 2, // v89 ]);90 let i420Frame = new VideoFrame(data, init);91 let image = makeImageBitmap(32, 16);92 assert_throws_js(93 TypeError,94 () => new VideoFrame(image, {timestamp: 10, visibleRect: {x: -1, y: 0, width: 10, height: 10}}),95 'negative visibleRect x');96 assert_throws_js(97 TypeError,98 () => new VideoFrame(image, {timestamp: 10, visibleRect: {x: 0, y: 0, width: -10, height: 10}}),99 'negative visibleRect width');100 assert_throws_js(101 TypeError,102 () => new VideoFrame(image, {timestamp: 10, visibleRect: {x: 0, y: 0, width: 10, height: 0}}),103 'zero visibleRect height');104 assert_throws_js(105 TypeError,106 () => new VideoFrame(image, {timestamp: 10, visibleRect: {x: 0, y: Infinity, width: 10, height: 10}}),107 'non finite visibleRect y');108 assert_throws_js(109 TypeError,110 () => new VideoFrame(image, {timestamp: 10, visibleRect: {x: 0, y: 0, width: 10, height: Infinity}}),111 'non finite visibleRect height');112 assert_throws_js(113 TypeError,114 () => new VideoFrame(image, {timestamp: 10, visibleRect: {x: 0, y: 0, width: 33, height: 17}}),115 'visibleRect area exceeds coded size');116 assert_throws_js(117 TypeError,118 () => new VideoFrame(image, {timestamp: 10, visibleRect: {x: 2, y: 2, width: 32, height: 16}}),119 'visibleRect outside coded size');120 assert_throws_js(121 TypeError,122 () => new VideoFrame(image, {timestamp: 10, displayHeight: 10}),123 'displayHeight provided without displayWidth');124 assert_throws_js(125 TypeError,126 () => new VideoFrame(image, {timestamp: 10, displayWidth: 10}),127 'displayWidth provided without displayHeight');128 assert_throws_js(129 TypeError,130 () => new VideoFrame(image, {timestamp: 10, displayWidth: 0, displayHeight: 10}),131 'displayWidth is zero');132 assert_throws_js(133 TypeError,134 () => new VideoFrame(image, {timestamp: 10, displayWidth: 10, displayHeight: 0}),135 'displayHeight is zero');136 assert_throws_js(137 TypeError,138 () => new VideoFrame(i420Frame, {visibleRect: {x: 1, y: 0, width: 2, height: 2}}),139 'visibleRect x is not sample aligned');140 assert_throws_js(141 TypeError,142 () => new VideoFrame(i420Frame, {visibleRect: {x: 0, y: 0, width: 1, height: 2}}),143 'visibleRect width is not sample aligned');144}, 'Test invalid CanvasImageSource constructed VideoFrames');145test(t => {146 let init = {147 format: 'I420',148 timestamp: 1234,149 codedWidth: 4,150 codedHeight: 2151 };152 let data = new Uint8Array([153 1, 2, 3, 4, 5, 6, 7, 8, // y154 1, 2, // u155 1, 2, // v156 ]);157 let origFrame = new VideoFrame(data, init);158 let cropLeftHalf = new VideoFrame(origFrame, {visibleRect : {x: 0, y: 0, width: 2, height: 2}});159 assert_equals(cropLeftHalf.codedWidth, origFrame.codedWidth);160 assert_equals(cropLeftHalf.codedHeight, origFrame.codedHeight);161 assert_equals(cropLeftHalf.visibleRect.x, 0);162 assert_equals(cropLeftHalf.visibleRect.y, 0);163 assert_equals(cropLeftHalf.visibleRect.width, 2);164 assert_equals(cropLeftHalf.visibleRect.height, 2);165 assert_equals(cropLeftHalf.displayWidth, 2);166 assert_equals(cropLeftHalf.displayHeight, 2);167}, 'Test visibleRect metadata override where source display size = visible size');168test(t => {169 let init = {170 format: 'I420',171 timestamp: 1234,172 codedWidth: 4,173 codedHeight: 2,174 displayWidth: 8,175 displayHeight: 2176 };177 let data = new Uint8Array([178 1, 2, 3, 4, 5, 6, 7, 8, // y179 1, 2, // u180 1, 2, // v181 ]);182 let anamorphicFrame = new VideoFrame(data, init);183 let cropRightFrame = new VideoFrame(anamorphicFrame, {visibleRect : {x: 2, y: 0, width: 2, height: 2}});184 assert_equals(cropRightFrame.codedWidth, anamorphicFrame.codedWidth);185 assert_equals(cropRightFrame.codedHeight, anamorphicFrame.codedHeight);186 assert_equals(cropRightFrame.visibleRect.x, 2);187 assert_equals(cropRightFrame.visibleRect.y, 0);188 assert_equals(cropRightFrame.visibleRect.width, 2);189 assert_equals(cropRightFrame.visibleRect.height, 2);190 assert_equals(cropRightFrame.displayWidth, 4, 'cropRightFrame.displayWidth');191 assert_equals(cropRightFrame.displayHeight, 2, 'cropRightFrame.displayHeight');192}, 'Test visibleRect metadata override where source display width = 2 * visible width (anamorphic)');193test(t => {194 let init = {195 format: 'I420',196 timestamp: 1234,197 codedWidth: 4,198 codedHeight: 2,199 displayWidth: 8,200 displayHeight: 4201 };202 let data = new Uint8Array([203 1, 2, 3, 4, 5, 6, 7, 8, // y204 1, 2, // u205 1, 2, // v206 ]);207 let scaledFrame = new VideoFrame(data, init);208 let cropRightFrame = new VideoFrame(scaledFrame, {visibleRect : {x: 2, y: 0, width: 2, height: 2}});209 assert_equals(cropRightFrame.codedWidth, scaledFrame.codedWidth);210 assert_equals(cropRightFrame.codedHeight, scaledFrame.codedHeight);211 assert_equals(cropRightFrame.visibleRect.x, 2);212 assert_equals(cropRightFrame.visibleRect.y, 0);213 assert_equals(cropRightFrame.visibleRect.width, 2);214 assert_equals(cropRightFrame.visibleRect.height, 2);215 assert_equals(cropRightFrame.displayWidth, 4, 'cropRightFrame.displayWidth');216 assert_equals(cropRightFrame.displayHeight, 4, 'cropRightFrame.displayHeight');217}, 'Test visibleRect metadata override where source display size = 2 * visible size for both width and height');218test(t => {219 let image = makeImageBitmap(32, 16);220 let scaledFrame = new VideoFrame(image,221 { visibleRect : {x: 0, y: 0, width: 2, height: 2},222 displayWidth: 10, displayHeight: 20223 });224 assert_equals(scaledFrame.codedWidth, 32);225 assert_equals(scaledFrame.codedHeight, 16);226 assert_equals(scaledFrame.visibleRect.x, 0);227 assert_equals(scaledFrame.visibleRect.y, 0);228 assert_equals(scaledFrame.visibleRect.width, 2);229 assert_equals(scaledFrame.visibleRect.height, 2);230 assert_equals(scaledFrame.displayWidth, 10, 'scaledFrame.displayWidth');231 assert_equals(scaledFrame.displayHeight, 20, 'scaledFrame.displayHeight');232}, 'Test visibleRect + display size metadata override');233test(t => {234 let image = makeImageBitmap(32, 16);235 let scaledFrame = new VideoFrame(image,236 {237 displayWidth: 10, displayHeight: 20238 });239 assert_equals(scaledFrame.codedWidth, 32);240 assert_equals(scaledFrame.codedHeight, 16);241 assert_equals(scaledFrame.visibleRect.x, 0);242 assert_equals(scaledFrame.visibleRect.y, 0);243 assert_equals(scaledFrame.visibleRect.width, 32);244 assert_equals(scaledFrame.visibleRect.height, 16);245 assert_equals(scaledFrame.displayWidth, 10, 'scaledFrame.displayWidth');246 assert_equals(scaledFrame.displayHeight, 20, 'scaledFrame.displayHeight');247}, 'Test display size metadata override');248test(t => {249 assert_throws_js(250 TypeError,251 () => new VideoFrame(252 new Uint8Array(1),253 {format: 'ABCD', timestamp: 1234, codedWidth: 4, codedHeight: 2}),254 'invalid pixel format');255 assert_throws_js(256 TypeError,257 () =>258 new VideoFrame(new Uint32Array(1), {format: 'RGBA', timestamp: 1234}),259 'missing coded size');260 function constructFrame(init) {261 let data = new Uint8Array([262 1, 2, 3, 4, 5, 6, 7, 8, // y263 1, 2, // u264 1, 2, // v265 ]);266 return new VideoFrame(data, {...init, format: 'I420'});267 }268 assert_throws_js(269 TypeError, () => constructFrame({270 timestamp: 1234,271 codedWidth: Math.pow(2, 32) - 1,272 codedHeight: Math.pow(2, 32) - 1,273 }),274 'invalid coded size');275 assert_throws_js(276 TypeError,277 () => constructFrame({timestamp: 1234, codedWidth: 4, codedHeight: 0}),278 'invalid coded height');279 assert_throws_js(280 TypeError,281 () => constructFrame({timestamp: 1234, codedWidth: 0, codedHeight: 4}),282 'invalid coded width');283 assert_throws_js(284 TypeError, () => constructFrame({285 timestamp: 1234,286 codedWidth: 4,287 codedHeight: 2,288 visibleRect: {x: 100, y: 100, width: 1, height: 1}289 }),290 'invalid visible left/right');291 assert_throws_js(292 TypeError, () => constructFrame({293 timestamp: 1234,294 codedWidth: 4,295 codedHeight: 2,296 visibleRect: {x: 0, y: 0, width: 0, height: 2}297 }),298 'invalid visible width');299 assert_throws_js(300 TypeError, () => constructFrame({301 timestamp: 1234,302 codedWidth: 4,303 codedHeight: 2,304 visibleRect: {x: 0, y: 0, width: 2, height: 0}305 }),306 'invalid visible height');307 assert_throws_js(308 TypeError, () => constructFrame({309 timestamp: 1234,310 codedWidth: 4,311 codedHeight: 2,312 visibleRect: {x: 0, y: 0, width: -100, height: -100}313 }),314 'invalid negative visible size');315 assert_throws_js(316 TypeError, () => constructFrame({317 timestamp: 1234,318 codedWidth: 4,319 codedHeight: 2,320 displayWidth: Math.pow(2, 32),321 }),322 'invalid display width');323 assert_throws_js(324 TypeError, () => constructFrame({325 timestamp: 1234,326 codedWidth: 4,327 codedHeight: 2,328 displayWidth: Math.pow(2, 32) - 1,329 displayHeight: Math.pow(2, 32)330 }),331 'invalid display height');332}, 'Test invalid buffer constructed VideoFrames');333test(t => {334 testBufferConstructedI420Frame('Uint8Array(ArrayBuffer)');335}, 'Test Uint8Array(ArrayBuffer) constructed I420 VideoFrame');336test(t => {337 testBufferConstructedI420Frame('ArrayBuffer');338}, 'Test ArrayBuffer constructed I420 VideoFrame');339test(t => {340 let fmt = 'I420';341 let vfInit = {342 format: fmt,343 timestamp: 1234,344 codedWidth: 4,345 codedHeight: 2,346 colorSpace: {347 primaries: 'smpte170m',348 matrix: 'bt470bg',349 },350 };351 let data = new Uint8Array([352 1, 2, 3, 4, 5, 6, 7, 8, // y353 1, 2, // u354 1, 2, // v355 ]);356 let frame = new VideoFrame(data, vfInit);357 assert_equals(frame.colorSpace.primaries, 'smpte170m', 'color primaries');358 assert_true(frame.colorSpace.transfer == null, 'color transfer');359 assert_equals(frame.colorSpace.matrix, 'bt470bg', 'color matrix');360 assert_true(frame.colorSpace.fullRange == null, 'color range');361}, 'Test planar constructed I420 VideoFrame with colorSpace');362test(t => {363 let fmt = 'I420A';364 let vfInit = {format: fmt, timestamp: 1234, codedWidth: 4, codedHeight: 2};365 let data = new Uint8Array([366 1, 2, 3, 4, 5, 6, 7, 8, // y367 1, 2, // u368 1, 2, // v369 8, 7, 6, 5, 4, 3, 2, 1, // a370 ]);371 let frame = new VideoFrame(data, vfInit);372 assert_equals(frame.format, fmt, 'plane format');373 assert_equals(frame.colorSpace.primaries, 'bt709', 'color primaries');374 assert_equals(frame.colorSpace.transfer, 'bt709', 'color transfer');375 assert_equals(frame.colorSpace.matrix, 'bt709', 'color matrix');376 assert_false(frame.colorSpace.fullRange, 'color range');377 frame.close();378 // Most constraints are tested as part of I420 above.379 let y = {offset: 0, stride: 4};380 let u = {offset: 8, stride: 2};381 let v = {offset: 10, stride: 2};382 let a = {offset: 12, stride: 4};383 assert_throws_js(TypeError, () => {384 let a = {offset: 12, stride: 1};385 let frame = new VideoFrame(data, {...vfInit, layout: [y, u, v, a]});386 }, 'a stride too small');387 assert_throws_js(TypeError, () => {388 let frame = new VideoFrame(data.slice(0, 12), vfInit);389 }, 'data too small');390}, 'Test buffer constructed I420+Alpha VideoFrame');391test(t => {392 let fmt = 'NV12';393 let vfInit = {format: fmt, timestamp: 1234, codedWidth: 4, codedHeight: 2};394 let data = new Uint8Array([395 1, 2, 3, 4, 5, 6, 7, 8, // y396 1, 2, 3, 4, // uv397 ]);398 let frame = new VideoFrame(data, vfInit);399 assert_equals(frame.format, fmt, 'plane format');400 assert_equals(frame.colorSpace.primaries, 'bt709', 'color primaries');401 assert_equals(frame.colorSpace.transfer, 'bt709', 'color transfer');402 assert_equals(frame.colorSpace.matrix, 'bt709', 'color matrix');403 assert_false(frame.colorSpace.fullRange, 'color range');404 frame.close();405 let y = {offset: 0, stride: 4};406 let uv = {offset: 8, stride: 4};407 assert_throws_js(TypeError, () => {408 let y = {offset: 0, stride: 1};409 let frame = new VideoFrame(data, {...vfInit, layout: [y, uv]});410 }, 'y stride too small');411 assert_throws_js(TypeError, () => {412 let uv = {offset: 8, stride: 1};413 let frame = new VideoFrame(data, {...vfInit, layout: [y, uv]});414 }, 'uv stride too small');415 assert_throws_js(TypeError, () => {416 let frame = new VideoFrame(data.slice(0, 8), vfInit);417 }, 'data too small');418}, 'Test buffer constructed NV12 VideoFrame');419test(t => {420 let vfInit = {timestamp: 1234, codedWidth: 4, codedHeight: 2};421 let data = new Uint8Array([422 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16,423 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32,424 ]);425 let frame = new VideoFrame(data, {...vfInit, format: 'RGBA'});426 assert_equals(frame.format, 'RGBA', 'plane format');427 assert_equals(frame.colorSpace.primaries, 'bt709', 'color primaries');428 assert_equals(frame.colorSpace.transfer, 'iec61966-2-1', 'color transfer');429 assert_equals(frame.colorSpace.matrix, 'rgb', 'color matrix');430 assert_true(frame.colorSpace.fullRange, 'color range');431 frame.close();432 frame = new VideoFrame(data, {...vfInit, format: 'RGBX'});433 assert_equals(frame.format, 'RGBX', 'plane format');434 assert_equals(frame.colorSpace.primaries, 'bt709', 'color primaries');435 assert_equals(frame.colorSpace.transfer, 'iec61966-2-1', 'color transfer');436 assert_equals(frame.colorSpace.matrix, 'rgb', 'color matrix');437 assert_true(frame.colorSpace.fullRange, 'color range');438 frame.close();439 frame = new VideoFrame(data, {...vfInit, format: 'BGRA'});440 assert_equals(frame.format, 'BGRA', 'plane format');441 assert_equals(frame.colorSpace.primaries, 'bt709', 'color primaries');442 assert_equals(frame.colorSpace.transfer, 'iec61966-2-1', 'color transfer');443 assert_equals(frame.colorSpace.matrix, 'rgb', 'color matrix');444 assert_true(frame.colorSpace.fullRange, 'color range');445 frame.close();446 frame = new VideoFrame(data, {...vfInit, format: 'BGRX'});447 assert_equals(frame.format, 'BGRX', 'plane format');448 assert_equals(frame.colorSpace.primaries, 'bt709', 'color primaries');449 assert_equals(frame.colorSpace.transfer, 'iec61966-2-1', 'color transfer');450 assert_equals(frame.colorSpace.matrix, 'rgb', 'color matrix');451 assert_true(frame.colorSpace.fullRange, 'color range');452 frame.close();453}, 'Test buffer constructed RGB VideoFrames');454test(t => {455 let image = makeImageBitmap(32, 16);456 let frame = new VideoFrame(image, {timestamp: 0});457 assert_true(!!frame);458 frame_copy = new VideoFrame(frame);459 assert_equals(frame.format, frame_copy.format);460 assert_equals(frame.timestamp, frame_copy.timestamp);461 assert_equals(frame.codedWidth, frame_copy.codedWidth);462 assert_equals(frame.codedHeight, frame_copy.codedHeight);463 assert_equals(frame.displayWidth, frame_copy.displayWidth);464 assert_equals(frame.displayHeight, frame_copy.displayHeight);465 assert_equals(frame.duration, frame_copy.duration);466 frame_copy.close();467 frame_copy = new VideoFrame(frame, {duration: 1234});468 assert_equals(frame.timestamp, frame_copy.timestamp);469 assert_equals(frame_copy.duration, 1234);...
video-frame.any.js
Source:video-frame.any.js
1// META: global=window,dedicatedworker2// META: script=/webcodecs/utils.js3test(t => {4 let image = makeImageBitmap(32, 16);5 let frame = new VideoFrame(image, {timestamp: 10});6 assert_equals(frame.timestamp, 10, "timestamp");7 assert_equals(frame.duration, null, "duration");8 assert_equals(frame.cropWidth, 32, "cropWidth");9 assert_equals(frame.cropHeight, 16, "cropHeight");10 assert_equals(frame.cropWidth, 32, "displayWidth");11 assert_equals(frame.cropHeight, 16, "displayHeight");12 frame.destroy();13}, 'Test we can construct a VideoFrame.');14test(t => {15 let image = makeImageBitmap(1, 1);16 let frame = new VideoFrame(image, {timestamp: 10});17 assert_equals(frame.cropWidth, 1, "cropWidth");18 assert_equals(frame.cropHeight, 1, "cropHeight");19 assert_equals(frame.cropWidth, 1, "displayWidth");20 assert_equals(frame.cropHeight, 1, "displayHeight");21 frame.destroy();22}, 'Test we can construct an odd-sized VideoFrame.');23test(t => {24 let image = makeImageBitmap(32, 16);25 let frame = new VideoFrame(image, {timestamp: 0});26 // TODO(sandersd): This would be more clear as RGBA, but conversion has27 // not be specified (or implemented) yet.28 if (frame.format !== "I420") {29 return;30 }31 assert_equals(frame.planes.length, 3, "number of planes");32 // Validate Y plane metadata.33 let yPlane = frame.planes[0];34 let yStride = yPlane.stride;35 let yRows = yPlane.rows;36 let yLength = yPlane.length;37 // Required minimums to contain the visible data.38 assert_greater_than_equal(yRows, 16, "Y plane rows");39 assert_greater_than_equal(yStride, 32, "Y plane stride");40 assert_greater_than_equal(yLength, 32 * 16, "Y plane length");41 // Not required by spec, but sets limit at 50% padding per dimension.42 assert_less_than_equal(yRows, 32, "Y plane rows");43 assert_less_than_equal(yStride, 64, "Y plane stride");44 assert_less_than_equal(yLength, 32 * 64, "Y plane length");45 // Validate Y plane data.46 let buffer = new ArrayBuffer(yLength);47 let view = new Uint8Array(buffer);48 frame.planes[0].readInto(view);49 // TODO(sandersd): This probably needs to be fuzzy unless we can make50 // guarantees about the color space.51 assert_equals(view[0], 94, "Y value at (0, 0)");52 frame.destroy();53}, 'Test we can read planar data from a VideoFrame.');54test(t => {55 let image = makeImageBitmap(32, 16);56 let frame = new VideoFrame(image, {timestamp: 0});57 // TODO(sandersd): This would be more clear as RGBA, but conversion has58 // not be specified (or implemented) yet.59 if (frame.format !== "I420") {60 return;61 }62 assert_equals(frame.planes.length, 3, "number of planes");63 // Attempt to read Y plane data, but destroy the frame first.64 let yPlane = frame.planes[0];65 let yLength = yPlane.length;66 frame.destroy();67 let buffer = new ArrayBuffer(yLength);68 let view = new Uint8Array(buffer);69 assert_throws_dom("InvalidStateError", () => yPlane.readInto(view));70}, 'Test we cannot read planar data from a destroyed VideoFrame.');71test(t => {72 let image = makeImageBitmap(32, 16);73 image.close();74 assert_throws_dom("InvalidStateError", () => {75 let frame = new VideoFrame(image, {timestamp: 10});76 })...
Using AI Code Generation
1const wptools = require('wptools');2 console.log(bitmap);3});4const wptools = require('wptools');5const wptools = require('wptools');6const wptools = require('wptools');7const wptools = require('wptools');
Using AI Code Generation
1var wpt = require('webpagetest');2var wpt = new WebPageTest('www.webpagetest.org');3var options = {4};5wpt.runTest(options, function(err, data) {6 if (err) return console.error(err);7 console.log(data);8});
Using AI Code Generation
1var img = new Image();2img.onload = function() {3 makeImageBitmap(img).then(function(bitmap) {4 });5};6var img = new Image();7img.onload = function() {8 makeImageBitmap(img, {resizeWidth: 100, resizeHeight: 100}).then(function(bitmap) {9 });10};11var img = new Image();12img.onload = function() {13 makeImageBitmap(img, {resizeWidth: 100, resizeHeight: 100, resizeQuality: 'high'}).then(function(bitmap) {14 });15};16var img = new Image();17img.onload = function() {18 makeImageBitmap(img, {resizeWidth: 100, resizeHeight: 100, resizeQuality: 'low'}).then(function(bitmap) {19 });20};21var img = new Image();22img.onload = function() {23 makeImageBitmap(img, {resizeWidth: 100, resizeHeight: 100, resizeQuality: 'medium'}).then(function(bitmap) {24 });25};26var img = new Image();27img.onload = function() {28 makeImageBitmap(img, {resizeWidth: 100, resizeHeight: 100, resizeQuality: 'best'}).then(function(bitmap) {29 });30};31var img = new Image();32img.onload = function() {33 makeImageBitmap(img, {resizeWidth: 100, resizeHeight: 100,
Using AI Code Generation
1var img = new Image();2var bitmap = makeImageBitmap(img);3var img = new Image();4var bitmap = makeImageBitmap(img);5var img = new Image();6var bitmap = createImageBitmap(img);7var img = new Image();8var bitmap = createImageBitmap(img);9var img = new Image();10var bitmap = makeImageBitmap(img);11var img = new Image();12var bitmap = makeImageBitmap(img);13var img = new Image();14var bitmap = createImageBitmap(img);15var img = new Image();16var bitmap = createImageBitmap(img);17var img = new Image();18var bitmap = makeImageBitmap(img);19var img = new Image();20var bitmap = makeImageBitmap(img);21var img = new Image();22var bitmap = createImageBitmap(img);23var img = new Image();24var bitmap = createImageBitmap(img);
Using AI Code Generation
1function makeImageBitmapTest() {2 var img = new Image();3 img.onload = function() {4 makeImageBitmap(img, 0, 0, 1, 1).then(function(bitmap) {5 testPassed("makeImageBitmap() is supported");6 }, function() {7 testFailed("makeImageBitmap() is not supported");8 });9 }10}11function makeImageBitmapTest() {12 var img = new Image();13 img.onload = function() {14 makeImageBitmap(img, 0, 0, 1, 1).then(function(bitmap) {15 testPassed("makeImageBitmap() is supported");16 }, function() {17 testFailed("makeImageBitmap() is not supported");18 });19 }20}21function makeImageBitmapTest() {22 var img = new Image();23 img.onload = function() {24 makeImageBitmap(img, 0, 0, 1, 1).then(function(bitmap) {25 testPassed("makeImageBitmap() is supported");26 }, function() {27 testFailed("makeImageBitmap() is not supported");28 });29 }30}31function makeImageBitmapTest() {32 var img = new Image();33 img.onload = function() {34 makeImageBitmap(img, 0, 0, 1, 1).then(function(bitmap) {35 testPassed("makeImageBitmap() is supported");36 }, function() {37 testFailed("makeImageBitmap() is not supported");38 });39 }40}41function makeImageBitmapTest() {42 var img = new Image();
Using AI Code Generation
1function makeImageBitmap() {2 var img = new Image();3 img.src = "/images/2x2.png";4 return createImageBitmap(img);5}6var imageBitmapPromise = makeImageBitmap();7imageBitmapPromise.then(function(imageBitmap) {8 test(function() {9 assert_equals(imageBitmap.width, 2);10 assert_equals(imageBitmap.height, 2);11 }, "ImageBitmap is created from an Image");12});
Using AI Code Generation
1var image = new Image();2var bitmap = makeImageBitmap(image);3var image = new Image();4var bitmap = makeImageBitmap(image);5var canvas = document.getElementById('canvas');6var context = canvas.getContext('2d');7context.drawImage(bitmap, 0, 0, 200, 200);8var image = new Image();9var bitmap = makeImageBitmap(image);10var canvas = document.getElementById('canvas');11var context = canvas.getContext('2d');12context.drawImage(bitmap, 0, 0, 200, 200);13var bitmap2 = makeImageBitmap(image);14context.drawImage(bitmap2, 0, 0, 200, 200);
Automation Testing Tutorials
Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.
LambdaTest Learning Hubs:
- JUnit Tutorial
- TestNG Tutorial
- Webdriver Tutorial
- WebDriverIO Tutorial
- Protractor Tutorial
- Selenium 4 Tutorial
- Jenkins Tutorial
- NUnit Tutorial
- Jest Tutorial
- Playwright Tutorial
- Cypress Tutorial
- PyTest Tutorial
YouTube
You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.
Run wpt automation tests on LambdaTest cloud grid
Perform automation testing on 3000+ real desktop and mobile devices online.
Try LambdaTest Now !!
Get 100 minutes of automation test minutes FREE!!
Was this article helpful?
