Test different file formats with color managed createImageBitmap

Currently, createImageBitmap color managed layout tests only load and test PNG files (opaque and transparent). This CL upadates the tests to load different image formats that can be decoded by Blink.

TBR=junov@chromium.org,fserb@chromium.org

Bug: 769847
Change-Id: I21ccb68db9a55860522901cb4332819fef2e83ad
Reviewed-on: https://chromium-review.googlesource.com/690846Reviewed-by: Mohammad Reza Zakerinasab <zakerinasab@chromium.org>
Reviewed-by: Fernando Serboncini <fserb@chromium.org>
Commit-Queue: Mohammad Reza Zakerinasab <zakerinasab@chromium.org>
Cr-Commit-Position: refs/heads/master@{#505142}

third_party/WebKit/LayoutTests/virtual/color_space/fast/canvas/color-space/canvas-createImageBitmap-linear-rgb.html

@@ -258,26 +258,32 @@ function initializeTestCanvasTransparent(canvasColorSpace, canvasPixelFormat)
 ////////////////////////////////////////////////////////////////////////////////
 
 // HTMLImageElement - Opaque SRGB
-promise_test(function() {
-    return new Promise((resolve, reject) => {
-        var image = new Image();
-        image.onload = function() {
-            resolve(image);
-        }
-        image.src = 'resources/pattern-srgb.png'
-    }).then(testImageBitmapOpaque);
-}, 'createImageBitmap in linear RGB from an opaque SRGB HTMLImageElement with resize.');
+// File formats: Bitmap, GIF, ICO, JPEG, PNG, WEBP
+promise_test(function() {
+    return Promise.all(['bmp', 'gif', 'ico', 'jpg', 'png', 'webp'].map(
+        ext => new Promise((resolve,reject) => {
+            var image = new Image();
+            image.onload = function() {
+                resolve(image);
+            }
+            image.src = 'resources/pattern-srgb.' + ext;
+        }).then(testImageBitmapOpaque)));
+}, 'createImageBitmap in linear RGB from an opaque SRGB HTMLImageElement (BMP, \
+GIF, ICO, JPG, PNG, WEBP) with resize.');
 
 // HTMLImageElement - Transparent SRGB
-promise_test(function() {
-    return new Promise((resolve, reject) => {
-        var image = new Image();
-        image.onload = function() {
-            resolve(image);
-        }
-        image.src = 'resources/pattern-srgb-transparent.png'
-    }).then(testImageBitmapTransparent);
-}, 'createImageBitmap in linear RGB from a transparent SRGB HTMLImageElement with resize.');
+// File formats: Bitmap, GIF, ICO, PNG, WEBP
+promise_test(function() {
+    return Promise.all(['bmp', 'ico', 'png', 'webp'].map(
+        ext => new Promise((resolve,reject) => {
+            var image = new Image();
+            image.onload = function() {
+                resolve(image);
+            }
+            image.src = 'resources/pattern-srgb-transparent.' + ext;
+        }).then(testImageBitmapTransparent)));
+}, 'createImageBitmap in linear RGB from a transparent SRGB HTMLImageElement \
+(BMP, ICO, PNG, WEBP) with resize.');
 
 // TODO(zakerinasab): crbug.com/668547
 // Add at least two more test scenarios for loading the image element from P3

third_party/WebKit/LayoutTests/virtual/color_space/fast/canvas/color-space/canvas-createImageBitmap-p3.html

@@ -240,26 +240,32 @@ function initializeTestCanvasTransparent(canvasColorSpace, canvasPixelFormat)
 ////////////////////////////////////////////////////////////////////////////////
 
 // HTMLImageElement - Opaque SRGB
-promise_test(function() {
-    return new Promise((resolve, reject) => {
-        var image = new Image();
-        image.onload = function() {
-            resolve(image);
-        }
-        image.src = 'resources/pattern-srgb.png'
-    }).then(testImageBitmapOpaque);
-}, 'createImageBitmap in P3 from an opaque SRGB HTMLImageElement with resize.');
+// File formats: Bitmap, GIF, ICO, JPEG, PNG, WEBP
+promise_test(function() {
+    return Promise.all(['bmp', 'gif', 'ico', 'jpg', 'png', 'webp'].map(
+        ext => new Promise((resolve,reject) => {
+            var image = new Image();
+            image.onload = function() {
+                resolve(image);
+            }
+            image.src = 'resources/pattern-srgb.' + ext;
+        }).then(testImageBitmapOpaque)));
+}, 'createImageBitmap in P3 from an opaque SRGB HTMLImageElement (BMP, GIF, \
+ICO, JPG, PNG, WEBP) with resize.');
 
 // HTMLImageElement - Transparent SRGB
-promise_test(function() {
-    return new Promise((resolve, reject) => {
-        var image = new Image();
-        image.onload = function() {
-            resolve(image);
-        }
-        image.src = 'resources/pattern-srgb-transparent.png'
-    }).then(testImageBitmapTransparent);
-}, 'createImageBitmap in P3 from a transparent SRGB HTMLImageElement with resize.');
+// File formats: Bitmap, GIF, ICO, PNG, WEBP
+promise_test(function() {
+    return Promise.all(['bmp', 'ico', 'png', 'webp'].map(
+        ext => new Promise((resolve,reject) => {
+            var image = new Image();
+            image.onload = function() {
+                resolve(image);
+            }
+            image.src = 'resources/pattern-srgb-transparent.' + ext;
+        }).then(testImageBitmapTransparent)));
+}, 'createImageBitmap in P3 from a transparent SRGB HTMLImageElement (BMP, \
+ICO, PNG, WEBP) with resize.');
 
 // TODO(zakerinasab): crbug.com/668547
 // Add at least two more test scenarios for loading the image element from P3

third_party/WebKit/LayoutTests/virtual/color_space/fast/canvas/color-space/canvas-createImageBitmap-rec2020.html

@@ -254,26 +254,32 @@ function initializeTestCanvasTransparent(canvasColorSpace, canvasPixelFormat)
 ////////////////////////////////////////////////////////////////////////////////
 
 // HTMLImageElement - Opaque SRGB
-promise_test(function() {
-    return new Promise((resolve, reject) => {
-        var image = new Image();
-        image.onload = function() {
-            resolve(image);
-        }
-        image.src = 'resources/pattern-srgb.png'
-    }).then(testImageBitmapOpaque);
-}, 'createImageBitmap in Rec2020 from an opaque SRGB HTMLImageElement with resize.');
+// File formats: Bitmap, GIF, ICO, JPEG, PNG, WEBP
+promise_test(function() {
+    return Promise.all(['bmp', 'gif', 'ico', 'jpg', 'png', 'webp'].map(
+        ext => new Promise((resolve,reject) => {
+            var image = new Image();
+            image.onload = function() {
+                resolve(image);
+            }
+            image.src = 'resources/pattern-srgb.' + ext;
+        }).then(testImageBitmapOpaque)));
+}, 'createImageBitmap in Rec2020 from an opaque SRGB HTMLImageElement (BMP, \
+GIF, ICO, JPG, PNG, WEBP) with resize.');
 
 // HTMLImageElement - Transparent SRGB
-promise_test(function() {
-    return new Promise((resolve, reject) => {
-        var image = new Image();
-        image.onload = function() {
-            resolve(image);
-        }
-        image.src = 'resources/pattern-srgb-transparent.png'
-    }).then(testImageBitmapTransparent);
-}, 'createImageBitmap in Rec2020 from a transparent SRGB HTMLImageElement with resize.');
+// File formats: Bitmap, GIF, ICO, PNG, WEBP
+promise_test(function() {
+    return Promise.all(['bmp', 'ico', 'png', 'webp'].map(
+        ext => new Promise((resolve,reject) => {
+            var image = new Image();
+            image.onload = function() {
+                resolve(image);
+            }
+            image.src = 'resources/pattern-srgb-transparent.' + ext;
+        }).then(testImageBitmapTransparent)));
+}, 'createImageBitmap in Rec2020 from a transparent SRGB HTMLImageElement (BMP, \
+ICO, PNG, WEBP) with resize.');
 
 // TODO(zakerinasab): crbug.com/668547
 // Add at least two more test scenarios for loading the image element from P3