reactjs - 快照测试不起作用 Jest Reactjs
问题描述
运行快照测试时失败。
在我正在测试的组件下方。
function Footer() {
const windowWidth = useWindowSize().windowWidth;
return (
<footer
style={{
minWidth: windowWidth,
}}
>
Made by XXX
</footer>
);
}
export default Footer;
这是我写的测试
describe('Footer', () => {
it('renders as expected', () =>{
const tree = TestRenderer.create(<FooterView/>).toJSON();
console.log(tree);
});
});
这是我收到的错误。
Test suite failed to run
SyntaxError: D:\MyProGit\frontend\src\__tests__\Footer.test.js: Unexpected token (8:37) at Parser.raise (C:/Users/user/AppData/Roaming/npm/node_modules/jest-cli/node_modules/@babel/parser/src/parser/location.js:41:63)
我做了教程测试 React 应用程序中给出的相同步骤,但最后,我找不到文件babel.config.js
。
{
"devDependencies": {
"@babel/preset-env": "^7.8.4",
"@babel/preset-react": "^7.8.3",
"babel-jest": "^24.9.0",
"jest": "^24.9.0",
"react-test-renderer": "16.12.0"
}
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "jest",
"eject": "react-scripts eject"
},
}
解决方案
推荐阅读
- python - 使用 PubMed (python) 查找疾病的文章数量
- python - django 中的用户模型未扩展到其他模型
- java - 我收到此错误:线程“main”中的异常 java.lang.NoClassDefFoundError: org/apache/commons/csv/CSVFormat
- node.js - Discord.JS 未知命令无法正常工作
- python - django中views.py创建评论的问题
- json - 通过bash检查特定字符串是否在Json文件中
- html - 如何在 node express 中包含 css 文件?
- python - 将整列中的时间转换为字符串
- ios - 在复杂的 UI 中使用 SwiftUI 的matchedGeometryEffect
- javascript - 无法正确获取全名,我该如何解决?