8597929ff3
This removes `Warning: An update to <component> inside a test was not wrapped inact(...)` warnings.
107 lines
2.8 KiB
JavaScript
107 lines
2.8 KiB
JavaScript
import React from 'react';
|
|
|
|
import { configureStore } from '@reduxjs/toolkit';
|
|
import { screen, render, waitFor } from '@testing-library/react';
|
|
import userEvent from '@testing-library/user-event';
|
|
import { Provider } from 'react-redux';
|
|
import { createMemoryRouter, RouterProvider } from 'react-router-dom';
|
|
|
|
import ImportImageWizard from '../Components/CreateImageWizardV2/ImportImageWizard';
|
|
import LandingPage from '../Components/LandingPage/LandingPage';
|
|
import ShareImageModal from '../Components/ShareImageModal/ShareImageModal';
|
|
import { middleware, reducer } from '../store';
|
|
import { resolveRelPath } from '../Utilities/path';
|
|
|
|
export const renderCustomRoutesWithReduxRouter = async (
|
|
route = '/',
|
|
preloadedState = {},
|
|
routes
|
|
) => {
|
|
const store = configureStore({ reducer, middleware, preloadedState });
|
|
|
|
const router = createMemoryRouter(routes, {
|
|
initialEntries: [resolveRelPath(route)],
|
|
});
|
|
|
|
render(
|
|
<Provider store={store}>
|
|
<RouterProvider router={router} />
|
|
</Provider>
|
|
);
|
|
|
|
return { router, store };
|
|
};
|
|
|
|
export const renderWithReduxRouter = async (
|
|
route = '/',
|
|
preloadedState = {}
|
|
) => {
|
|
const store = configureStore({ reducer, middleware, preloadedState });
|
|
|
|
const routes = [
|
|
{
|
|
path: 'insights/image-builder/*',
|
|
element: <LandingPage />,
|
|
},
|
|
{
|
|
path: 'insights/image-builder/imagewizard/import',
|
|
element: <ImportImageWizard />,
|
|
},
|
|
{
|
|
path: 'insights/image-builder/share/:composeId',
|
|
element: <ShareImageModal />,
|
|
},
|
|
];
|
|
|
|
const router = createMemoryRouter(routes, {
|
|
initialEntries: [resolveRelPath(route)],
|
|
});
|
|
|
|
render(
|
|
<Provider store={store}>
|
|
<RouterProvider router={router} />
|
|
</Provider>
|
|
);
|
|
|
|
return { router, store };
|
|
};
|
|
|
|
export const renderWithProvider = (
|
|
component,
|
|
container,
|
|
preloadedState = {}
|
|
) => {
|
|
const store = configureStore({ reducer, middleware, preloadedState });
|
|
|
|
return render(<Provider store={store}>{component}</Provider>, {
|
|
container: container,
|
|
});
|
|
};
|
|
|
|
export const clickBack = async () => {
|
|
const user = userEvent.setup();
|
|
const backBtn = await screen.findByRole('button', { name: /Back/ });
|
|
await waitFor(() => user.click(backBtn));
|
|
};
|
|
|
|
export const clickNext = async () => {
|
|
const user = userEvent.setup();
|
|
const nextBtn = await screen.findByRole('button', { name: /Next/ });
|
|
await waitFor(() => user.click(nextBtn));
|
|
};
|
|
|
|
export const clickCancel = async () => {
|
|
const user = userEvent.setup();
|
|
const cancelBtn = await screen.findByRole('button', { name: /Cancel/ });
|
|
await waitFor(() => user.click(cancelBtn));
|
|
};
|
|
|
|
export const getNextButton = async () => {
|
|
const next = await screen.findByRole('button', { name: /Next/ });
|
|
return next;
|
|
};
|
|
|
|
export const verifyCancelButton = async (router) => {
|
|
await clickCancel();
|
|
expect(router.state.location.pathname).toBe('/insights/image-builder');
|
|
};
|