hooks

testing React hooks

• counter-with-hooks.spec.js and counter2-with-hooks.spec.js test React components that uses hooks
• use-counter.spec.js shows how to test a React hook using mountHook function
• custom-hook.mount-spec.js manually creates a wrapper component around a custom hook that uses Redux provider
• custom-hook.mount-hook-spec.js shows how mountHook can be surrounded with wrapper element

Note: hooks are mounted inside a test component following the approach shown in react-hooks-testing-library

Example:

import { mountHook } from 'cypress-react-unit-test'
// wrapper is optional, only if your hook requires
// something like a context provider
const wrapper = ({ children }) => <Provider store={store}>{children}</Provider>
mountHook(() => useCustomHook(), { wrapper })