samedi 9 février 2019

enzyme test redirect 404 router

I'm trying to test my Redirect router enzyme and I'm not quite sure how I could do it.

Below is my test that I wrote so far, but I'm not sure why it does not work correctly. Can anyone show me and write, how should I test it? very thank

import React, { Fragment } from 'react';
import {
  BrowserRouter as Router,
  Route,
  Switch,
  Redirect,
} from 'react-router-dom';

// Import Containers
import SettingsPage from 'containers/SettingsPage/Loadable';
import PaymentPage from 'containers/PaymentPage/Loadable';
import RegisterPage from 'containers/RegisterPage/Loadable';
import LoginPage from 'containers/LoginPage/Loadable';
import HomePage from 'containers/HomePage/Loadable';
import DashboardPage from 'containers/DashboardPage/Loadable';
import NotFoundPage from 'containers/NotFoundPage/Loadable';

// Import Components
import Header from '../../components/App/Header';

// Import Styles
import GlobalStyle from '../../global-styles';
export default function App() {
  return (
    <Fragment>
      <Router>
        <Switch>
          <Route exact path="/" component={HomePage} />
          <Route path="/login" component={LoginPage} />
          <Route path="/register" component={RegisterPage} />
          <Route path="/404" component={NotFoundPage} />
          <Header>
            <Switch>
              <Route path="/dashboard" component={DashboardPage} />
              <Route path="/payment" component={PaymentPage} />
              <Route path="/settings" component={SettingsPage} />
              <Route render={() => <Redirect to="/404" />} /> // test this line
            </Switch>
          </Header>
        </Switch>
      </Router>
      <GlobalStyle />
    </Fragment>
  );
}

My test:

test('invalid path should redirect to 404', () => {
    const wrapper = mount(
      <Route initialEntries={['/foo']}>
        <App />
      </Route>,
    );
    expect(wrapper.find(LoginPage)).toHaveLength(0);
    expect(wrapper.find(NotFoundPage)).toHaveLength(1);
  });

  test('valid path should not redirect to 404', () => {
    const wrapper = mount(
      <Route initialEntries={['/login']}>
        <App />
      </Route>,
    );
    expect(wrapper.find(LoginPage)).toHaveLength(1);
    expect(wrapper.find(NotFoundPage)).toHaveLength(0);
  });

xxxxxxxxxxxxxxxx

Aucun commentaire:

Enregistrer un commentaire