react-native-toast-message 2.2.0-beta.1 → 2.2.0

package/lib/src/__tests__/Toast.test.js

@@ -1,190 +0,0 @@
-/* eslint-env jest */
-import React from 'react';
-import { Button, Modal, Text } from 'react-native';
-import { act, fireEvent, render, waitFor } from '~/__helpers__/testing-library/react-native';
-import { Toast } from '../Toast';
-/*
-  The Modal component is automatically mocked by RN and apparently contains a bug which makes the Modal
-  (and its children) to always be visible in the test tree.
-
-  This fixes the issue:
- */
-jest.mock('react-native/Libraries/Modal/Modal', () => {
-    const ActualModal = jest.requireActual('react-native/Libraries/Modal/Modal');
-    return (props) => <ActualModal {...props}/>;
-});
-jest.mock('react-native/Libraries/LogBox/LogBox');
-describe('test Toast component', () => {
-    it('creates imperative handle', () => {
-        const onShow = jest.fn();
-        const onHide = jest.fn();
-        render(<Toast onShow={onShow} onHide={onHide}/>);
-        expect(Toast.show).toBeDefined();
-        expect(Toast.hide).toBeDefined();
-        act(() => {
-            Toast.show({
-                text1: 'test'
-            });
-        });
-        expect(onShow).toHaveBeenCalled();
-        act(() => {
-            Toast.hide();
-        });
-        expect(onHide).toHaveBeenCalled();
-    });
-    it('shows Toast inside a Modal', async () => {
-        const onShow = jest.fn();
-        const onHide = jest.fn();
-        const onShowInsideModal = jest.fn();
-        const onHideInsideModal = jest.fn();
-        const ModalWrapper = () => {
-            const [isVisible, setIsVisible] = React.useState(false);
-            return (<>
-          <Toast onShow={onShow} onHide={onHide}/>
-          <Text>Outside modal</Text>
-          <Button title='Show modal' onPress={() => setIsVisible(true)}/>
-          <Modal visible={isVisible}>
-            <Text>Inside modal</Text>
-            <Button title='Hide modal' onPress={() => setIsVisible(false)}/>
-            <Toast onShow={onShowInsideModal} onHide={onHideInsideModal}/>
-          </Modal>
-        </>);
-        };
-        const utils = render(<ModalWrapper />);
-        expect(utils.queryByText('Outside modal')).toBeTruthy();
-        expect(Toast.show).toBeDefined();
-        expect(Toast.hide).toBeDefined();
-        // Test the Toast instance that's outside the Modal
-        act(() => {
-            Toast.show({
-                text1: 'test'
-            });
-        });
-        expect(onShow).toHaveBeenCalled();
-        act(() => {
-            Toast.hide();
-        });
-        expect(onHide).toHaveBeenCalled();
-        // Show the Modal
-        const showModalButton = utils.getByText('Show modal');
-        expect(showModalButton).toBeTruthy();
-        fireEvent.press(showModalButton);
-        await waitFor(() => {
-            expect(utils.queryByText('Inside modal')).toBeTruthy();
-        });
-        // Test the Toast instance that's inside the Modal
-        act(() => {
-            Toast.show({
-                text1: 'test'
-            });
-        });
-        expect(onShowInsideModal).toHaveBeenCalled();
-        act(() => {
-            Toast.hide();
-        });
-        expect(onHideInsideModal).toHaveBeenCalled();
-        // Hide modal
-        const hideModalButton = utils.getByText('Hide modal');
-        expect(hideModalButton).toBeTruthy();
-        fireEvent.press(hideModalButton);
-        await waitFor(() => {
-            expect(utils.queryByText('Inside modal')).toBeFalsy();
-        });
-        // Now that the Modal is hidden, the the outside Toast instance again
-        act(() => {
-            Toast.show({
-                text1: 'test'
-            });
-        });
-        expect(onShow).toHaveBeenCalledTimes(2);
-        expect(onShowInsideModal).toHaveBeenCalledTimes(1);
-        act(() => {
-            Toast.hide();
-        });
-        expect(onHide).toHaveBeenCalledTimes(2);
-        expect(onHideInsideModal).toHaveBeenCalledTimes(1);
-    });
-    it(`doesn't show a Toast if there is no active ref`, () => {
-        const onShow = jest.fn();
-        const onHide = jest.fn();
-        const ModalWrapper = () => (<>
-        <Modal visible={false}>
-          <Text>Inside modal</Text>
-          <Toast onShow={onShow} onHide={onHide}/>
-        </Modal>
-      </>);
-        render(<ModalWrapper />);
-        act(() => {
-            Toast.show({
-                text1: 'test'
-            });
-        });
-        expect(onShow).not.toHaveBeenCalled();
-    });
-    it('when autoHide: true, the Toast only hides when timer reaches visibilityTime', () => {
-        jest.useFakeTimers();
-        const onShow = jest.fn();
-        const onHide = jest.fn();
-        const visibilityTime = 1500;
-        render(<Toast onShow={onShow} onHide={onHide} autoHide={true} visibilityTime={visibilityTime}/>);
-        act(() => {
-            Toast.show({
-                text1: 'I am auto hiding, by default'
-            });
-        });
-        expect(onShow).toHaveBeenCalled();
-        // Advance time by 1/4 visibilityTime
-        // Toast should not hide yet
-        jest.advanceTimersByTime(visibilityTime / 4);
-        expect(onHide).not.toHaveBeenCalled();
-        // Do it again 1/4 visibilityTime
-        // Toast should still be visible
-        jest.advanceTimersByTime(visibilityTime / 4);
-        expect(onHide).not.toHaveBeenCalled();
-        // Advance time by the remaining 1/2 visibilityTime
-        act(() => {
-            jest.advanceTimersByTime(visibilityTime / 2);
-        });
-        // Now the Toast should hide
-        expect(onHide).toHaveBeenCalled();
-        jest.useRealTimers();
-    });
-    it('clears previous autoHide: true timer when a new Toast is presented with autoHide: false', () => {
-        jest.useFakeTimers();
-        const onShow = jest.fn();
-        const onHide = jest.fn();
-        const visibilityTime = 1500;
-        render(<Toast onShow={onShow} onHide={onHide} autoHide={true} visibilityTime={visibilityTime}/>);
-        act(() => {
-            Toast.show({
-                text1: 'I am auto hiding, by default'
-            });
-        });
-        expect(onShow).toHaveBeenCalled();
-        // Advance by 1/2 visibilityTime
-        // Toast should not hide
-        jest.advanceTimersByTime(visibilityTime / 2);
-        expect(onHide).not.toHaveBeenCalled();
-        // Now, show another Toast, before the previous one has the chance to hide
-        act(() => {
-            Toast.show({
-                text1: 'I am NOT auto hiding',
-                autoHide: false
-            });
-        });
-        // Advance time to the end of visibilityTime
-        act(() => {
-            jest.advanceTimersByTime(visibilityTime / 2);
-        });
-        // The new Toast should NOT hide
-        // (the previous timer should have been cleared before reaching the end)
-        expect(onHide).not.toHaveBeenCalled();
-        // And even go beyond visibilityTime
-        act(() => {
-            jest.advanceTimersByTime(1000);
-        });
-        // The new Toast should still not hide
-        expect(onHide).not.toHaveBeenCalled();
-        jest.useRealTimers();
-    });
-});

