Storybook: ReferenceError: шутка не определена - PullRequest
Новая
       17

Storybook: ReferenceError: шутка не определена

0 голосов
/ 02 марта 2020

У меня около 8-9 модульных тестов, основанных на Jest-энзиме и работающих на сборнике рассказов. Все эти тесты успешно выполняются с помощью jest cli, но при использовании сборника рассказов выдает ошибку. 

jest is not defined
ReferenceError: jest is not defined
    at Module.<anonymous> (http://localhost:9010/main.b25dbb30a24ed968ce5a.bundle.js:596:1)
    at Module../src/components/__tests__/inspectionType.stories.js (http://localhost:9010/main.b25dbb30a24ed968ce5a.bundle.js:620:30)
    at __webpack_require__ (http://localhost:9010/runtime~main.b25dbb30a24ed968ce5a.bundle.js:785:30)
    at fn (http://localhost:9010/runtime~main.b25dbb30a24ed968ce5a.bundle.js:151:20)
    at webpackContext (http://localhost:9010/main.b25dbb30a24ed968ce5a.bundle.js:444:9)
    at http://localhost:9010/main.b25dbb30a24ed968ce5a.bundle.js:31:34
    at Array.forEach (<anonymous>)
    at loadStories (http://localhost:9010/main.b25dbb30a24ed968ce5a.bundle.js:31:14)
    at http://localhost:9010/vendors~main.b25dbb30a24ed968ce5a.bundle.js:5951:24
    at render (http://localhost:9010/vendors~main.b25dbb30a24ed968ce5a.bundle.js:3965:13)

Теперь, когда я go к истории inspectionType.stories.js Код - 

import React, { useState as useStateMock } from "react";
import expect from "expect";
import { mount } from "enzyme";
// import jest from "jest";

import { storiesOf, describe, it, specs } from "../../../.storybook/facade";

import Root from "../../root";
import InspectionType from "../instant-inspection/inspectionType";
import consumerSchema from "./mock-consumer-schema.json";
import "../instant-inspection/index.scss";

const getElement = () => {
  return (
    <Root>
      <InspectionType />
    </Root>
  );
};

jest.mock("react", () => ({   //The part throwing error//
  ...jest.requireActual("react"),
  useState: jest.fn(),
}));

storiesOf("Inspection Type Page", module).add("Inspection Type component", () => {
  specs(() =>
    describe("Inspection page", () => {
      localStorage.setItem("consumerSchemaSelected", JSON.stringify(consumerSchema));
      const setState = jest.fn();
      useStateMock.mockImplementation((init) => [init, setState]);
      it("should render a primary button to open a sample report", () => {
        const wrapper = mount(getElement());

        expect(
          wrapper
            .find(".primary")
            .at(0)
            .text()
        ).toEqual(" VIEW SAMPLE REPORT");
      });

      it("should render a button with text buy now", () => {
        const wrapper = mount(getElement());

        expect(
          wrapper
            .find(".primary")
            .at(1)
            .text()
        ).toEqual("Buy Now");
      });

      it("Should simulate a state change on buy now button", () => {
        const wrapper = mount(getElement());

        wrapper
          .find(".primary")
          .at(1)
          .props()
          .onClick();

        expect(setState).toHaveBeenCalledWith(true);
      });
    })
  );
  return getElement();
});

Если я пытаюсь импортировать шутку, которая сейчас комментируется, сборник рассказов не создается и выдает ошибку - 

ERROR in ./node_modules/jest-worker/build/workers/NodeThreadsWorker.js
Module not found: Error: Can't resolve 'worker_threads' in 'C:\Users\ATIN\Desktop\client master\client-2.0\react-ui\node_modules\jest-worker\build\workers'
 @ ./node_modules/jest-worker/build/workers/NodeThreadsWorker.js 29:15-40
 @ ./node_modules/jest-worker/build/WorkerPool.js
 @ ./node_modules/jest-worker/build/index.js
 @ ./node_modules/@jest/core/node_modules/jest-haste-map/build/index.js
 @ ./node_modules/@jest/core/node_modules/jest-runtime/build/index.js
 @ ./node_modules/@jest/core/node_modules/jest-jasmine2/build/index.js
 @ ./node_modules/@jest/core/node_modules/jest-config/build/normalize.js
 @ ./node_modules/@jest/core/node_modules/jest-config/build/index.js
 @ ./node_modules/@jest/core/build/SearchSource.js
 @ ./node_modules/@jest/core/build/jest.js
 @ ./node_modules/jest/build/jest.js
 @ ./src/components/__tests__/inspectionType.stories.js
 @ ./src/components sync \.stories\.js$
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js ./node_modules/webpack-hot-middleware/client.js?reload=true&quiet=true

Пытаюсь выяснить, как устранить ошибку, но я застрял.

РЕДАКТИРОВАТЬ: Я решил ошибку Jest не определяется путем импорта import "jest-enzyme";, но теперь я получаю ожидание не определено. Даже при том, что я импортировал ожидание.

...