@brightlayer-ui/react-native-auth-workflow/__tests__/contexts/ErrorContextProvider.test.js

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

import { jsx as _jsx } from "react/jsx-runtime";
import { cleanup, render, screen, renderHook } from '@testing-library/react-native';
import { Text } from 'react-native-paper';
import { ErrorContextProvider, useErrorContext, useErrorManager } from '../../contexts/index.js';
afterEach(cleanup);
export const errorContextProviderProps = {
    mode: 'dialog',
    title: 'Error Title',
};
describe('ErrorContextProvider', () => {
    it('should render ErrorContextProviderProvider without crashing', () => {
        render(_jsx(ErrorContextProvider, { ...errorContextProviderProps, children: _jsx(Text, { children: "Error" }) })).toJSON();
        expect(render).toBeTruthy();
        expect(screen.getByText('Error')).toBeTruthy();
    });
    it('should read values from the context', () => {
        const wrapper = ({ children }) => (_jsx(ErrorContextProvider, { ...errorContextProviderProps, children: children }));
        const { result } = renderHook(() => useErrorContext(), { wrapper });
        expect(result.current.mode).toBe('dialog');
    });
    it('should set values in the context', () => {
        const wrapper = ({ children }) => (_jsx(ErrorContextProvider, { ...errorContextProviderProps, mode: "message-box", children: children }));
        const { result } = renderHook(() => useErrorContext(), { wrapper });
        expect(result.current.mode).not.toBe('dialog');
        expect(result.current.mode).toBe('message-box');
    });
    it('should throw error, when context value is null', () => {
        try {
            renderHook(() => useErrorContext());
        }
        catch (error) {
            expect(error).toBeTruthy();
        }
    });
    it('should throw error, when context value is null', () => {
        try {
            renderHook(() => useErrorManager());
        }
        catch (error) {
            expect(error).toBeTruthy();
        }
    });
    it('should set values in the context', () => {
        const wrapper = ({ children }) => (_jsx(ErrorContextProvider, { ...errorContextProviderProps, mode: "message-box", children: children }));
        const { result } = renderHook(() => useErrorManager(), { wrapper });
        expect(result.current.errorManagerConfig.mode).not.toBe('dialog');
        expect(result.current.errorManagerConfig.mode).toBe('message-box');
    });
    it('should set the prop values in the context', () => {
        const wrapper = ({ children }) => (_jsx(ErrorContextProvider, { ...errorContextProviderProps, mode: "dialog", children: children }));
        const { result } = renderHook(() => useErrorManager(), { wrapper });
        expect(result.current.errorManagerConfig.mode).toBe('dialog');
        expect(result.current.errorManagerConfig.mode).not.toBe('message-box');
    });
    it('should set the custom values in the context', () => {
        const wrapper = ({ children }) => (_jsx(ErrorContextProvider, { ...errorContextProviderProps, title: "Custom Title", children: children }));
        const { result } = renderHook(() => useErrorManager(), { wrapper });
        expect(result.current.errorManagerConfig.title).toBe('Custom Title');
    });
    it('should set values for trigger error in the context', () => {
        const wrapper = ({ children }) => (_jsx(ErrorContextProvider, { ...errorContextProviderProps, mode: "dialog", children: children }));
        const { result } = renderHook(() => useErrorManager(), { wrapper });
        result.current.triggerError({ cause: { title: 'Trigger', errorMessage: 'Trigger Message' } });
        expect(result.current.errorManagerConfig.title).toBe('Error Title');
    });
});