package/lib/src/__tests__/ToastUI.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/src/__tests__/ToastUI.test.js

@@ -1,52 +0,0 @@
-/* eslint-env jest */
-import React from 'react';
-import { render } from '~/__helpers__/testing-library/react-native';
-import { ToastUI } from '../ToastUI';
-import { DEFAULT_OPTIONS } from '../useToast';
-const setup = (props) => {
-    const show = jest.fn();
-    const hide = jest.fn();
-    const utils = render(<ToastUI isVisible options={DEFAULT_OPTIONS} data={{
-            text1: 'text1',
-            text2: 'text2'
-        }} show={show} hide={hide} {...props}/>);
-    return {
-        ...utils
-    };
-};
-describe('test ToastUI component', () => {
-    it('renders defaults', () => {
-        const { queryByText } = setup();
-        expect(queryByText('text1')).toBeDefined();
-        expect(queryByText('text2')).toBeDefined();
-    });
-    it('renders error type Toast', () => {
-        const { queryByText } = setup({
-            options: {
-                ...DEFAULT_OPTIONS,
-                type: 'error'
-            }
-        });
-        expect(queryByText('text1')).toBeDefined();
-        expect(queryByText('text2')).toBeDefined();
-    });
-    it('renders info type Toast', () => {
-        const { queryByText } = setup({
-            options: {
-                ...DEFAULT_OPTIONS,
-                type: 'info'
-            }
-        });
-        expect(queryByText('text1')).toBeDefined();
-        expect(queryByText('text2')).toBeDefined();
-    });
-    it('throws when trying to render an undefined Toast type', () => {
-        const type = 'mock';
-        expect(() => setup({
-            options: {
-                ...DEFAULT_OPTIONS,
-                type
-            }
-        })).toThrow(new Error(`Toast type: '${type}' does not exist. You can add it via the 'config' prop on the Toast instance. Learn more: https://github.com/calintamas/react-native-toast-message/blob/HEAD/docs/custom-layouts.md`));
-    });
-});

