@brightlayer-ui/react-native-auth-workflow/__tests__/screens/OktaLoginScreen.test.js

Re-usable workflow components for Authentication and Registration within Eaton applications.

import { jsx as _jsx } from "react/jsx-runtime";
import { render, screen, fireEvent, waitFor } from '@testing-library/react-native';
import { useOktaAuthContext } from '../../contexts/index.js';
import { OktaRedirectLoginScreen } from '../../screens/index.js';
// Mock the useAuthContext hook
jest.mock('../../contexts', () => ({
    useOktaAuthContext: jest.fn(),
}));
// Mock the useTranslation hook
jest.mock('react-i18next', () => ({
    useTranslation: () => ({
        t: (key) => key,
    }),
}));
// Mock Okta React Native
jest.mock('@okta/okta-react-native', () => ({
    createConfig: jest.fn().mockResolvedValue(undefined),
    signInWithBrowser: jest.fn(),
    EventEmitter: {
        emit: jest.fn(),
    },
}));
describe('OktaRedirectLoginScreen', () => {
    const mockNavigate = jest.fn();
    const mockRouteConfig = {
        FORGOT_PASSWORD: '/forgot-password',
        REGISTER_SELF: '/register-self',
        SUPPORT: '/support',
    };
    beforeEach(() => {
        useOktaAuthContext.mockReturnValue({
            navigate: mockNavigate,
            routeConfig: mockRouteConfig,
        });
    });
    afterEach(() => {
        jest.clearAllMocks();
    });
    it('should call navigate with FORGOT_PASSWORD route when forgot password is clicked', () => {
        render(_jsx(OktaRedirectLoginScreen, {}));
        fireEvent.press(screen.getByText('bluiCommon:LABELS.FORGOT_PASSWORD'));
        expect(mockNavigate).toHaveBeenCalledWith(mockRouteConfig.FORGOT_PASSWORD);
    });
    it('should call navigate with REGISTER_SELF route when self register is clicked', () => {
        render(_jsx(OktaRedirectLoginScreen, {}));
        fireEvent.press(screen.getByText('bluiCommon:ACTIONS.CREATE_ACCOUNT'));
        expect(mockNavigate).toHaveBeenCalledWith(mockRouteConfig.REGISTER_SELF);
    });
    it('should call navigate with SUPPORT route when contact support is clicked', () => {
        render(_jsx(OktaRedirectLoginScreen, {}));
        fireEvent.press(screen.getByText('bluiCommon:MESSAGES.CONTACT'));
        expect(mockNavigate).toHaveBeenCalledWith(mockRouteConfig.SUPPORT);
    });
    it('should render custom props correctly', () => {
        const customProps = {
            loginButtonLabel: 'Custom Login',
            forgotPasswordLabel: 'Custom Forgot Password',
            selfRegisterButtonLabel: 'Custom Register',
            contactSupportLabel: 'Custom Contact Support',
        };
        render(_jsx(OktaRedirectLoginScreen, { ...customProps }));
        expect(screen.getByText('Custom Login').props.children).toBe('Custom Login');
        expect(screen.getByText('Custom Forgot Password').props.children).toBe('Custom Forgot Password');
        expect(screen.getByText('Custom Register').props.children).toBe('Custom Register');
        expect(screen.getByText('Custom Contact Support').props.children).toBe('Custom Contact Support');
    });
    it('should not show loading spinner initially', () => {
        const oktaConfig = {
            clientId: 'test-client-id',
            redirectUri: 'test-redirect-uri',
            endSessionRedirectUri: 'test-end-session-uri',
            discoveryUri: 'test-discovery-uri',
            scopes: ['openid', 'profile', 'email'],
            requireHardwareBackedKeyStore: false,
        };
        render(_jsx(OktaRedirectLoginScreen, { oktaConfigObject: oktaConfig }));
        const workflowCard = screen.getByTestId('blui-okta-login-workflow-card');
        expect(workflowCard).toBeTruthy();
    });
    it('should show loading spinner when login is in progress', async () => {
        const { signInWithBrowser } = require('@okta/okta-react-native');
        signInWithBrowser.mockImplementation(() => new Promise((resolve) => setTimeout(resolve, 100)));
        const oktaConfig = {
            clientId: 'test-client-id',
            redirectUri: 'test-redirect-uri',
            endSessionRedirectUri: 'test-end-session-uri',
            discoveryUri: 'test-discovery-uri',
            scopes: ['openid', 'profile', 'email'],
            requireHardwareBackedKeyStore: false,
        };
        render(_jsx(OktaRedirectLoginScreen, { oktaConfigObject: oktaConfig }));
        const loginButton = screen.getByTestId('blui-okta-login-login-button');
        fireEvent.press(loginButton);
        // Wait for the state to update
        await waitFor(() => {
            expect(signInWithBrowser).toHaveBeenCalled();
        });
    });
    it('should hide loading spinner after successful login', async () => {
        const { signInWithBrowser, EventEmitter } = require('@okta/okta-react-native');
        signInWithBrowser.mockResolvedValue(undefined);
        const oktaConfig = {
            clientId: 'test-client-id',
            redirectUri: 'test-redirect-uri',
            endSessionRedirectUri: 'test-end-session-uri',
            discoveryUri: 'test-discovery-uri',
            scopes: ['openid', 'profile', 'email'],
            requireHardwareBackedKeyStore: false,
        };
        render(_jsx(OktaRedirectLoginScreen, { oktaConfigObject: oktaConfig }));
        const loginButton = screen.getByTestId('blui-okta-login-login-button');
        fireEvent.press(loginButton);
        await waitFor(() => {
            expect(signInWithBrowser).toHaveBeenCalled();
            expect(EventEmitter.emit).toHaveBeenCalledWith('signInSuccess');
        });
    });
    it('should hide loading spinner after failed login', async () => {
        const { signInWithBrowser } = require('@okta/okta-react-native');
        const error = new Error('Login failed');
        signInWithBrowser.mockRejectedValue(error);
        const consoleSpy = jest.spyOn(console, 'log').mockImplementation();
        const oktaConfig = {
            clientId: 'test-client-id',
            redirectUri: 'test-redirect-uri',
            endSessionRedirectUri: 'test-end-session-uri',
            discoveryUri: 'test-discovery-uri',
            scopes: ['openid', 'profile', 'email'],
            requireHardwareBackedKeyStore: false,
        };
        render(_jsx(OktaRedirectLoginScreen, { oktaConfigObject: oktaConfig }));
        const loginButton = screen.getByTestId('blui-okta-login-login-button');
        fireEvent.press(loginButton);
        await waitFor(() => {
            expect(signInWithBrowser).toHaveBeenCalled();
            expect(consoleSpy).toHaveBeenCalledWith(error);
        });
        consoleSpy.mockRestore();
    });
});