Я пытаюсь написать простой тест для простого компонента React, и я хочу использовать Jest, чтобы подтвердить, что функция была вызвана, когда я имитирую клик с помощью фермента. Согласно документам Jest, я должен использовать spyOn
для этого: spyOn.
Однако, когда я пытаюсь это сделать, я продолжаю получать TypeError: Cannot read property '_isMockFunction' of undefined
, который я подразумеваю, что мой шпион undefined. Мой код выглядит следующим образом:
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
class App extends Component {
myClickFunc = () => {
console.log('clickity clickcty')
}
render() {
return (
<div className="App">
<div className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<h2>Welcome to React</h2>
</div>
<p className="App-intro" onClick={this.myClickFunc}>
To get started, edit <code>src/App.js</code> and save to reload.
</p>
</div>
);
}
}
export default App;
и в моем тестовом файле:
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import { shallow, mount, render } from 'enzyme'
describe('my sweet test', () => {
it('clicks it', () => {
const spy = jest.spyOn(App, 'myClickFunc')
const app = shallow(<App />)
const p = app.find('.App-intro')
p.simulate('click')
expect(spy).toHaveBeenCalled()
})
})
У кого-нибудь есть понимание того, что я делаю неправильно?