index.spec.ts

import { Dimensions } from 'react-native'

export const mockPlatform = (OS: 'ios' | 'android', isPad: boolean, isTVOS: boolean) => {
  jest.doMock('react-native/Libraries/Utilities/Platform', () => {
    const Platform = jest.requireActual('react-native/Libraries/Utilities/Platform')
    return {
      ...Platform,
      isPad,
      isTVOS,
      OS,
      select: (plataformas: { [x: string]: string }) => plataformas[OS],
    }
  })
}

jest.mock('react-native/Libraries/Utilities/Dimensions', () => {
  let dimensionsMock = jest.fn()
  const Dimensions = jest.requireActual('react-native/Libraries/Utilities/Dimensions')
  Dimensions.get = dimensionsMock
  return Dimensions
})

export const mockCanvasSize = (width: number, height: number) => {
  Dimensions.get.mockClear()
  Dimensions.get.mockReturnValue({
    width,
    height,
  })
}

describe('getStatusBarHeight', () => {
  describe('iOS', () => {
    let getStatusBarHeight: () => number
    beforeEach(() => {
      jest.resetModules()
      mockPlatform('ios', false, false)
    })

    test('Should return 20 when device is iOS and is iPad', () => {
      jest.resetModules()
      mockPlatform('ios', true, false)
      mockCanvasSize(375, 812)
      getStatusBarHeight = require('./').getStatusBarHeight
      const expectedSize = 20
      expect(getStatusBarHeight()).toBe(expectedSize)
    })

    test('Should return 20 when device is iOS and is tvOS', () => {
      jest.resetModules()
      mockPlatform('ios', false, true)
      mockCanvasSize(375, 812)
      getStatusBarHeight = require('./').getStatusBarHeight
      const expectedSize = 20
      expect(getStatusBarHeight()).toBe(expectedSize)
    })
    test('Should return 20 when device is iOS and have less width than iPhone X', () => {
      mockCanvasSize(374, 812)
      getStatusBarHeight = require('./').getStatusBarHeight
      const expectedSize = 20
      expect(getStatusBarHeight()).toBe(expectedSize)
    })
    test('Should return 20 when device is iOS and have less height than iPhone X', () => {
      mockCanvasSize(375, 811)
      getStatusBarHeight = require('./').getStatusBarHeight
      const expectedSize = 20
      expect(getStatusBarHeight()).toBe(expectedSize)
    })
    test('Should return 44 when device is iOS and have iPhone X width and height', () => {
      mockCanvasSize(375, 812)
      getStatusBarHeight = require('./').getStatusBarHeight
      const expectedSize = 44
      expect(getStatusBarHeight()).toBe(expectedSize)
    })
    test('Should return 44 when device is iOS and have iPhone XS Max width and height', () => {
      mockCanvasSize(414, 896)
      getStatusBarHeight = require('./').getStatusBarHeight
      const expectedSize = 44
      expect(getStatusBarHeight()).toBe(expectedSize)
    })
    test('Should return 44 when device is iOS and have iPhone 12 width and height', () => {
      mockCanvasSize(390, 844)
      getStatusBarHeight = require('./').getStatusBarHeight
      const expectedSize = 47
      expect(getStatusBarHeight()).toBe(expectedSize)
    })
    test('Should return 44 when device is iOS and have iPhone 12 Max width and height', () => {
      mockCanvasSize(428, 926)
      getStatusBarHeight = require('./').getStatusBarHeight
      const expectedSize = 47
      expect(getStatusBarHeight()).toBe(expectedSize)
    })
    test('Should return 59 when device is iOS and have iPhone 14 Max width and height', () => {
      mockCanvasSize(393, 852)

      getStatusBarHeight = require('./').getStatusBarHeight
      const expectedSize = 59
      expect(getStatusBarHeight()).toBe(expectedSize)
    })
    test('Should return 59 when device is iOS and have iPhone 14 Pro Max width and height', () => {
      mockCanvasSize(430, 932)

      getStatusBarHeight = require('./').getStatusBarHeight
      const expectedSize = 59
      expect(getStatusBarHeight()).toBe(expectedSize)
    })
  })
  describe('Android', () => {
    let getStatusBarHeight: () => number
    beforeEach(() => {
      jest.resetModules()
      mockPlatform('android', false, false)
      jest.mock('react-native/Libraries/Components/StatusBar/StatusBar', () => {
        return {
          currentHeight: 50,
        }
      })
    })
    test('Should return 50 from statusbar size when device is Android', () => {
      mockCanvasSize(428, 926)
      getStatusBarHeight = require('./').getStatusBarHeight
      const expectedSize = 50
      expect(getStatusBarHeight()).toBe(expectedSize)
    })
  })
})