TypeError во время spyOn Jest: Невозможно установить свойство getRequest со значением # <Object>, которое имеет только геттер - PullRequest
Новая
       75

TypeError во время spyOn Jest: Невозможно установить свойство getRequest со значением # <Object>, которое имеет только геттер

0 голосов
/ 05 ноября 2018

Я пишу приложение React с TypeScript. Я делаю свои юнит-тесты, используя Jest.

У меня есть функция, которая делает вызов API: 

import { ROUTE_INT_QUESTIONS } from "../../../config/constants/routes";
import { intQuestionSchema } from "../../../config/schemas/intQuestions";
import { getRequest } from "../../utils/serverRequests";

const intQuestionListSchema = [intQuestionSchema];

export const getIntQuestionList = () => getRequest(ROUTE_INT_QUESTIONS, intQuestionListSchema);

Функция getRequest выглядит следующим образом: 

import { Schema } from "normalizr";
import { camelizeAndNormalize } from "../../core";

export const getRequest = (fullUrlRoute: string, schema: Schema) =>
  fetch(fullUrlRoute).then(response =>
    response.json().then(json => {
      if (!response.ok) {
        return Promise.reject(json);
      }
      return Promise.resolve(camelizeAndNormalize(json, schema));
    })
  );

Я хотел попробовать функцию API, используя Jest, вот так: 

import fetch from "jest-fetch-mock";
import { ROUTE_INT_QUESTIONS } from "../../../config/constants/routes";
import {
  normalizedIntQuestionListResponse as expected,
  rawIntQuestionListResponse as response
} from "../../../config/fixtures";
import { intQuestionSchema } from "../../../config/schemas/intQuestions";
import * as serverRequests from "./../../utils/serverRequests";
import { getIntQuestionList } from "./intQuestions";

const intQuestionListSchema = [intQuestionSchema];

describe("getIntQuestionList", () => {
  beforeEach(() => {
    fetch.resetMocks();
  });

  it("should get the int question list", () => {
    const getRequestMock = jest.spyOn(serverRequests, "getRequest");
    fetch.mockResponseOnce(JSON.stringify(response));

    expect.assertions(2);
    return getIntQuestionList().then(res => {
      expect(res).toEqual(expected);
      expect(getRequestMock).toHaveBeenCalledWith(ROUTE_INT_QUESTIONS, intQuestionListSchema);
    });
  });
});

Проблема в том, что строка с spyOn выдает следующую ошибку: 

  ● getRestaurantList › should get the restaurant list

    TypeError: Cannot set property getRequest of #<Object> which has only a getter

      17 |
      18 |   it("should get the restaurant list", () => {
    > 19 |     const getRequestMock = jest.spyOn(serverRequests, "getRequest");
         |                                 ^
      20 |     fetch.mockResponseOnce(JSON.stringify(response));
      21 |
      22 |     expect.assertions(2);

      at ModuleMockerClass.spyOn (node_modules/jest-mock/build/index.js:706:26)
      at Object.spyOn (src/services/api/IntQuestions/intQuestions.test.ts:19:33)

Я гуглил это и нашел только сообщения о горячей перезагрузке. Так, что могло вызвать это во время теста Джеста? Как мне пройти этот тест?

Ответы [ 2 ]

0 голосов
/ 14 ноября 2018

Это было интересно.

Выпуск

Babel создает свойства только с get, определенными для реэкспортированных функций.

utils/serverRequests/index.ts реэкспортирует функции из других модулей, поэтому возникает ошибка, когда jest.spyOn используется для слежения за реэкспортированными функциями.

Подробнее

Учитывая этот код реэкспортирует все из lib: 

export * from './lib';

... Babel производит это: 

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _lib = require('./lib');

Object.keys(_lib).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _lib[key];
    }
  });
});

Обратите внимание, что все свойства определены только с get.

Попытка использовать jest.spyOn для любого из этих свойств приведет к ошибке, которую вы видите, потому что jest.spyOn пытается заменить свойство шпионом, обертывающим исходную функцию, но не может, если свойство определено только с get.

Решение

Вместо импорта ../../utils/serverRequests (который реэкспортирует getRequest) в тест, импортируйте модуль, для которого определено getRequest, и используйте этот модуль для создания шпиона.

Альтернативный раствор

Смоделируйте весь модуль utils/serverRequests, как предложено @Volodymyr и @ TheF

0 голосов
/ 08 ноября 2018

Как предлагается в комментариях, для jest требуется установщик тестируемого объекта, которого нет у модулей es6. jest.mock() позволяет вам решить эту проблему путем насмешки над требуемым модулем после импорта.

Попробуйте смоделировать экспорт из файла serverRequests 

import * as serverRequests from './../../utils/serverRequests';
jest.mock('./../../utils/serverRequests', () => ({
    getRequest: jest.fn()
}));

// ...
// ...

it("should get the int question list", () => {
    const getRequestMock = jest.spyOn(serverRequests, "getRequest")
    fetch.mockResponseOnce(JSON.stringify(response));

    expect.assertions(2);
    return getIntQuestionList().then(res => {
        expect(res).toEqual(expected);
          expect(getRequestMock).toHaveBeenCalledWith(ROUTE_INT_QUESTIONS, intQuestionListSchema);
    });
});

Вот несколько полезных ссылок:
https://jestjs.io/docs/en/es6-class-mocks
https://jestjs.io/docs/en/mock-functions

...