package/lib/src/__tests__/useToast.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/src/__tests__/useToast.test.js

@@ -1,142 +0,0 @@
-/* eslint-env jest */
-import { act, renderHook } from '~/__helpers__/testing-library/react-hooks';
-import { DEFAULT_DATA, DEFAULT_OPTIONS, useToast } from '../useToast';
-const setup = () => {
-    const utils = renderHook(() => useToast({
-        defaultOptions: DEFAULT_OPTIONS
-    }));
-    return {
-        ...utils
-    };
-};
-describe('test useToast hook', () => {
-    it('returns defaults', () => {
-        const { result } = setup();
-        const { isVisible, data, options, show, hide } = result.current;
-        expect(isVisible).toBe(false);
-        expect(data).toEqual(DEFAULT_DATA);
-        expect(options).toEqual(DEFAULT_OPTIONS);
-        expect(show).toBeDefined();
-        expect(hide).toBeDefined();
-    });
-    it('set isVisible: true when show is called', () => {
-        const { result } = setup();
-        act(() => {
-            result.current.show({
-                text1: 'test'
-            });
-        });
-        expect(result.current.isVisible).toBe(true);
-        expect(result.current.data.text1).toBe('test');
-    });
-    it('calls onShow when Toast is shown', () => {
-        const { result } = setup();
-        const onShow = jest.fn();
-        act(() => {
-            result.current.show({
-                text1: 'test',
-                onShow
-            });
-        });
-        expect(result.current.isVisible).toBe(true);
-        expect(result.current.data.text1).toBe('test');
-        expect(onShow).toHaveBeenCalled();
-    });
-    it('set isVisible: false when hide is called', () => {
-        const { result } = setup();
-        act(() => {
-            result.current.show({
-                text1: 'test'
-            });
-        });
-        expect(result.current.isVisible).toBe(true);
-        expect(result.current.data.text1).toBe('test');
-        act(() => {
-            result.current.hide();
-        });
-        expect(result.current.isVisible).toBe(false);
-    });
-    it('calls onHide when Toast is shown', () => {
-        const { result } = setup();
-        const onHide = jest.fn();
-        act(() => {
-            result.current.show({
-                text1: 'test',
-                onHide
-            });
-        });
-        expect(result.current.isVisible).toBe(true);
-        expect(result.current.data.text1).toBe('test');
-        act(() => {
-            result.current.hide();
-        });
-        expect(result.current.isVisible).toBe(false);
-        expect(onHide).toHaveBeenCalled();
-    });
-    it('sets data values on show', () => {
-        const { result } = setup();
-        act(() => {
-            result.current.show({
-                text1: 'text1',
-                text2: 'text2'
-            });
-        });
-        expect(result.current.isVisible).toBe(true);
-        expect(result.current.data.text1).toBe('text1');
-        expect(result.current.data.text2).toBe('text2');
-    });
-    it('sets option values on show', () => {
-        const { result } = setup();
-        const options = {
-            type: 'info',
-            position: 'bottom',
-            autoHide: false,
-            visibilityTime: 20,
-            topOffset: 120,
-            bottomOffset: 130,
-            keyboardOffset: 5,
-            onShow: jest.fn(),
-            onHide: jest.fn(),
-            onPress: jest.fn(),
-            props: {
-                foo: 'bar'
-            }
-        };
-        act(() => {
-            result.current.show({
-                text1: 'test',
-                ...options
-            });
-        });
-        expect(result.current.isVisible).toBe(true);
-        expect(result.current.options).toEqual(options);
-    });
-    it('automatically hides when autoHide: true', () => {
-        jest.useFakeTimers();
-        const { result } = setup();
-        const onHide = jest.fn();
-        act(() => {
-            result.current.show({
-                text1: 'test',
-                autoHide: true,
-                onHide
-            });
-        });
-        expect(result.current.isVisible).toBe(true);
-        act(() => {
-            jest.runAllTimers();
-        });
-        expect(result.current.isVisible).toBe(false);
-        expect(onHide).toHaveBeenCalled();
-    });
-    it('shows using only text2', () => {
-        const { result } = setup();
-        act(() => {
-            result.current.show({
-                text2: 'text2'
-            });
-        });
-        expect(result.current.isVisible).toBe(true);
-        expect(result.current.data.text2).toBe('text2');
-    });
-});

