Reactjs Jest遇到意外的标记
我在react项目中设置了以下环境。 以下是package.json文件:-Reactjs Jest遇到意外的标记,reactjs,jestjs,babeljs,enzyme,babel-jest,Reactjs,Jestjs,Babeljs,Enzyme,Babel Jest,我在react项目中设置了以下环境。 以下是package.json文件:- { "name": "testing", "version": "0.1.0", "private": true, "dependencies": { "react": "^16.5.2", "react-dom": "^16.5.2", "react-scripts": "2.0.5" }, "scripts": { "start": "react-scrip
{
"name": "testing",
"version": "0.1.0",
"private": true,
"dependencies": {
"react": "^16.5.2",
"react-dom": "^16.5.2",
"react-scripts": "2.0.5"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "jest",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
],
"devDependencies": {
"babel-core": "^6.26.3",
"babel-jest": "^23.6.0",
"babel-loader": "^8.0.4",
"babel-polyfill": "^6.26.0",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"enzyme": "^3.7.0",
"enzyme-adapter-react-16": "^1.6.0",
"jest": "^23.6.0",
"react-test-renderer": "^16.5.2"
},
"jest": {
"setupTestFrameworkScriptFile": "<rootDir>/src/setupTest.js",
"transform": {
"\\.js$": "babel-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"
]
},
"babel": {
"presets": [
"react",
"es2015"
]
}
}
我编写的测试用例如下:-
import React, { Component } from 'react';
class Increment extends Component {
constructor() {
super();
this.state = {
count: 0,
}
}
makeIncrementer = amount => () =>
this.setState(prevState => ({
count: prevState.count + amount,
}));
increment = this.makeIncrementer(1);
decrement = this.makeIncrementer(-1);
render() {
return (
<div>
<p>Count: {this.state.count}</p>
<button className="increment" onClick={this.increment}>Increment count</button>
<button className="decrement" onClick={this.decrement}>Decrement count</button>
</div>
)
}
}
export default Increment;
import React from 'react';
import { shallow } from 'enzyme';
import Increment from './increment';
describe('App component', () => {
it('starts with a count of 0', () => {
const wrapper = shallow(<Increment />);
const text = wrapper.find('p').text();
expect(text).toEqual('Count: 0');
});
});
从“React”导入React;
从“酶”导入{shall};
从“./Increment”导入增量;
描述('应用程序组件',()=>{
它('以计数0'开始,()=>{
常量包装器=浅();
const text=wrapper.find('p').text();
expect(text.toEqual('Count:0');
});
});
你能帮我解决这个问题吗。我尝试了与此特定主题相关的StackOverflow上的所有解决方案,但无法解决它
makeIncrementer = amount => {
this.setState(prevState => ({
count: prevState.count + amount,
}));
}
makeIncrementer函数需要如上所述。上述问题可以通过安装来解决 然后安装
结合这两个插件帮助我成功地运行了测试用例。我有几天遇到了相同的问题,并尝试了不同的解决方案,但它们对我不起作用。 然而,我的问题是通过修改package.json使其具有“测试”:“react scripts test”或将脚本下的“jest”替换为“react scripts test”,如下所示:
package.json
:
"scripts": {
"test": "react-scripts test",
}
仍不工作,出现与已发布错误相同的错误@Sagar Kharche是否可以在此处发布您的组件文件@你找到解决办法了吗?