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

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 {};

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

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

package/lib/src/contexts/__tests__/EnvironmentContext.test.d.ts

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

package/lib/src/contexts/__tests__/EnvironmentContext.test.js

@@ -1,29 +0,0 @@
-/* eslint-env jest */
-import React from 'react';
-import { renderHook } from '~/__helpers__/testing-library/react-hooks';
-import { EnvironmentProvider, useEnvironmentContext } from '../EnvironmentContext';
-describe('test useEnvironmentContext hook', () => {
-    const setup = (props) => {
-        const utils = renderHook(useEnvironmentContext, {
-            wrapper: ({ children }) => (<EnvironmentProvider {...props}>{children}</EnvironmentProvider>)
-        });
-        return {
-            ...utils
-        };
-    };
-    it('returns environment dependencies / props', () => {
-        const { result } = setup({
-            useNativeDriver: true
-        });
-        expect(result.current.useNativeDriver).toBe(true);
-    });
-    it('throws if there is no EnvironmentProvider', () => {
-        expect(() => {
-            const { result } = renderHook(useEnvironmentContext, {
-                wrapper: ({ children }) => <>{children}</>
-            });
-            // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-            result.current;
-        }).toThrow(new Error('useEnvironment() must be called within EnvironmentProvider context'));
-    });
-});

package/lib/src/contexts/__tests__/LoggerContext.test.d.ts

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

package/lib/src/contexts/__tests__/LoggerContext.test.js

@@ -1,35 +0,0 @@
-/* eslint-env jest */
-import React from 'react';
-import { renderHook } from '~/__helpers__/testing-library/react-hooks';
-import { LoggerProvider, useLogger } from '../LoggerContext';
-const setup = (props) => {
-    const wrapper = ({ children }) => (<LoggerProvider {...props}>{children}</LoggerProvider>);
-    const utils = renderHook(useLogger, {
-        wrapper
-    });
-    return {
-        ...utils
-    };
-};
-describe('test Logger context', () => {
-    const spy = jest.spyOn(console, 'log');
-    it('injects the log function', () => {
-        const { result } = setup();
-        expect(result.current.log).toBeDefined();
-    });
-    it('it calls console.log when enableLogs: true', () => {
-        const { result } = setup({
-            enableLogs: true
-        });
-        const args = ['answer', 'is', 42];
-        result.current.log(...args);
-        expect(spy).toHaveBeenCalledWith('Toast:', ...args);
-    });
-    it('it does not call console.log when enableLogs: false', () => {
-        const { result } = setup({
-            enableLogs: false
-        });
-        result.current.log('test');
-        expect(spy).not.toHaveBeenCalledWith('test');
-    });
-});

package/lib/src/hooks/__tests__/useKeyboard.test.d.ts

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

package/lib/src/hooks/__tests__/useKeyboard.test.js

@@ -1,60 +0,0 @@
-/* eslint-env jest */
-import { DeviceEventEmitter } from 'react-native';
-import { act, renderHook } from '~/__helpers__/testing-library/react-hooks';
-import { isIOS } from '../../utils/platform';
-import { useKeyboard } from '../useKeyboard';
-jest.mock('../../utils/platform');
-const mockIsIOS = isIOS;
-const setup = (platform = 'ios') => {
-    mockIsIOS.mockReturnValue(platform === 'ios');
-    const utils = renderHook(useKeyboard);
-    return {
-        ...utils
-    };
-};
-describe('test useKeyboard hook', () => {
-    it('returns defaults', () => {
-        const { result } = setup();
-        expect(result.current.isKeyboardVisible).toBe(false);
-        expect(result.current.keyboardHeight).toBe(0);
-    });
-    it('updates keyboard height on show', () => {
-        const { result } = setup();
-        expect(result.current.isKeyboardVisible).toBe(false);
-        expect(result.current.keyboardHeight).toBe(0);
-        act(() => {
-            DeviceEventEmitter.emit('keyboardDidShow', {
-                endCoordinates: {
-                    height: 425
-                }
-            });
-        });
-        expect(result.current.isKeyboardVisible).toBe(true);
-        expect(result.current.keyboardHeight).toBe(425);
-    });
-    it('updates keyboard height on hide', () => {
-        const { result } = setup();
-        expect(result.current.isKeyboardVisible).toBe(false);
-        expect(result.current.keyboardHeight).toBe(0);
-        act(() => {
-            DeviceEventEmitter.emit('keyboardDidShow', {
-                endCoordinates: {
-                    height: 425
-                }
-            });
-        });
-        expect(result.current.isKeyboardVisible).toBe(true);
-        expect(result.current.keyboardHeight).toBe(425);
-        act(() => {
-            DeviceEventEmitter.emit('keyboardDidHide');
-        });
-        expect(result.current.isKeyboardVisible).toBe(false);
-        expect(result.current.keyboardHeight).toBe(0);
-    });
-    it('does nothing on Android', () => {
-        mockIsIOS.mockReturnValue(false);
-        const { result } = setup('android');
-        expect(result.current.isKeyboardVisible).toBe(false);
-        expect(result.current.keyboardHeight).toBe(0);
-    });
-});

