javascript - Jest 遇到了意外的令牌
问题描述
不知道为什么它在这条线上抱怨:
const wrapper = shallow(<BitcoinWidget {...props} />);
整体测试:
import React from 'react';
import { shallow } from 'enzyme';
import toJson from 'enzyme-to-json';
// Local components
import BitcoinWidget from './bitcoinWidget';
const props = {
logo: 'foobar',
coin: {
price: 0
},
refresh: jest.fn()
}
describe('when rendering', () => {
const wrapper = shallow(<BitcoinWidget {...props} />);
it('should render a component matching the snapshot', () => {
const tree = toJson(wrapper);
expect(tree).toMatchSnapshot();
expect(wrapper).toHaveLength(1);
});
});
组件
import React from 'react';
const BitcoinWidget = ({ logo, coin : { price }, refresh }) => {
return (
<div className="bitcoin-wrapper shadow">
<header>
<img src={logo} alt="Bitcoin Logo"/>
</header>
<div className="price">
Coinbase
${price}
</div>
<button className="btn striped-shadow white" onClick={refresh}>
<span>Refresh</span>
</button>
</div>
);
}
export default BitcoinWidget;
还有我的 package.json
{
"name": "bitcoin",
"version": "0.1.0",
"private": true,
"dependencies": {
"axios": "^0.18.0",
"react": "^16.4.2",
"react-dom": "^16.4.2",
"react-redux": "^5.0.7",
"react-scripts": "1.1.5",
"redux": "^4.0.0",
"redux-thunk": "^2.3.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"eject": "react-scripts eject",
"test": "yarn run test-jest:update --verbose --maxWorkers=2",
"test-jest:update": "jest src --updateSnapshot",
"test-jest": "jest src"
},
"now": {
"name": "bitcoin",
"engines": {
"node": "8.11.3"
},
"alias": "leongaban.com"
},
"jest": {
"verbose": true,
"moduleNameMapper": {
"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/client/assetsTransformer.js"
},
"moduleFileExtensions": [
"js",
"jsx"
],
"moduleDirectories": [
"node_modules"
]
},
"devDependencies": {
"enzyme": "^3.4.4",
"enzyme-to-json": "^3.3.4",
"jest": "^23.5.0"
}
}
解决方案
将此添加到您的package.json
笑话配置中。
"transform": {
"\\.js$": "<rootDir>/node_modules/babel-jest"
},
让我知道问题是否仍然存在。
推荐阅读
- scala - scala中的结构类型
- json - 如何在 Swift 4 中以整数为键解码 JSON?
- c++ - 在 C++ 中创建指针向量或指针值映射时遇到问题
- java - 使用 JSON 数据作为值对 Map 进行排序
- html - 赋值前引用的局部变量“消息”
- odoo - 美分未转换
- android - 不能将 item.text 分配给 Android Studio 示例代码中的字符串吗?
- angularjs - Angularjs $scope 函数修复?
- nginx - nginx 更新 ubuntu 后返回 502
- jsf - 如何从 Primefaces 中的 ActionEvent 对象获取组件值?