package/lib/src/components/__tests__/AnimatedContainer.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/src/components/__tests__/AnimatedContainer.test.js

@@ -1,147 +0,0 @@
-/* eslint-env jest */
-import React from 'react';
-import { Dimensions, View } from 'react-native';
-import { render, waitFor } from '~/__helpers__/testing-library/react-native';
-import { mockGestureValues, mockPanResponder } from '../../__helpers__/PanResponder';
-import { AnimatedContainer, animatedValueFor, dampingFor } from '../AnimatedContainer';
-const setup = (props) => {
-    const onHide = jest.fn();
-    const defaultProps = {
-        isVisible: false,
-        position: 'top',
-        topOffset: 40,
-        bottomOffset: 40,
-        keyboardOffset: 10,
-        onHide
-    };
-    const utils = render(<AnimatedContainer {...defaultProps} {...props}>
-      <View testID='childView'/>
-    </AnimatedContainer>);
-    return {
-        ...utils
-    };
-};
-const defaultStyles = {
-    position: 'absolute',
-    left: 0,
-    right: 0,
-    alignItems: 'center',
-    justifyContent: 'center',
-    top: 0
-};
-describe('test AnimatedContainer component', () => {
-    it('is hidden by default', () => {
-        const { queryByTestId } = setup();
-        expect(queryByTestId('toastAnimatedContainer')).toHaveStyle({
-            ...defaultStyles,
-            opacity: 0
-        });
-        expect(queryByTestId('childView')).not.toBe(null);
-    });
-    it('shows when isVisible is true', async () => {
-        const { queryByTestId } = setup({
-            isVisible: true
-        });
-        await waitFor(() => expect(queryByTestId('toastAnimatedContainer')).toHaveStyle({
-            ...defaultStyles,
-            opacity: 1
-        }));
-        expect(queryByTestId('childView')).not.toBe(null);
-    });
-    it('restores toast position on pan (if gesture is higher than threshold)', async () => {
-        mockPanResponder();
-        const onRestorePosition = jest.fn();
-        const { queryByTestId } = setup({
-            isVisible: true,
-            onRestorePosition
-        });
-        await waitFor(() => expect(queryByTestId('toastAnimatedContainer')).toHaveStyle({
-            ...defaultStyles,
-            opacity: 1
-        }));
-        const panHandler = queryByTestId('toastAnimatedContainer');
-        const gesture = {
-            ...mockGestureValues,
-            moveY: 100,
-            dy: 10
-        };
-        panHandler?.props.onResponderMove(undefined, gesture);
-        panHandler?.props.onResponderRelease(undefined, gesture);
-        expect(onRestorePosition).toHaveBeenCalled();
-    });
-    it('dismisses toast on pan (if gesture is lower than threshold)', async () => {
-        mockPanResponder();
-        const onHide = jest.fn();
-        const { queryByTestId } = setup({
-            isVisible: true,
-            onHide
-        });
-        await waitFor(() => expect(queryByTestId('toastAnimatedContainer')).toHaveStyle({
-            ...defaultStyles,
-            opacity: 1
-        }));
-        const panHandler = queryByTestId('toastAnimatedContainer');
-        const gesture = {
-            ...mockGestureValues,
-            moveY: 5,
-            dy: -78
-        };
-        panHandler?.props.onResponderMove(undefined, gesture);
-        panHandler?.props.onResponderRelease(undefined, gesture);
-        expect(onHide).toHaveBeenCalled();
-    });
-});
-jest.spyOn(Dimensions, 'get').mockImplementation(() => ({
-    height: 600,
-    width: 200,
-    scale: 1,
-    fontScale: 1
-}));
-describe('test dampingFor function', () => {
-    const gesture = {
-        ...mockGestureValues,
-        moveY: 100
-    };
-    it('returns damping for position: bottom', () => {
-        const position = 'bottom';
-        expect(dampingFor(gesture, position)).toBe(500);
-    });
-    it('returns damping for position: top', () => {
-        const position = 'top';
-        expect(dampingFor(gesture, position)).toBe(100);
-    });
-    it('throws if position is not implemented', () => {
-        try {
-            dampingFor(gesture, 'foo');
-        }
-        catch (err) {
-            expect(err).toBeDefined();
-        }
-    });
-});
-describe('test animatedValueFor function', () => {
-    const gesture = {
-        ...mockGestureValues,
-        dy: 10
-    };
-    it('returns animated value for position: bottom', () => {
-        const position = 'bottom';
-        const damping = 100;
-        expect(animatedValueFor(gesture, position, damping)).toBe(0.9);
-    });
-    it('returns animated value for position: top', () => {
-        const position = 'top';
-        const damping = 100;
-        expect(animatedValueFor(gesture, position, damping)).toBe(1.1);
-    });
-    it('throws if position is not implemented', () => {
-        try {
-            const position = 'foo';
-            const damping = 100;
-            animatedValueFor(gesture, position, damping);
-        }
-        catch (err) {
-            expect(err).toBeDefined();
-        }
-    });
-});

