third_party/WebKit/LayoutTests/fast/canvas/webgl/texImage-imageBitmap-from-image-resize.html - Issue 2218963002: Add more layout tests for createImageBitmap with resize options

Side by Side Diff: third_party/WebKit/LayoutTests/fast/canvas/webgl/texImage-imageBitmap-from-image-resize.html

Issue 2218963002: Add more layout tests for createImageBitmap with resize options (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 years, 4 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/fast/canvas/webgl/texImage-imageBitmap-from-canvas-resize.html ('k') | third_party/WebKit/LayoutTests/fast/canvas/webgl/texImage-imageBitmap-from-video-resize.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <html>

	3 <head>

	4 <script src="./resources/webgl-test-utils-full.js"></script>

	5 <script src="./resources/tex-image-and-sub-image-utils.js"></script>

	6 <script src="./resources/tex-image-and-sub-image-image-bitmap-utils.js"></script >

	7 <script src="../../../resources/testharness.js"></script>

	8 <script src="../../../resources/testharnessreport.js"></script>

	9 </head>

	10 <body>

	11 <script>

	12 var wtu = WebGLTestUtils;

	13 var tiu = TexImageUtils;

	14 var gl = null;

	15 var internalFormat = "RGBA";

	16 var pixelFormat = "RGBA";

	17 var pixelType = "UNSIGNED_BYTE";

	18 var redColor = [255, 0, 0];

	19 var greenColor = [0, 255, 0];

	20 var blackColor = [0, 0, 0];

	21 var darkRed = [26, 0, 0];

	22 var darkGreen = [0, 26, 0];

	23

	24 var image1 = new Image();

	25 var image2 = new Image();

	26

	27 function generateTest()

	28 {

	29 var bitmaps = [];

	30

	31 var canvas = document.createElement('canvas');

	32 canvas.width = 32;

	33 canvas.height = 32;

	34 document.body.appendChild(canvas);

	35 gl = canvas.getContext("webgl");

	36

	37 gl.clearColor(0,0,0,1);

	38 gl.clearDepth(1);

	39

	40 var p1 = createImageBitmap(image1, {resizeWidth: 4, resizeHeight: 4, resizeQ uality: "high"}).then(function(imageBitmap) { bitmaps.defaultOption = imageBitma p });

	41 var p2 = createImageBitmap(image1, {imageOrientation: "none", premultiplyAlp ha: "premultiply", resizeWidth: 4, resizeHeight: 4, resizeQuality: "high"}).then (function(imageBitmap) { bitmaps.noFlipYPremul = imageBitmap });

	42 var p3 = createImageBitmap(image1, {imageOrientation: "none", premultiplyAlp ha: "default", resizeWidth: 4, resizeHeight: 4, resizeQuality: "high"}).then(fun ction(imageBitmap) { bitmaps.noFlipYDefault = imageBitmap });

	43 var p4 = createImageBitmap(image1, {imageOrientation: "none", premultiplyAlp ha: "none", resizeWidth: 4, resizeHeight: 4, resizeQuality: "high"}).then(functi on(imageBitmap) { bitmaps.noFlipYUnpremul = imageBitmap });

	44 var p5 = createImageBitmap(image1, {imageOrientation: "flipY", premultiplyAl pha: "premultiply", resizeWidth: 4, resizeHeight: 4, resizeQuality: "high"}).the n(function(imageBitmap) { bitmaps.flipYPremul = imageBitmap });

	45 var p6 = createImageBitmap(image1, {imageOrientation: "flipY", premultiplyAl pha: "default", resizeWidth: 4, resizeHeight: 4, resizeQuality: "high"}).then(fu nction(imageBitmap) { bitmaps.flipYDefault = imageBitmap });

	46 var p7 = createImageBitmap(image1, {imageOrientation: "flipY", premultiplyAl pha: "none", resizeWidth: 4, resizeHeight: 4, resizeQuality: "high"}).then(funct ion(imageBitmap) { bitmaps.flipYUnpremul = imageBitmap });

	47 var p8 = createImageBitmap(image2, {resizeWidth: 4, resizeHeight: 4, resizeQ uality: "high"}).then(function(imageBitmap) { bitmaps.colorSpaceDef = imageBitma p });

	48 var p9 = createImageBitmap(image2, {colorSpaceConversion: "none", resizeWidt h: 4, resizeHeight: 4, resizeQuality: "high"}).then(function(imageBitmap) { bitm aps.colorSpaceNone = imageBitmap });

	49 var p10 = createImageBitmap(image2, {colorSpaceConversion: "default", resize Width: 4, resizeHeight: 4, resizeQuality: "high"}).then(function(imageBitmap) { bitmaps.colorSpaceDefault = imageBitmap });

	50 return Promise.all([p1, p2, p3, p4, p5, p6, p7, p8, p9, p10]).then(function( ) {

	51 var alphaVal = 0.5;

	52 var testPassed = runTest(bitmaps, alphaVal, true);

	53 if (!testPassed)

	54 assert_true(false, 'Test failed');

	55 }, function() {

	56 assert_true(false, 'Promise rejected');

	57 });

	58 }

	59

	60 function loadImage(image, src) {

	61 return new Promise((resolve, reject) => {

	62 image.src = src;

	63 image.addEventListener('load', () => {

	64 resolve();

	65 });

	66 });

	67 }

	68

	69 promise_test(function() {

	70 Promise.all([loadImage(image1, 'resources/red-green-semi-transparent.png'), loadImage(image2, 'resources/square-with-colorspin-profile.png')]).then(generate Test);

	71 }, 'createImageBitmap(HTMLImageElement) with resize and other options');

	72 </script>

	73 </body>

	74 </html>

OLD	NEW