package/lib/src/hooks/__tests__/usePanResponder.test.d.ts

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

package/lib/src/hooks/__tests__/usePanResponder.test.js

@@ -1,112 +0,0 @@
-/* eslint-env jest */
-import { Animated } from 'react-native';
-import { renderHook } from '~/__helpers__/testing-library/react-hooks';
-import { mockGestureValues } from '../../__helpers__/PanResponder';
-import { usePanResponder } from '../usePanResponder';
-import { shouldSetPanResponder } from '..';
-const setup = ({ newAnimatedValueForGesture = 0 } = {}) => {
-    const animatedValue = {
-        current: new Animated.Value(0)
-    };
-    const computeNewAnimatedValueForGesture = jest.fn(() => newAnimatedValueForGesture);
-    const onDismiss = jest.fn();
-    const onRestore = jest.fn();
-    const utils = renderHook(() => usePanResponder({
-        animatedValue,
-        computeNewAnimatedValueForGesture,
-        onDismiss,
-        onRestore
-    }));
-    return {
-        animatedValue,
-        computeNewAnimatedValueForGesture,
-        onDismiss,
-        onRestore,
-        ...utils
-    };
-};
-describe('test usePanResponder hook', () => {
-    it('returns defaults', () => {
-        const { result } = setup();
-        expect(result.current.panResponder.panHandlers).toBeDefined();
-        expect(result.current.onMove).toBeDefined();
-        expect(result.current.onRelease).toBeDefined();
-    });
-    it('computes new animated value on move gesture', () => {
-        const { result, computeNewAnimatedValueForGesture } = setup({
-            newAnimatedValueForGesture: 1
-        });
-        result.current.onMove({}, mockGestureValues);
-        expect(computeNewAnimatedValueForGesture).toBeCalledWith(mockGestureValues);
-    });
-    it('computes new animated value on release gesture', () => {
-        const { result, computeNewAnimatedValueForGesture } = setup({
-            newAnimatedValueForGesture: 1
-        });
-        result.current.onRelease({}, mockGestureValues);
-        expect(computeNewAnimatedValueForGesture).toBeCalledWith(mockGestureValues);
-    });
-    it('calls onDismiss when swipe gesture value is below dismiss threshold', () => {
-        const { result, computeNewAnimatedValueForGesture, onDismiss } = setup({
-            newAnimatedValueForGesture: 0.65
-        });
-        result.current.onRelease({}, mockGestureValues);
-        expect(computeNewAnimatedValueForGesture).toBeCalledWith(mockGestureValues);
-        expect(onDismiss).toHaveBeenCalled();
-    });
-    it('calls onDismiss when swipe gesture vy (velocity) is over dismiss threshold', () => {
-        const { result, computeNewAnimatedValueForGesture, onDismiss } = setup({
-            newAnimatedValueForGesture: 1
-        });
-        const gesture = {
-            ...mockGestureValues,
-            vy: -0.8,
-            dy: -1
-        };
-        result.current.onRelease({}, gesture);
-        expect(computeNewAnimatedValueForGesture).toBeCalledWith(gesture);
-        expect(onDismiss).toHaveBeenCalled();
-    });
-    it('calls onRestore when swipe gesture value is not below dismiss threshold', () => {
-        const { result, computeNewAnimatedValueForGesture, onRestore } = setup({
-            newAnimatedValueForGesture: 0.66
-        });
-        result.current.onRelease({}, mockGestureValues);
-        expect(computeNewAnimatedValueForGesture).toBeCalledWith(mockGestureValues);
-        expect(onRestore).toHaveBeenCalled();
-    });
-});
-describe('test shouldSetPanResponder function', () => {
-    it('is set when dx > offset', () => {
-        const gesture = {
-            ...mockGestureValues,
-            dx: 2.1,
-            dy: 0
-        };
-        expect(shouldSetPanResponder({}, gesture)).toBe(true);
-    });
-    it('is set when dy > offset', () => {
-        const gesture = {
-            ...mockGestureValues,
-            dx: 0,
-            dy: 2.1
-        };
-        expect(shouldSetPanResponder({}, gesture)).toBe(true);
-    });
-    it('is not set when dx <= offset', () => {
-        const gesture = {
-            ...mockGestureValues,
-            dx: 2,
-            dy: 0
-        };
-        expect(shouldSetPanResponder({}, gesture)).toBe(false);
-    });
-    it('is not set when dy <= offset', () => {
-        const gesture = {
-            ...mockGestureValues,
-            dx: 0,
-            dy: 2
-        };
-        expect(shouldSetPanResponder({}, gesture)).toBe(false);
-    });
-});