package/lib/src/components/__tests__/BaseToast.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-native';

package/lib/src/components/__tests__/BaseToast.test.js

@@ -1,81 +0,0 @@
-/* eslint-env jest */
-import '@testing-library/jest-native';
-import React from 'react';
-import { Image } from 'react-native';
-import { fireEvent, render } from '~/__helpers__/testing-library/react-native';
-import { BaseToast } from '../BaseToast';
-const setup = (props) => {
-    const utils = render(<BaseToast {...props}/>);
-    return {
-        ...utils
-    };
-};
-describe('test BaseToast component', () => {
-    it('renders defaults', () => {
-        const { queryByTestId } = setup();
-        expect(queryByTestId('toastTouchableContainer')).not.toBe(null);
-        expect(queryByTestId('toastContentContainer')).not.toBe(null);
-        expect(queryByTestId('toastText1')).toBe(null);
-        expect(queryByTestId('toastText2')).toBe(null);
-    });
-    it('renders text1 and text2', () => {
-        const { queryByTestId, queryByText } = setup({
-            text1: 'Hello',
-            text2: 'World'
-        });
-        expect(queryByTestId('toastText1')).not.toBe(null);
-        expect(queryByTestId('toastText2')).not.toBe(null);
-        expect(queryByText('Hello')).not.toBe(null);
-        expect(queryByText('World')).not.toBe(null);
-    });
-    it('renders only text1', () => {
-        const { queryByTestId, queryByText } = setup({
-            text1: 'Hello'
-        });
-        expect(queryByTestId('toastText1')).not.toBe(null);
-        expect(queryByTestId('toastText2')).toBe(null);
-        expect(queryByText('Hello')).not.toBe(null);
-    });
-    it('renders only text2', () => {
-        const { queryByTestId, queryByText } = setup({
-            text2: 'World'
-        });
-        expect(queryByTestId('toastText1')).toBe(null);
-        expect(queryByTestId('toastText2')).not.toBe(null);
-        expect(queryByText('World')).not.toBe(null);
-    });
-    it('fires onPress', () => {
-        const onPress = jest.fn();
-        const { queryByTestId } = setup({
-            onPress
-        });
-        const touchableContainer = queryByTestId('toastTouchableContainer');
-        expect(touchableContainer).not.toBe(null);
-        fireEvent.press(touchableContainer);
-        expect(onPress).toHaveBeenCalled();
-    });
-    it('adds custom style to toastTouchableContainer', () => {
-        const { queryByTestId } = setup({
-            style: {
-                borderRadius: 20
-            }
-        });
-        const touchableContainer = queryByTestId('toastTouchableContainer');
-        expect(touchableContainer).not.toBe(null);
-        expect(touchableContainer).toHaveStyle({
-            borderRadius: 20
-        });
-    });
-    it('renders leading icon', () => {
-        const { queryByTestId } = setup({
-            renderLeadingIcon: () => (<Image source={{ uri: 'testUri' }} testID='leadingIcon'/>)
-        });
-        expect(queryByTestId('leadingIcon')).not.toBe(null);
-    });
-    it('renders trailing icon', () => {
-        const { queryByTestId } = setup({
-            renderTrailingIcon: () => (<Image source={{ uri: 'testUri' }} testID='trailingIcon'/>)
-        });
-        expect(queryByTestId('trailingIcon')).not.toBe(null);
-    });
-});

