describe('<ThemeProvider />', () => { let store; beforeEach(() => { store = configureAppStore(); }); it('should render its children', () => { const text = 'Test'; const children = () => <h1>{text}</h1>; const { queryByText } = renderThemeProvider(store, children); expect(queryByText(text)).toBeInTheDocument(); }); it('should render selected theme', () => { let theme; const children = () => { // eslint-disable-next-line react-hooks/rules-of-hooks theme = useTheme(); return <h1>a</h1>; }; renderThemeProvider(store, children); expect(theme).toBe(slice.selectTheme(store.getState())); }); });
describe('<ThemeProvider />', () => { let store; beforeEach(() => { store = configureAppStore(); }); it('should render its children', () => { const text = 'Test'; const children = () => <h1>{text}</h1>; const { queryByText } = renderThemeProvider(store, children); expect(queryByText(text)).toBeInTheDocument(); }); it('should render selected theme', () => { let theme; const children = () => { // eslint-disable-next-line react-hooks/rules-of-hooks theme = useTheme(); return <h1>a</h1>; }; renderThemeProvider(store, children); expect(theme).toBe(slice.selectTheme(store.getState())); }); });