我正在使用他们 CDN 中的 google script 标签(尝试过 body 和头部)
<script src="https://wikitags.com/js/googlecharts.min.js"></script>
我的应用程序中的 Google Chart 工作正常,但它导致我的 Jest 测试失败...
<ChartComponent />
的内部
componentDidMount() {
// Load the Visualization API and the corechart package.
console.log('Chart mounted');
google.charts.load('current', { packages: ['corechart', 'line'] });
google.charts.setOnLoadCallback(this.getSocialData({ days: this.state.days }));
}
有没有简单的方法解决这个问题?
我尝试过的
import React from 'react'
import { mount, shallow } from 'enzyme'
import toJson from 'enzyme-to-json'
import Trends from './Trends'
import Chart from '../entity/Chart'
const body = { subject: { id: 0 } };
const TrendComponent = shallow(<Trends body={body}/>);
const func = function() {};
let google = {};
const setGoogleObj = () => {
google = {
charts: {
load: func
}
}
}
beforeEach(() => {
return setGoogleObj();
});
const TrendComponentMount = mount(<Trends body={body} google={google}/>);
describe('<Trends />', () => {
it('renders', () => {
const tree = toJson(TrendComponent);
expect(tree).toMatchSnapshot(TrendComponent);
});
it('contains the Chart component', () => {
expect(TrendComponent.find(Chart).length).toBe(1);
});
});
最佳答案
必须将此添加到我的 jest
键中 package.json
感谢 @Burimi为了帮助我调试,这设置了一个默认的全局
"jest": {
"globals":{
"google": {
}
}
...
关于javascript - 开 Jest 测试(ReferenceError : google is not defined) ReactJS and Google Charts,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44657140/