使用外部插件的react-native中出现Jest测试用例错误

Question

我正在使用react-native init创建一个react-native项目。我正在为SQLite绑定使用https://github.com/andpor/react-native-sqlite-storage库。

我有一个DbConnector.jest-test.js单元测试文件。内容是

import DbConnector from '../app/components/DbConnector.js';
// Note: test renderer must be required after react-native.
import renderer from 'react-test-renderer';

it('renders correctly', () => {
const tree = renderer.create(
<DbConnector />
);
});

当我运行jest时，即使在默认情况下忽略了node_modules，我也会收到以下错误。我在package.json中使用了react-native preset

Test suite failed to run

ReferenceError: window is not defined

  at Object.<anonymous> (node_modules/react-native-sqlite-storage/lib/sqlite.core.js:53:10)
  at Object.<anonymous> (node_modules/react-native-sqlite-storage/sqlite.js:10:12)
  at Object.<anonymous> (app/components/DbConnector.js:3:31)

Test Suites: 1 failed, 1 total

DbConnector.js中的导入如下所示：

import React, { Component } from 'react'
import { AppRegistry, StyleSheet, Text, View, TextInput, Button, Alert, 
AsyncStorage } from 'react-native'
import SQLite from 'react-native-sqlite-storage'

Answer 1

您应该在测试之前尝试模拟react-native-sqlite-storage。

jest.mock('react-native-sqlite-storage');

Answer 2

看起来你的问题window is not defined来自这一行：https://github.com/andpor/react-native-sqlite-storage/blob/master/lib/sqlite.core.js#L53

看起来您的测试缺少react-native的导入，应该如下所示：

import 'react-native';
import renderer from 'react-test-renderer';

如果这不起作用，您可以按照以下步骤使用JSDOM from this guide (它来自酶，但可能仍有帮助！)