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

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

import React from 'react';
import { cleanup, render, screen, renderHook } from '@testing-library/react-native';
import { Text } from 'react-native-paper';
import { ErrorContextProvider, useErrorContext, useErrorManager } from 'src/contexts';
afterEach(cleanup);
export const errorContextProviderProps = {
    mode: 'dialog',
    title: 'Error Title',
};
describe('ErrorContextProvider', () => {
    it('should render ErrorContextProviderProvider without crashing', () => {
        render(React.createElement(ErrorContextProvider, Object.assign({}, errorContextProviderProps),
            React.createElement(Text, null, "Error"))).toJSON();
        expect(render).toBeTruthy();
        expect(screen.getByText('Error')).toBeTruthy();
    });
    it('should read values from the context', () => {
        const wrapper = ({ children }) => (React.createElement(ErrorContextProvider, Object.assign({}, errorContextProviderProps), children));
        const { result } = renderHook(() => useErrorContext(), { wrapper });
        expect(result.current.mode).toBe('dialog');
    });
    it('should set values in the context', () => {
        const wrapper = ({ children }) => (React.createElement(ErrorContextProvider, Object.assign({}, errorContextProviderProps, { mode: "message-box" }), 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 }) => (React.createElement(ErrorContextProvider, Object.assign({}, errorContextProviderProps, { mode: "message-box" }), 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 }) => (React.createElement(ErrorContextProvider, Object.assign({}, errorContextProviderProps, { mode: "dialog" }), 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 }) => (React.createElement(ErrorContextProvider, Object.assign({}, errorContextProviderProps, { title: "Custom Title" }), 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 }) => (React.createElement(ErrorContextProvider, Object.assign({}, errorContextProviderProps, { mode: "dialog" }), children));
        const { result } = renderHook(() => useErrorManager(), { wrapper });
        result.current.triggerError({ cause: { title: 'Trigger', errorMessage: 'Trigger Message' } });
        expect(result.current.errorManagerConfig.title).toBe('Error Title');
    });
});