package/lib/src/hooks/__tests__/useSlideAnimation.test.d.ts

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

package/lib/src/hooks/__tests__/useSlideAnimation.test.js

@@ -1,88 +0,0 @@
-/* eslint-env jest */
-import { Animated } from 'react-native';
-import { renderHook } from '~/__helpers__/testing-library/react-hooks';
-import { translateYOutputRangeFor, useSlideAnimation } from '../useSlideAnimation';
-const defaultOffsets = {
-    topOffset: 40,
-    bottomOffset: 60,
-    keyboardOffset: 5
-};
-const setup = (props) => {
-    const utils = renderHook(() => useSlideAnimation({
-        position: 'top',
-        height: 20,
-        ...defaultOffsets,
-        ...props
-    }));
-    return {
-        ...utils
-    };
-};
-describe('test useSlideAnimation hook', () => {
-    it('returns defaults', () => {
-        const { result } = setup();
-        const { animatedValue, animate, animationStyles } = result.current;
-        expect(animatedValue.current).toBeDefined();
-        expect(animate).toBeDefined();
-        expect(animationStyles.opacity).toBeDefined();
-        expect(animationStyles.transform).toBeDefined();
-    });
-    it('animates to a new value', async () => {
-        const spy = jest.spyOn(Animated, 'spring').mockImplementation(() => ({
-            start: jest.fn(),
-            stop: jest.fn(),
-            reset: jest.fn()
-        }));
-        const { result } = setup();
-        result.current.animate(1);
-        expect(spy).toHaveBeenCalled();
-    });
-    it.each([
-        ['top', -40],
-        ['bottom', 40]
-    ])('returns default styles for position: %s', (position, translateY) => {
-        const { result } = setup({
-            position
-        });
-        expect(result.current.defaultStyles).toEqual({
-            transform: [
-                {
-                    translateY
-                }
-            ]
-        });
-    });
-});
-describe('test translateYOutputRangeFor function', () => {
-    it('returns output range for position: top', () => {
-        expect(translateYOutputRangeFor({
-            position: 'top',
-            height: 20,
-            keyboardHeight: 0,
-            ...defaultOffsets
-        })).toEqual([-40, 40]);
-    });
-    it('returns output range for position: bottom', () => {
-        expect(translateYOutputRangeFor({
-            position: 'bottom',
-            height: 20,
-            keyboardHeight: 0,
-            ...defaultOffsets
-        })).toEqual([40, -60]);
-    });
-    it('returns output range for position: bottom, with keyboard offset', () => {
-        expect(translateYOutputRangeFor({
-            position: 'bottom',
-            height: 20,
-            keyboardHeight: 400,
-            ...defaultOffsets
-        })).toEqual([40, -405]);
-    });
-    it('throws if position is not supported', () => {
-        expect(() => translateYOutputRangeFor({
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            position: 'left'
-        })).toThrow(new Error(`Position 'left' not supported`));
-    });
-});

package/lib/src/hooks/__tests__/useTimeout.test.d.ts

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

package/lib/src/hooks/__tests__/useTimeout.test.js

