diff --git a/src/iss-components/loading-modal/loading-modal.spec.js b/src/iss-components/loading-modal/loading-modal.spec.js index 849ba0c9..54459fab 100644 --- a/src/iss-components/loading-modal/loading-modal.spec.js +++ b/src/iss-components/loading-modal/loading-modal.spec.js @@ -5,6 +5,14 @@ import { getMountOptions } from '@/helpers/unit-test-helper.js'; jest.mock('@/assets/img/loader.gif', () => 'loader.gif'); jest.mock('@/assets/img/windshield.png', () => 'windshield.png'); +function setupMocks() { + const mountOptions = getMountOptions({ + }); + + const wrapper = shallowMount(loadingModal, mountOptions); + return { wrapper }; +} + describe('loadingModal', () => { test('showModal sets modal visible', async () => { // Arrange @@ -18,12 +26,16 @@ describe('loadingModal', () => { expect(wrapper.vm.isModalVisible).toEqual(true); wrapper.unmount(); }); -}); + test('hideModal sets modal invisible', async () => { + // Arrange + const { wrapper } = setupMocks(); + wrapper.vm.isModalVisible = true; -function setupMocks() { - const mountOptions = getMountOptions({ + // Act + wrapper.vm.hideModal(); + + // Assert + expect(wrapper.vm.isModalVisible).toEqual(false); + wrapper.unmount(); }); - - const wrapper = shallowMount(loadingModal, mountOptions); - return { wrapper }; -} +}); diff --git a/src/iss-components/loading-modal/loading-modal.vue b/src/iss-components/loading-modal/loading-modal.vue index 78ddfdbf..1bbc981e 100644 --- a/src/iss-components/loading-modal/loading-modal.vue +++ b/src/iss-components/loading-modal/loading-modal.vue @@ -12,7 +12,16 @@
-

+

+ {{ text }} + . + . + . +

+ +
@@ -52,7 +61,10 @@