Make the jest mock typed

Describe the Feature

The jest mock is in javascript so you get warnings in VSCode that it is not typed.

Possible Implementations

I have implemented my mock in __mocks __ as follows

import type NetInfo from '@react-native-community/netinfo';
import type {
  NetInfoConfiguration,
  NetInfoState
} from '@react-native-community/netinfo';

export enum NetInfoStateType {
  unknown = 'unknown',
  none = 'none',
  cellular = 'cellular',
  wifi = 'wifi',
  bluetooth = 'bluetooth',
  ethernet = 'ethernet',
  wimax = 'wimax',
  vpn = 'vpn',
  other = 'other',
}

const connectedState: NetInfoState = {
  type: NetInfoStateType.wifi,
  isConnected: true,
  isInternetReachable: true,
  details: {
    ssid: null,
    bssid: null,
    strength: null,
    ipAddress: null,
    subnet: null,
    frequency: null,
    isConnectionExpensive: false,
    linkSpeed: null,
    rxLinkSpeed: null,
    txLinkSpeed: null,
  },
};

export default <typeof NetInfo>{
  fetch: jest.fn(() => Promise.resolve(connectedState)),
  refresh: jest.fn(() => Promise.resolve(connectedState)),
  configure: jest.fn((_configuration: Partial<NetInfoConfiguration>) => {}),
  addEventListener: jest.fn(() => jest.fn()),
  useNetInfo: jest.fn(() => connectedState),
};

Related Issues

[mikehardy]

Hi there, we merge reasonable PRs.

[trajano]

I’m trying to see if someone can answer https://stackoverflow.com/questions/74828607/how-do-i-add-extra-functions-to-a-mock-and-have-it-pass-typescript so we can add some extra functions to at least do some netinfostate changes for testing. But I’ll remove the code for now.

The mock https://github.com/trajano/spring-cloud-demo/blob/dbcfbc1be7e75d2cc09c8dce08fd976c07874d03/packages/auth-context/src/__mocks__/@react-native-community/netinfo.ts

The test https://github.com/trajano/spring-cloud-demo/blob/dbcfbc1be7e75d2cc09c8dce08fd976c07874d03/packages/auth-context/src/__tests__/netinfoMock.test.tsx

This adds a bit more ways to test on jest. I have another one in a future commit that also adds a way of firing through listeners but right now the way to activate it doesn’t look nice.