@@ -1,54 +0,0 @@
-/* eslint-env jest */
-import { act, renderHook } from '~/__helpers__/testing-library/react-hooks';
-import { useTimeout } from '../useTimeout';
-const setup = () => {
-    const cb = jest.fn();
-    const utils = renderHook(() => useTimeout(cb));
-    return {
-        ...utils,
-        cb
-    };
-};
-describe('test useTimeout hook', () => {
-    beforeAll(() => {
-        jest.useFakeTimers();
-    });
-    it('sets timeout', () => {
-        const { cb, result } = setup();
-        act(() => {
-            result.current.startTimer();
-        });
-        expect(cb).not.toHaveBeenCalled();
-        act(() => {
-            jest.runAllTimers();
-        });
-        expect(cb).toHaveBeenCalled();
-    });
-    it('clears timeout before running', () => {
-        const { cb, result } = setup();
-        act(() => {
-            result.current.startTimer();
-        });
-        expect(cb).not.toHaveBeenCalled();
-        act(() => {
-            result.current.clearTimer();
-        });
-        expect(cb).not.toHaveBeenCalled();
-        act(() => {
-            jest.runAllTimers();
-        });
-        expect(cb).not.toHaveBeenCalled();
-    });
-    it('clears timeout when unmounting', () => {
-        const { cb, result, unmount } = setup();
-        act(() => {
-            result.current.startTimer();
-        });
-        expect(cb).not.toHaveBeenCalled();
-        act(() => {
-            unmount();
-            jest.runAllTimers();
-        });
-        expect(cb).not.toHaveBeenCalled();
-    });
-});

package/lib/src/hooks/__tests__/useViewDimensions.test.d.ts

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

package/lib/src/hooks/__tests__/useViewDimensions.test.js

@@ -1,51 +0,0 @@
-/* eslint-env jest */
-import { act } from 'react-test-renderer';
-import { renderHook } from '~/__helpers__/testing-library/react-hooks';
-import { useViewDimensions } from '../useViewDimensions';
-const setup = (offsets) => {
-    const layoutChangeEventMock = {
-        nativeEvent: {
-            layout: {
-                height: 250,
-                width: 320
-            }
-        }
-    };
-    const utils = renderHook(() => useViewDimensions(offsets));
-    return {
-        ...utils,
-        layoutChangeEventMock
-    };
-};
-describe('test useViewDimensions hook', () => {
-    it('computes dimensions correctly', () => {
-        const { result, layoutChangeEventMock } = setup();
-        const { computeViewDimensions } = result.current;
-        act(() => {
-            computeViewDimensions(layoutChangeEventMock);
-        });
-        expect(result.current.height).toBe(250);
-        expect(result.current.width).toBe(320);
-    });
-    it('computes dimensions with offsets correctly', () => {
-        const offsets = {
-            heightOffset: -40,
-            widthOffset: 120
-        };
-        const { result, layoutChangeEventMock } = setup(offsets);
-        const { computeViewDimensions } = result.current;
-        act(() => {
-            computeViewDimensions(layoutChangeEventMock);
-        });
-        expect(result.current.height).toBe(250 + offsets.heightOffset);
-        expect(result.current.width).toBe(320 + offsets.widthOffset);
-    });
-    it('falls back to 0 when View dimensions are missing', () => {
-        const { result } = setup();
-        act(() => {
-            result.current.computeViewDimensions({});
-        });
-        expect(result.current.height).toBe(0);
-        expect(result.current.width).toBe(0);
-    });
-});

package/lib/src/utils/__tests__/number.test.d.ts

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

package/lib/src/utils/__tests__/number.test.js

@@ -1,15 +0,0 @@
-/* eslint-env jest */
-import { bound, lowerBound, upperBound } from '../number';
-describe('test bound functions', () => {
-    it('ensures lower bound', () => {
-        expect(lowerBound(10, 2)).toBe(10);
-        expect(lowerBound(0, 2)).toBe(2);
-    });
-    it('ensures upper bound', () => {
-        expect(upperBound(10, 2)).toBe(2);
-        expect(upperBound(0, 2)).toBe(0);
-    });
-    it('ensures both bounds', () => {
-        expect(bound(10, 2, 5)).toBe(5);
-    });
-});

package/lib/src/utils/__tests__/obj.test.d.ts

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

package/lib/src/utils/__tests__/obj.test.js

@@ -1,21 +0,0 @@
-/* eslint-env jest */
-import { mergeIfDefined } from '../obj';
-describe('test mergeIfDefined function', () => {
-    it('merges defined values from obj2', () => {
-        const obj1 = {
-            foo: 1,
-            bar: 2,
-            baz: 3
-        };
-        const obj2 = {
-            foo: null,
-            bar: 20,
-            baz: undefined
-        };
-        expect(mergeIfDefined(obj1, obj2)).toEqual({
-            foo: 1,
-            bar: 20,
-            baz: 3
-        });
-    });
-});