我是新来的反应和开玩笑的人,所以我面临很多问题。因此,目前我正在尝试为我的组件之一创建单元测试。因此它可以正确渲染,并且输出很好。
我为此组件编写了单元测试,并想尝试在检查器中调试header.test.js文件。但是我在控制台之类的地方出现错误。
给定的图像。
所以它表明我必须将transformIgnorePatterns添加到我的配置文件中。我已将其添加到我的package.json中,如下所示
"jest": {
"transformIgnorePatterns": ["/node_modules/"]
}
接下来,它显示出语法不正确的信息,因此我的Header组件如下所示,但是它运行良好,并且输出没有错误。
import React from "react"; // eslint-disable-line no-unused-vars
import "bootstrap/dist/css/bootstrap.min.css";
import "./header.css";
const Header = (props) => ({
handleAuthor() {
props.history.push("/About");
},
render(){
return (
<div className = "header">
<h1 onClick = {this.handleAuthor.bind(this)}>{this.props.headerText}</h1>
</div>
);
}
});
export default Header;
实际上,这是什么问题。我错过了什么吗?
谢谢。