Skip to content

Update testing guide #4819

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 10 commits into
base: master
Choose a base branch
from
+3,731 −1,898
Open

Update testing guide #4819

Changes from 1 commit
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
f650971
make testing section vitest-first
EskiMojo14 Oct 29, 2025
435b43a
Include user setup in render
EskiMojo14 Oct 29, 2025
62268b6
extract PreloadedState properly
EskiMojo14 Oct 29, 2025
1e21311
link to user-event docs
EskiMojo14 Oct 29, 2025
c5bb0a5
add Vitest Browser Mode guide
EskiMojo14 Oct 30, 2025
86466f0
add node to types field
EskiMojo14 Oct 30, 2025
f111051
add link to MSW browser mode guide
EskiMojo14 Oct 30, 2025
4704652
switch back to esnext modules
EskiMojo14 Oct 30, 2025
7cec59a
add missing async
EskiMojo14 Oct 30, 2025
2bde2ce
clean up demo code
EskiMojo14 Oct 30, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
clean up demo code
  • Loading branch information
@EskiMojo14
EskiMojo14 committed Oct 30, 2025
commit 2bde2ce0d6d79fde812254319af3bd3372a9c04f
11 changes: 2 additions & 9 deletions docs/usage/WritingTests.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -639,10 +639,11 @@ export async function renderWithProviders(
<Provider store={store}>{children}</Provider>
)

const screen = await render(ui, { wrapper: Wrapper, ...renderOptions })
// Return an object with the store, and the result of rendering
return {
store,
...(await render(ui, { wrapper: Wrapper, ...renderOptions }))
...screen
}
}
```
Expand Down Expand Up @@ -687,8 +688,6 @@ import { Provider } from 'react-redux'
import type { AppStore, RootState, PreloadedState } from '../app/store'
import { setupStore } from '../app/store'

// This type interface extends the default options for render from vitest-browser-react, as well
// as allows the user to specify other things such as preloadedState, store.
interface ExtendedRenderOptions extends Omit<RenderOptions, 'wrapper'> {
preloadedState?: PreloadedState
store?: AppStore
Expand All @@ -700,7 +699,6 @@ export async function renderWithProviders(
) {
const {
preloadedState = {},
// Automatically create a store instance if no store was passed in
store = setupStore(preloadedState),
...renderOptions
} = extendedRenderOptions
Expand All @@ -709,7 +707,6 @@ export async function renderWithProviders(
<Provider store={store}>{children}</Provider>
)

// Return an object with the store, and the result of rendering
return {
store,
...(await render(ui, { wrapper: Wrapper, ...renderOptions }))
Expand Down Expand Up @@ -789,8 +786,6 @@ import { Provider } from 'react-redux'
import type { AppStore, RootState, PreloadedState } from '../app/store'
import { setupStore } from '../app/store'

// This type interface extends the default options for render from vitest-browser-react, as well
// as allows the user to specify other things such as preloadedState, store.
interface ExtendedRenderOptions extends Omit<RenderOptions, 'wrapper'> {
preloadedState?: PreloadedState
store?: AppStore
Expand All @@ -802,7 +797,6 @@ export async function renderWithProviders(
) {
const {
preloadedState = {},
// Automatically create a store instance if no store was passed in
store = setupStore(preloadedState),
...renderOptions
} = extendedRenderOptions
Expand All @@ -811,7 +805,6 @@ export async function renderWithProviders(
<Provider store={store}>{children}</Provider>
)

// Return an object with the store, and the result of rendering
return {
store,
...(await render(ui, { wrapper: Wrapper, ...renderOptions }))
Expand Down