diff --git a/src/test/Components/CreateImageWizard/CreateImageWizard.test.js b/src/test/Components/CreateImageWizard/CreateImageWizard.test.js index ebbaf8f3..c72d3091 100644 --- a/src/test/Components/CreateImageWizard/CreateImageWizard.test.js +++ b/src/test/Components/CreateImageWizard/CreateImageWizard.test.js @@ -1,3 +1,5 @@ +import React from 'react'; + import '@testing-library/jest-dom'; import { @@ -10,6 +12,8 @@ import { import userEvent from '@testing-library/user-event'; import api from '../../../api.js'; +import CreateImageWizard from '../../../Components/CreateImageWizard/CreateImageWizard'; +import ShareImageModal from '../../../Components/ShareImageModal/ShareImageModal'; import { RHEL_8 } from '../../../constants.js'; import { mockComposesEmpty } from '../../fixtures/composes'; import { @@ -21,10 +25,25 @@ import { clickBack, clickNext, getNextButton, - renderWithReduxRouter, + renderCustomRoutesWithReduxRouter, verifyCancelButton, } from '../../testUtils'; +const routes = [ + { + path: 'insights/image-builder/*', + element:
, + }, + { + path: 'insights/image-builder/imagewizard/:composeId?', + element: , + }, + { + path: 'insights/image-builder/share/:composeId', + element: , + }, +]; + let store = undefined; let router = undefined; @@ -86,7 +105,7 @@ afterEach(() => { describe('Create Image Wizard', () => { test('renders component', () => { - renderWithReduxRouter('imagewizard', {}); + renderCustomRoutesWithReduxRouter('imagewizard', {}, routes); // check heading screen.getByRole('heading', { name: /Create image/ }); @@ -103,7 +122,7 @@ describe('Create Image Wizard', () => { describe('Step Image output', () => { const user = userEvent.setup(); const setUp = () => { - ({ router } = renderWithReduxRouter('imagewizard', {})); + ({ router } = renderCustomRoutesWithReduxRouter('imagewizard', {}, routes)); const imageOutputLink = screen.getByRole('button', { name: 'Image output', @@ -238,7 +257,7 @@ describe('Step Image output', () => { describe('Step Upload to AWS', () => { const user = userEvent.setup(); const setUp = async () => { - ({ router } = renderWithReduxRouter('imagewizard', {})); + ({ router } = renderCustomRoutesWithReduxRouter('imagewizard', {}, routes)); // select aws as upload destination const awsTile = screen.getByTestId('upload-aws'); @@ -298,7 +317,7 @@ describe('Step Upload to AWS', () => { describe('Step Upload to Google', () => { const user = userEvent.setup(); const setUp = async () => { - ({ router } = renderWithReduxRouter('imagewizard', {})); + ({ router } = renderCustomRoutesWithReduxRouter('imagewizard', {}, routes)); // select aws as upload destination const awsTile = screen.getByTestId('upload-google'); @@ -314,10 +333,7 @@ describe('Step Upload to Google', () => { test('clicking Next loads Registration', async () => { await setUp(); - await user.type( - screen.getByTestId('input-google-email'), - 'test@test.com' - ); + await user.type(screen.getByTestId('input-google-email'), 'test@test.com'); await act(async () => { await clickNext(); }); @@ -367,7 +383,7 @@ describe('Step Upload to Google', () => { describe('Step Upload to Azure', () => { const user = userEvent.setup(); const setUp = async () => { - ({ router } = renderWithReduxRouter('imagewizard', {})); + ({ router } = renderCustomRoutesWithReduxRouter('imagewizard', {}, routes)); // select aws as upload destination const awsTile = screen.getByTestId('upload-azure'); @@ -444,7 +460,7 @@ describe('Step Upload to Azure', () => { describe('Step Registration', () => { const user = userEvent.setup(); const setUp = async () => { - ({ router } = renderWithReduxRouter('imagewizard', {})); + ({ router } = renderCustomRoutesWithReduxRouter('imagewizard', {}, routes)); // select aws as upload destination const awsTile = screen.getByTestId('upload-aws'); @@ -717,7 +733,7 @@ describe('Step Registration', () => { describe('Step File system configuration', () => { const user = userEvent.setup(); const setUp = async () => { - ({ router } = renderWithReduxRouter('imagewizard', {})); + ({ router } = renderCustomRoutesWithReduxRouter('imagewizard', {}, routes)); // select aws as upload destination const awsTile = screen.getByTestId('upload-aws'); @@ -791,7 +807,7 @@ describe('Step File system configuration', () => { describe('Step Packages', () => { const user = userEvent.setup(); const setUp = async () => { - ({ router } = renderWithReduxRouter('imagewizard', {})); + ({ router } = renderCustomRoutesWithReduxRouter('imagewizard', {}, routes)); // select aws as upload destination const awsTile = screen.getByTestId('upload-aws'); @@ -1239,7 +1255,7 @@ describe('Step Packages', () => { describe('Step Details', () => { const user = userEvent.setup(); const setUp = async () => { - ({ router } = renderWithReduxRouter('imagewizard', {})); + ({ router } = renderCustomRoutesWithReduxRouter('imagewizard', {}, routes)); // select aws as upload destination const awsTile = screen.getByTestId('upload-aws'); @@ -1311,7 +1327,7 @@ describe('Step Details', () => { describe('Step Review', () => { const user = userEvent.setup(); const setUp = async () => { - ({ router } = renderWithReduxRouter('imagewizard', {})); + ({ router } = renderCustomRoutesWithReduxRouter('imagewizard', {}, routes)); // select aws as upload destination const awsTile = screen.getByTestId('upload-aws'); @@ -1347,7 +1363,7 @@ describe('Step Review', () => { // eslint-disable-next-line no-unused-vars const setUpCentOS = async () => { - ({ router } = renderWithReduxRouter('imagewizard', {})); + ({ router } = renderCustomRoutesWithReduxRouter('imagewizard', {}, routes)); const releaseMenu = screen.getByRole('button', { name: /options menu/i, @@ -1460,7 +1476,11 @@ describe('Step Review', () => { describe('Click through all steps', () => { const user = userEvent.setup(); const setUp = async () => { - ({ router, store } = renderWithReduxRouter('imagewizard', {})); + ({ router, store } = renderCustomRoutesWithReduxRouter( + 'imagewizard', + {}, + routes + )); }; test('with valid values', async () => { @@ -1945,7 +1965,7 @@ describe('Click through all steps', () => { describe('Keyboard accessibility', () => { const user = userEvent.setup(); const setUp = async () => { - ({ router } = renderWithReduxRouter('imagewizard', {})); + ({ router } = renderCustomRoutesWithReduxRouter('imagewizard', {}, routes)); await clickNext(); };