React Native:在 Jest 单元测试中模拟离线设备

Question

我正在编写一个 React Native 应用程序，我正在使用 Jest 对我的代码进行单元测试。

我写了一个函数，可以检查是否有互联网连接。我知道想写它的单元测试。我卡住了，因为我无法弄清楚如何在单元测试中模拟设备的连接状态。

如何在单元测试中模拟设备处于脱机或联机状态？

编辑：

这是函数：

import { NetInfo } from "react-native";
import { NO_NETWORK_CONNECTION } from "../../../../config/constants/errors";
const checkNetwork = (): Promise<boolean | string> =>
new Promise((resolve, reject) => {
NetInfo.isConnected
.fetch()
.then(isConnected => (isConnected ? resolve(true) : reject(NO_NETWORK_CONNECTION)))
.catch(() => reject(NO_NETWORK_CONNECTION));
});
export default checkNetwork;

我想在我的测试中测试它，看看如果设备已连接，它是否正确解析为 true，如果请求失败，则用字符串拒绝。为此，我需要在我的单元测试中模拟设备连接。

Answer 1

这很简单，就像这样模拟NetInfo：

import {
NetInfo
} from "react-native";
import checkNetwork from "...";
import {
NO_NETWORK_CONNECTION
} from "...";
jest.mock('react-native', () => ({
NetInfo: {
isConnected: {
fetch: jest.fn()
}
}
}))
test('test offline', async () => {
NetInfo.isConnected.fetch.mockResolvedValueOnce(false)
expect(await checkNetwork()).toBe(NO_NETWORK_CONNECTION)
})
test('test online', async () => {
NetInfo.isConnected.fetch.mockResolvedValueOnce(true)
expect(await checkNetwork()).toBe(true)
})