我正在尝试测试是否已调用componentWillMount,为此我的测试是
test('calls `componentWillMount` before rendering', () => {
let fn = jest.fn(SomeComponent.prototype.componentWillMount)
mount(<SomeComponent />)
expect(fn).toHaveBeenCalled()
})
但即使调用componentWillMount方法,测试也不会通过。 我在这里缺少什么?
答案 0 :(得分:17)
我不知道其他答案是否对您的问题有帮助,但您不需要测试componentWillMount。 React应该已经为你做了那个测试。
与您的测试更相关的是测试您为该组件添加该方法的功能或操作。
如果您正在进行一些API调用,运行基于props或其他任何内容的函数,那么您应该测试它。模拟componentWillMount
触发的函数/动作/代码,并对此进行断言和期望。
示例:
组件:
class YourComponent extends Component {
componentWillMount() {
/*this fetch function is actually what you want to test*/
this.props.fetch('data')
}
render() {
/* whatever your component renders*/
}
}
试验:
test('should call fetch when mounted', () => {
let mockFetch = jest.fn()
const wrapper = mount(<SomeComponent fetch={mockFetch}/>);
expect(wrapper).toBeDefined();
expect(mockFetch).toHaveBeenCalled();
expect(mockFetch.mock.calls[0]).toEqual(['data'])
});
答案 1 :(得分:2)
我首先spy
使用组件的componentWillMount
方法,但也使用.and.CallThrough()
来阻止它模拟其内容。希望这会有所帮助:
it('should check that the componentWillMount method is getting called', () => {
spyOn(SomeComponent.prototype, 'componentWillMount').and.callThrough();
const wrapper = mount(<SomeComponent />);
expect(wrapper).toBeDefined();
expect(SomeComponent.prototype.componentWillMount).toHaveBeenCalledTimes(1);
});
答案 2 :(得分:2)
试试这个:
test('calls `componentWillMount` before rendering', () => {
const onWillMount = jest.fn();
SomeComponent.prototype.componentWillMount = onWillMount;
mount(<SomeComponent />);
expect(onWillMount).toBeCalled();
});
答案 3 :(得分:0)
我不相信上述答案解决了这个问题。哪个是jest允许你监视一个方法,但是在监视其呼叫状态时不允许你callThrough
。对我来说最有效的解决方案是使用已定义componentWillMount
的组件设置测试。靠开玩笑会让事情变得更复杂。
describe('componentWillMount', () => {
const calls = []
class Component1 extends Components {
componentWillMount() {
calls.push(new Date)
}
render() { ... }
}
afterEach(() => calls.splice(0, calls.length))
it('has been called', () => {
mount(<Component1 />)
expect(calls.length).toBe(1)
})
})
答案 4 :(得分:0)
使用wrapper.instance().componentWillMount();
从测试脚本中调用componentWillMount()
方法。