Невозможно протестировать перенаправление в реактивном маршрутизаторе с помощью фермента - PullRequest
Новая
       5

Невозможно протестировать перенаправление в реактивном маршрутизаторе с помощью фермента

1 голос
/ 16 июня 2020
• 1000 завернут в <Link>. (Я назвал это takeMeToB). См. Ниже: 
import React from 'react';
import Enzyme, {mount} from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import {BrowserRouter as Router, Link, MemoryRouter, Route, Switch} from 'react-router-dom';
import {createMemoryHistory} from "history";

Enzyme.configure({adapter: new Adapter()});

const history = createMemoryHistory();

describe('Routing test', () => {
    let wrapper;

    beforeEach(() => {
        wrapper = mount(
            <MemoryRouter history={history} initialEntries={['/A']}>
                    <div className={"Test"}>This is my Test Component and should not have any test specific code in it
                        <Router>
                            <Switch>
                                <Route path={"/A"}>
                                    <div className={"A"}>A</div>
                                    <Link to={"/B"}>
                                        <button className={"takeMeToB"}>
                                            Take me to B!!
                                        </button>
                                    </Link>
                                </Route>
                                <Route path={"/B"}>
                                    <div className={"B"}>B</div>
                                </Route>
                            </Switch>
                        </Router>
                    </div>
                </MemoryRouter>
        );
    });


    it('test redirect', () => {

        expect(wrapper.find(".Test")).toHaveLength(1);

        expect(wrapper.find(".A")).toHaveLength(1);
        expect(wrapper.find(".B")).toHaveLength(0);

        wrapper.find(".takeMeToB").at(0).simulate('click');

        expect(wrapper.find(".A")).toHaveLength(0);
        expect(wrapper.find(".B")).toHaveLength(1);
    });

    afterEach(() => {
        wrapper.unmount();
    });
});

Первая часть моего теста работает. Он находит A, но не находит B. Но после щелчка в DOM должен быть виден маршрут 'B', а не A. Вот где мой тест не работает.

Примечание. Маршрутизатор (BrowserRouter ) находится в моей папке __mocks__. Вы можете игнорировать это.

Ответы [ 2 ]

1 голос
/ 16 июня 2020
1 голос
/ 16 июня 2020

Похоже, мне нужно иметь { button: 0 } в качестве аргумента в пользу фермента: 

it('matches snapshot', () => {

    expect(wrapper.find(".Test")).toHaveLength(1);

    expect(wrapper.find(".A")).toHaveLength(1);
    expect(wrapper.find(".B")).toHaveLength(0);

    wrapper.find('.takeMeToB').simulate('click', { button: 0 });

    expect(wrapper.find(".A")).toHaveLength(0);
    expect(wrapper.find(".B")).toHaveLength(1);
});

Не знаю, почему это так, но я наткнулся на это, глядя на некоторые похожие вопросы.

...