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: (skipAndroid?: boolean) => 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(393, 852);
            getStatusBarHeight = require("./").getStatusBarHeight;
            const expectedSize = 47;
            expect(getStatusBarHeight()).toBe(expectedSize);
        });
        test("Should return 59 when device is iOS and have iPhone 14 Pro width and height", () => {
            mockCanvasSize(430, 932);
            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(428, 926);
            getStatusBarHeight = require("./").getStatusBarHeight;
            const expectedSize = 59;
            expect(getStatusBarHeight()).toBe(expectedSize);
        });
    });
    describe("Android", () => {
        let getStatusBarHeight: (skipAndroid?: boolean) => number;
        beforeEach(() => {
            jest.resetModules();
            mockPlatform("android", false, false);
            jest.mock("react-native/Libraries/Components/StatusBar/StatusBar", () => {
                return {
                    currentHeight: 50,
                };
            });
        });
        test("Should return 50 from status bar size when device is Android and skipAndroid flag is false", () => {
            mockCanvasSize(428, 926);
            getStatusBarHeight = require("./").getStatusBarHeight;
            const expectedSize = 50;
            expect(getStatusBarHeight()).toBe(expectedSize);
        });
        test("Should return 0 from status bar size when device is Android and skipAndroid flag is true", () => {
            mockCanvasSize(428, 926);
            getStatusBarHeight = require("./").getStatusBarHeight;
            const expectedSize = 0;
            expect(getStatusBarHeight(true)).toBe(expectedSize);
        });
    });
});