test: add tests for HtmlImageLayer destroy

Author: lbendavid-cloudinary

packages/html/__tests__/HtmlImageLayer.test.ts

@@ -3,8 +3,10 @@ import {HtmlImageLayer} from "../src";
 import {BaseAnalyticsOptions} from "../src/types";
 import {responsive} from "../src/plugins/responsive";
 import {placeholder} from "../src/plugins/placeholder";
-import {lazyload} from "../src/plugins/lazyload";
 import {accessibility} from "../src/plugins/accessibility";
+import {PluginResponse} from "../types";
+import {cancelCurrentlyRunningPlugins} from "../src/utils/cancelCurrentlyRunningPlugins";
+import * as process from "process";
 
 jest.useFakeTimers();
 
@@ -51,4 +53,55 @@ describe('HtmlImageLayer tests', function () {
         await flushPromises();
         expect(img.src).toEqualAnalyticsToken('AXAABABD');
     });
+
+    it('should set image src twice if HtmlImageLayer instance won\'t be destroyed', async function () {
+        const img = document.createElement('img');
+        const pluginsState: any = {
+            cleanupCallbacks: []
+        };
+        const spy = jest.spyOn(img, 'setAttribute');
+        const dummyFailingPlugin = (): Promise<PluginResponse> => {
+            return new Promise((resolve) => {
+                pluginsState.cleanupCallbacks.push(() => {
+                    resolve('canceled')
+                })
+            })
+        }
+        const dummyLazyLoadPlugin = (): Promise<PluginResponse> => {
+            return new Promise((resolve) => {
+                resolve({lazyload: true});
+            })
+        }
+        new HtmlImageLayer(img, cldImage, [dummyFailingPlugin]);
+        new HtmlImageLayer(img, cldImage, [dummyLazyLoadPlugin]);
+        cancelCurrentlyRunningPlugins(pluginsState);
+        await flushPromises();
+        expect(spy).toHaveBeenCalledTimes(2);
+    });
+
+    it('should set image src only once if HtmlImageLayer instance will be destroyed', async function () {
+        const img = document.createElement('img');
+        const pluginsState: any = {
+            cleanupCallbacks: []
+        };
+        const spy = jest.spyOn(img, 'setAttribute');
+        const dummyFailingPlugin = (): Promise<PluginResponse> => {
+            return new Promise((resolve) => {
+                pluginsState.cleanupCallbacks.push(() => {
+                    resolve('canceled')
+                })
+            })
+        }
+        const dummyLazyLoadPlugin = (): Promise<PluginResponse> => {
+            return new Promise((resolve) => {
+                resolve({lazyload: true});
+            })
+        }
+        const instance1 = new HtmlImageLayer(img, cldImage, [dummyFailingPlugin]);
+        new HtmlImageLayer(img, cldImage, [dummyLazyLoadPlugin]);
+        cancelCurrentlyRunningPlugins(pluginsState);
+        instance1.destroy();
+        await flushPromises();
+        expect(spy).toHaveBeenCalledTimes(1);
+    });
 });