When I run this test:
JavaScript
x
12
12
1
describe('<Reissue />', () => {
2
it('calls reissue service', () => {
3
const handleClose = () => null;
4
const disableButton = () => null;
5
const showPrompt = true;
6
const po = '123456';
7
8
const wrapper = shallow(<Reissue handleClose={handleClose} disableButton={disableButton} showPrompt={showPrompt} pol={pol}/>);
9
expect(wrapper.find('.reissue').length).toBe(1);
10
});
11
});
12
I get this error:
JavaScript
1
12
12
1
Cannot find module 'src/services/ReissueService/ReissueService' from 'Reissue.tsx'
2
3
14 | interface State {
4
15 | confirmButton: boolean;
5
> 16 | confirmed: boolean;
6
17 | }
7
18 |
8
19 | export class Reissue extends React.Component<Props, State> {
9
10
at Resolver.resolveModule (node_modules/jest-resolve/build/index.js:169:17)
11
at Object.<anonymous> (src/components/reissue/ReissueCert.tsx:16:27)
12
Reissue.tsx does import ReissueService. Do I need to mock this and if so how do I do that?
In Reissue my import is:
JavaScript
1
2
1
import { ReissueService } from 'src/services/ReissueService/ReissueService';
2
and I’m exporting:
JavaScript
1
2
1
export class Reissue extends React.Component<Props, State> {
2
In ReissueService I export:
JavaScript
1
4
1
export interface ReissueURL {
2
3
export class ReissueService {
4
Advertisement
Answer
I changed import { ReissueService } from 'src/services/ReissueService/ReissueService';
to import { ReissueService } from '../../services/ReissueService/ReissueService';