package/lib/src/components/__tests__/ErrorToast.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/src/components/__tests__/ErrorToast.test.js

@@ -1,20 +0,0 @@
-/* eslint-env jest */
-import React from 'react';
-import { render } from '~/__helpers__/testing-library/react-native';
-import { ErrorToast } from '../ErrorToast';
-const setup = (props) => {
-    const utils = render(<ErrorToast {...props}/>);
-    return {
-        ...utils
-    };
-};
-describe('test ErrorToast component', () => {
-    it('renders default style', () => {
-        const { queryByTestId } = setup();
-        const touchableContainer = queryByTestId('toastTouchableContainer');
-        expect(touchableContainer).not.toBe(null);
-        expect(touchableContainer).toHaveStyle({
-            borderLeftColor: '#FE6301'
-        });
-    });
-});

package/lib/src/components/__tests__/InfoToast.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/src/components/__tests__/InfoToast.test.js

@@ -1,20 +0,0 @@
-/* eslint-env jest */
-import React from 'react';
-import { render } from '~/__helpers__/testing-library/react-native';
-import { InfoToast } from '../InfoToast';
-const setup = (props) => {
-    const utils = render(<InfoToast {...props}/>);
-    return {
-        ...utils
-    };
-};
-describe('test ErrorToast component', () => {
-    it('renders default style', () => {
-        const { queryByTestId } = setup();
-        const touchableContainer = queryByTestId('toastTouchableContainer');
-        expect(touchableContainer).not.toBe(null);
-        expect(touchableContainer).toHaveStyle({
-            borderLeftColor: '#87CEFA'
-        });
-    });
-});

package/lib/src/components/__tests__/SuccessToast.test.d.ts

@@ -1 +0,0 @@
-export {};