[ImageLoader] Call failure callback from getSize when image decoding fails

Author: lkinasiewicz

packages/react-native-web/src/modules/ImageLoader/__tests__/index-test.js

@@ -35,6 +35,16 @@ describe('ImageLoader', () => {
     expect(failureCallback).toHaveBeenCalledTimes(1);
     expect(successCallback).toHaveBeenCalledTimes(0);
   });
+
+  test('Failure callback is called when image fails to decode', async () => {
+    window.Image = NotDecodingMockImage;
+    const successCallback = jest.fn();
+    const failureCallback = jest.fn();
+    ImageLoader.getSize(testImage, successCallback, failureCallback);
+    await jest.runAllTimers();
+    expect(failureCallback).toHaveBeenCalledTimes(1);
+    expect(successCallback).toHaveBeenCalledTimes(0);
+  });
 });
 
 class MockImage {
@@ -67,3 +77,9 @@ class NotLoadingMockImage extends MockImage {
     window.setTimeout(this.onerror, 0);
   }
 }
+
+class NotDecodingMockImage extends MockImage {
+  decode() {
+    return Promise.reject();
+  }
+}

packages/react-native-web/src/modules/ImageLoader/index.js

@@ -95,6 +95,8 @@ const ImageLoader = {
         const { naturalHeight, naturalWidth } = image;
         if (naturalHeight && naturalWidth) {
           success(naturalWidth, naturalHeight);
+        } else {
+          errorCallback();
         }
       }
     }