Korzystam z haka UseHistory w reakcji routera 5.1.2 na maszynopis? Podczas uruchamiania testu jednostkowego mam problem.
TypeError: Nie można odczytać właściwości „historii” niezdefiniowanej.
import { mount } from 'enzyme';
import React from 'react';
import {Action} from 'history';
import * as router from 'react-router';
import { QuestionContainer } from './QuestionsContainer';
describe('My questions container', () => {
beforeEach(() => {
const historyHistory= {
replace: jest.fn(),
length: 0,
location: {
pathname: '',
search: '',
state: '',
hash: ''
},
action: 'REPLACE' as Action,
push: jest.fn(),
go: jest.fn(),
goBack: jest.fn(),
goForward: jest.fn(),
block: jest.fn(),
listen: jest.fn(),
createHref: jest.fn()
};//fake object
jest.spyOn(router, 'useHistory').mockImplementation(() =>historyHistory);// try to mock hook
});
test('should match with snapshot', () => {
const tree = mount(<QuestionContainer />);
expect(tree).toMatchSnapshot();
});
});
Również próbowałem użyć, jest.mock('react-router', () =>({ useHistory: jest.fn() }));
ale nadal nie działa.
reactjs
typescript
react-router
jestjs
enzyme
Iwan Martinyuk
źródło
źródło
Oto bardziej szczegółowy przykład zaczerpnięty z działającego kodu testowego (ponieważ miałem trudności z implementacją powyższego kodu):
Component.js
Component.test.js
źródło
W repozytorium reagującego routera github odkryłem, że hook useHistory używa kontekstu singleton, kiedy zacząłem używać w mount MemoryRouter, znalazł kontekst i zaczął działać. Napraw to
źródło