ReferenceError: __DEV__ не определен при попытке протестировать AsyncStorage - PullRequest
Новая
       18

ReferenceError: __DEV__ не определен при попытке протестировать AsyncStorage

0 голосов
/ 08 мая 2019

Я использую Jest для тестирования своего приложения React Native. Я пытаюсь смоделировать вызов AsyncStorage и использую пакет mock-async-storage. Следуя их инструкциям, я установил их простой, мой тестовый файл выглядит так: 

import configureMockStore from "redux-mock-store";
import thunk from "redux-thunk";
import "react-native";
import MockAsyncStorage from "mock-async-storage";
import { AsyncStorage as storage } from "react-native";

import Station from "../src/models/Station";
import * as actions from "../src/redux/actions/stationActions";

const mockStore = configureMockStore([thunk]);

/* ...other tests  */

describe("async fetching actions", () => {
  describe("using MockAsyncStorage", () => {
    const mock = () => {
      const mockImpl = new MockAsyncStorage();
      jest.mock("AsyncStorage", () => mockImpl);
    };

    mock();

    it("Mock Async Storage working", async () => {
      await storage.setItem("myKey", "myValue");
      const value = await storage.getItem("myKey");
      expect(value).toBe("myValue");
    });
  });
});

Следуя примеру репозитория пакета, в моей папке с тестами есть папка __mocks__ с этим файлом AsyncStorage.js: 

import MockAsyncStorage from '../../../lib/mockAsyncStorage';

export default new MockAsyncStorage();

и эти файлы в папке тестов: 

// AsyncStorage.js
export default {}

// UseStorage.js
import AsyncStorage from './AsyncStorage';

export const save = (k, v) => AsyncStorage.setItem(k,v);

export const get = k => AsyncStorage.getItem(k);

Когда я запускаю тест, я получаю следующую ошибку: 


    ReferenceError: __DEV__ is not defined

      63 | 
      64 |     it("Mock Async Storage working", async () => {
    > 65 |       await storage.setItem("myKey", "myValue");
         |             ^
      66 |       const value = await storage.getItem("myKey");
      67 |       expect(value).toBe("myValue");
      68 |     });

      at Object.__DEV__ (node_modules/react-native/Libraries/Performance/Systrace.js:27:28)
      at Object.require (node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:14:18)
      at Object.require (node_modules/react-native/Libraries/BatchedBridge/BatchedBridge.js:13:22)
      at Object.require (node_modules/react-native/Libraries/BatchedBridge/NativeModules.js:13:23)
      at Object.require (node_modules/react-native/Libraries/Storage/AsyncStorage.js:15:23)
      at Object.require [as AsyncStorage] (node_modules/react-native/Libraries/react-native/react-native-implementation.js:180:12)
      at storage (tests/fetchStations.test.js:65:13)
      at tryCatch (node_modules/@babel/runtime/node_modules/regenerator-runtime/runtime.js:45:40)
      at Generator.invoke [as _invoke] (node_modules/@babel/runtime/node_modules/regenerator-runtime/runtime.js:271:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/@babel/runtime/node_modules/regenerator-runtime/runtime.js:97:21)
      at tryCatch (node_modules/@babel/runtime/node_modules/regenerator-runtime/runtime.js:45:40)
      at invoke (node_modules/@babel/runtime/node_modules/regenerator-runtime/runtime.js:135:20)
      at node_modules/@babel/runtime/node_modules/regenerator-runtime/runtime.js:170:11
      at callInvokeWithMethodAndArg (node_modules/@babel/runtime/node_modules/regenerator-runtime/runtime.js:169:16)
      at AsyncIterator.enqueue (node_modules/@babel/runtime/node_modules/regenerator-runtime/runtime.js:192:13)
      at AsyncIterator.prototype.(anonymous function) [as next] (node_modules/@babel/runtime/node_modules/regenerator-runtime/runtime.js:97:21)
      at Object.<anonymous>.exports.async (node_modules/@babel/runtime/node_modules/regenerator-runtime/runtime.js:216:14)
      at Object._callee (tests/fetchStations.test.js:64:38)

Я пробовал много вещей, предложенных в других ответах, и ничего не помогло:

  • Добавление babel-preset-react-native к моим зависимостям dev
  • Добавление "globals": { "__DEV__": true } к моему package.json под "шуткой"
  • Переключение моего jest preset с jest-expo на react-native
  • Добавление /* global __DEV__ */ вверху моего тестового файла

Как мне сделать эту работу ??

Небольшое обновление: это может на самом деле не иметь ничего общего с макетами. Я удалил все попытки издеваться над AsyncStorage и попытался просто протестировать мой метод, использующий AsyncStorage. Все, что я сделал, это: 

describe("fetchStations(useCache)", () => {
    beforeEach(async () => {
      await store.dispatch(actions.fetchStations({ useCache: true }));
    });

    xit("should return an object with the stations in a 'stations' key", () => {
      expect(store.getActions()).toEqual(
        expect.arrayContaining(expectedGetActions)
      );
    });
  });

Где actions.fetchStations включает вызов AsyncStorage.getItem. И я получаю ту же ошибку __DEV__ is not defined.

...