diff --git a/docs/example-react-redux.md b/docs/example-react-redux.md index c759ec3ae..bd93e6caf 100644 --- a/docs/example-react-redux.md +++ b/docs/example-react-redux.md @@ -21,9 +21,9 @@ const Counter = ({ dispatch, count }) => {

Counter

- + {count} - +
) @@ -67,11 +67,12 @@ import React from 'react' import { render as rtlRender } from '@testing-library/react' import { createStore } from 'redux' import { Provider } from 'react-redux' +import { initialState as reducerInitialState, reducer } from './reducer' function render( ui, { - initialState, + initialState = reducerInitialState, store = createStore(reducer, initialState), ...renderOptions } = {} @@ -93,24 +94,21 @@ export { render } // counter.test.js import React from 'react' import { createStore } from 'redux' -import { Provider } from 'react-redux' -import { } from '@testing-library/react' // We're using our own custom render function and not RTL's render // our custom utils also re-export everything from RTL // so we can import fireEvent and screen here as well -import { render, fireEvent, screen } from './test-utils.js +import { render, fireEvent, screen } from './test-utils' import '@testing-library/jest-dom/extend-expect' -import { initialState, reducer } from './reducer.js' -import Counter from './counter.js' +import Counter from './counter' test('can render with redux with defaults', () => { - renderWithRedux() + render() fireEvent.click(screen.getByText('+')) expect(screen.getByTestId('count-value')).toHaveTextContent('1') }) test('can render with redux with custom initial state', () => { - renderWithRedux(, { + render(, { initialState: { count: 3 }, }) fireEvent.click(screen.getByText('-')) @@ -120,7 +118,7 @@ test('can render with redux with custom initial state', () => { test('can render with redux with custom store', () => { // this is a silly store that can never be changed const store = createStore(() => ({ count: 1000 })) - renderWithRedux(, { + render(, { store, }) fireEvent.click(screen.getByText('+'))