forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-10-17 03:04:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Replace rendering with store with react testing library by vitest-browser-react

Browse Source
This commit is contained in:
Alejandro Celaya
2026-08-16 20:55:48 +02:00
parent 7b9f084f9c
commit c5c994a603
18 changed files with 113 additions and 441 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
test/__helpers__/setUpTest.tsx
View File

@@ -1,10 +1,8 @@
import type { ShlinkApiClient } from '@shlinkio/shlink-js-sdk';
import type { RenderOptions } from '@testing-library/react';
import { render as testingLibRender } from '@testing-library/react';
import { fromPartial } from '@total-typescript/shoehorn';
import type { PropsWithChildren, ReactElement } from 'react';
import { Provider } from 'react-redux';
import type { RenderOptions as VitestRenderOptions } from 'vitest-browser-react';
import type { RenderOptions } from 'vitest-browser-react';
import { render as vitestRender } from 'vitest-browser-react';
import { userEvent } from 'vitest/browser';
import { ContainerProvider } from '../../src/container/context';
@@ -13,7 +11,7 @@ import { setUpStore } from '../../src/store';
export const render = vitestRender;
export const renderWithEvents = async (element: ReactElement, options?: VitestRenderOptions) => ({
export const renderWithEvents = async (element: ReactElement, options?: RenderOptions) => ({
user: userEvent.setup(),
...(await render(element, options)),
});
@@ -36,7 +34,7 @@ export type RenderOptionsWithState = Omit<RenderOptions, 'wrapper'> & {
* Render provided ReactElement wrapped in a redux `Provider` and a `ContainerProvider` with a single
* `buildShlinkApiClient` dependency.
*/
export const renderWithStore = (
export const renderWithStore = async (
element: ReactElement,
{ initialState = {}, buildShlinkApiClient = vi.fn(), ...options }: RenderOptionsWithState = {},
) => {
@@ -49,7 +47,6 @@ export const renderWithStore = (
return {
store,
user: userEvent.setup(),
...testingLibRender(element, { ...options, wrapper: Wrapper }),
...(await renderWithEvents(element, { ...options, wrapper: Wrapper })),
};
};