如何修复测试ReactJS应用程序中的浅层酶错误

我想测试我的组件是否显示，我是否有浅层错误（请参见错误图像）。 我正在使用： “酶”：“^3.10.0”， “酶-适配器-反应-16”：“^1.14.0”， “开玩笑的酶”：“^7.1.1”， “笑话”：“^24.8.0”

我的测试外观：

import React from "react";
import { shallow } from "enzyme";
import Header from "./Header";

describe("Header Component", () => {
  it("Should render without errors", () => {
    let component = shallow(<Header />);
    let wrapper = component.find(".top_bar");
    expect(wrapper.length).toBe(1);
  });
  it("Should render without errors", () => {
    let component = shallow(<Header />);
    let logo = component.find(".fire_img");
    expect(logo.length).toBe(1);
  });
});

My package.json：

  "name": "interview-question",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "react-scripts": "^3.1.1"
  },
  "dependencies": {
    "babel-jest": "^24.9.0",
    "date-fns": "^1.28.0",
    "dayjs": "^1.8.16",
    "enzyme": "^3.10.0",
    "enzyme-adapter-react-16": "^1.14.0",
    "faker": "^4.1.0",
    "jest": "^24.8.0",
    "jest-enzyme": "^7.1.1",
    "lodash": "^4.17.15",
    "node-sass": "^4.12.0",
    "react": "^16.9.0",
    "react-compound-timer": "^1.1.5",
    "react-countdown-now": "^2.1.1",
    "react-dom": "^16.9.0",
    "react-loader-spinner": "^3.1.4",
    "react-redux": "^7.1.0",
    "react-spinners": "^0.6.1",
    "redux": "^4.0.1",
    "redux-devtools-extension": "^2.13.8",
    "redux-thunk": "^2.3.0",
    "styled-components": "^4.3.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

这是我的第一次测试，我不知道为什么测试不起作用 请帮忙

---

感谢添加到您的包中。json

此配置：

  "jest": {
    "setupFiles": [
      "./path//to//your//setupTest.js"
    ]
  }

---

将以下内容添加到您的package.json配置中：

  "jest": {
    "setupFiles": [
      "./path//to//your//setupTest.js"
    ]
  }

---

猜猜看，您的

setupTest.js

没有运行。添加

package.json

的

jest

部分contents@skyboyer你能告诉我需要写什么代码吗？我不明白我需要向package.jsonI添加什么。我的意思是您最好将

package.json

中的

jest

部分包含在questionguess中，因为您的

setupTest.js

没有运行。添加

package.json

的

jest

部分contents@skyboyer你能告诉我需要写什么代码吗？我不明白我需要添加到包中的内容。jsonI的意思是，您最好将

package.json

中的

jest

部分包含在疑问+文档中：+docs：

  "jest": {
    "setupFiles": [
      "./path//to//your//setupTest.js"
    ]
  }