test: added unit tests for AlertUpdateToLatest

Author: aAmorim27

src/components/alert/AlertModuleDependencies.spec.ts

@@ -19,7 +19,6 @@ describe('AlertModuleDependencies component tests', () => {
       props: {
         psAccountsEnableLink: '/enable',
         psAccountsInstallLink: '/install',
-        psAccountsUpdateLink: '/update',
         psIs17: true,
         ...props
       },
@@ -85,29 +84,6 @@ describe('AlertModuleDependencies component tests', () => {
     });
   });
 
-  it('should display the Ps Accounts is not uptodate alert', async () => {
-    vi.mocked<any>(global.fetch).mockImplementationOnce(async () => ({
-      status: 200,
-      ok: true,
-      json: async () => ({
-        [Module.PsAccounts]: {
-          status: true
-        }
-      })
-    }));
-    factory({
-      psAccountsIsEnabled: true,
-      psAccountsIsInstalled: true
-    });
-    expect(findAlertTitle().text()).toBe(`psaccounts.alert.${Module.PsAccounts}.${Action.Update}.title`);
-    expect(findAlertDescription().text()).toBe(`psaccounts.alert.${Module.PsAccounts}.${Action.Update}.message`);
-    expect(findAlertButton().text()).toBe(`psaccounts.alert.${Module.PsAccounts}.${Action.Update}.action`);
-    await findAlertButton().trigger('click');
-    expect(fetch).toHaveBeenCalledWith('/update', {
-      method: 'POST'
-    });
-  });
-
   it('should display an error message if alert action fails', async () => {
     vi.mocked<any>(global.fetch).mockImplementationOnce(() => ({
       status: 404

src/components/alert/AlertUpdateToLatest.spec.ts

@@ -0,0 +1,61 @@
+import { describe, it, vi, expect, afterEach } from 'vitest';
+import { MountingOptions, VueWrapper, mount } from '@vue/test-utils';
+import AlertUpdateToLatest from './AlertUpdateToLatest.vue';
+type ComponentProps = InstanceType<typeof AlertUpdateToLatest>['$props'];
+
+describe('AlertUpdateToLatest component tests', () => {
+  // @ts-expect-error SILENCE JSDOM ERRORS ABOUT LOCATION RELOAD
+  window.location = vi.fn();
+  global.fetch = vi.fn();
+  let wrapper: VueWrapper<any>;
+  const findAlertButton = () => wrapper.find('.puik-button');
+
+  const factory = (props: ComponentProps, options: MountingOptions<any> = {}) => {
+    wrapper = mount(AlertUpdateToLatest, {
+      props,
+      ...options
+    });
+  };
+
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('should call the update route on click', async () => {
+    vi.mocked<any>(global.fetch).mockImplementationOnce(async () => ({
+      status: 200,
+      ok: true,
+      json: async () => ({
+        ps_accounts: {
+          status: true
+        }
+      })
+    }));
+    factory({
+      enableLink: '/enable'
+    });
+    expect(findAlertButton());
+    await findAlertButton().trigger('click');
+    expect(fetch).toHaveBeenCalledWith('/upgrade', {
+      method: 'POST'
+    });
+  });
+
+  it('should not call the update route on click if there is no link passed', async () => {
+    vi.mocked<any>(global.fetch).mockImplementationOnce(async () => ({
+      status: 200,
+      ok: true,
+      json: async () => ({
+        ps_accounts: {
+          status: true
+        }
+      })
+    }));
+    factory({
+      enableLink: null
+    });
+    expect(findAlertButton());
+    await findAlertButton().trigger('click');
+    expect(fetch).not.toBeCalled();
+  });
+});