react-native-ui-lib 8.1.1 → 8.1.5

package/src/components/slider/__tests__/index.spec.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import Slider from "../index";
-// import View from '../../view';
-import { SliderDriver } from "../Slider.driver";
-describe('Slider', () => {
-  afterEach(() => {
-    SliderDriver.clear();
-  });
-  const sliderDriver = (testID, props) => {
-    const defaultProps = {
-      testID,
-      onValueChange: jest.fn(),
-      disabled: false
-    };
-    const component = <Slider {...defaultProps} {...props} />;
-    return new SliderDriver({
-      component,
-      testID
-    });
-  };
-  it('Should be disabled', async () => {
-    const testId = 'slider-comp';
-    const driver = await sliderDriver(testId, {
-      disabled: true
-    });
-    expect(await driver.isDisabled()).toBe(true);
-  });
-  it('Should be disabled', async () => {
-    const testId = 'slider-comp';
-    const driver = await sliderDriver(testId, {
-      disabled: false
-    });
-    expect(await driver.isDisabled()).toBe(false);
-  });
-});

package/src/components/sortableGridList/__tests__/index.spec.js

@@ -1,51 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-import View from "../../view";
-import Text from "../../text";
-import SortableGridList from "../";
-import { useDraggableDriver } from "../../../testkit/new/useDraggable.driver";
-import { useComponentDriver } from "../../../testkit/new/Component.driver";
-const testID = 'sortable-grid-list';
-const TEST_DATA = Array(9).fill(0).map((_, index) => ({
-  id: `${index}`
-}));
-const itemsTestId = id => `${testID}.item.${id}`;
-const testRenderItem = ({
-  item
-}) => {
-  return <View height={50} testID={itemsTestId(item.id)}>
-      <Text>{item.id}</Text>
-    </View>;
-};
-const TestCase = props => {
-  return <SortableGridList {...props} numColumns={3} testID={testID} data={TEST_DATA} renderItem={testRenderItem} />;
-};
-describe('SortableGridlist', () => {
-  it('should render a sortable grid list', () => {
-    render(<TestCase />);
-  });
-  it('should reorder by index', () => {
-    const onOrderChange = jest.fn();
-    const renderTree = render(<TestCase onOrderChange={onOrderChange} orderByIndex />);
-    const driverItem = useDraggableDriver(useComponentDriver({
-      renderTree,
-      testID: itemsTestId('0')
-    }));
-    driverItem.drag(150); // Items height is 50 but dragging 100 doesn't work for some reason. 150 works and drags one row down.
-    expect(onOrderChange).toHaveBeenCalledTimes(1);
-    const newOrder = [1, 2, 3, 0, 4, 5, 6, 7, 8];
-    expect(onOrderChange).toHaveBeenCalledWith(newOrder.map(index => TEST_DATA[index]), newOrder.map(index => TEST_DATA[index].id));
-  });
-  it('should reorder by swapping', () => {
-    const onOrderChange = jest.fn();
-    const renderTree = render(<TestCase onOrderChange={onOrderChange} />);
-    const driverItem = useDraggableDriver(useComponentDriver({
-      renderTree,
-      testID: itemsTestId('0')
-    }));
-    driverItem.drag(150);
-    expect(onOrderChange).toHaveBeenCalledTimes(1);
-    const newOrder = [3, 1, 2, 0, 4, 5, 6, 7, 8];
-    expect(onOrderChange).toHaveBeenCalledWith(newOrder.map(index => TEST_DATA[index]), newOrder.map(index => TEST_DATA[index].id));
-  });
-});

package/src/components/sortableGridList/__tests__/usePresenter.spec.js

@@ -1,231 +0,0 @@
-import usePresenter from "../usePresenter";
-import { renderHook } from '@testing-library/react-hooks';
-import { DEFAULT_ITEM_SPACINGS, DEFAULT_NUM_COLUMNS } from "../../gridList/useGridLayout";
-import { Constants } from "../../../commons/new";
-describe('SortableGridList presenter tests', () => {
-  const makeSUT = ({
-    numOfColumns = DEFAULT_NUM_COLUMNS,
-    itemSpacing = DEFAULT_ITEM_SPACINGS
-  }) => {
-    const itemSize = Constants.screenWidth / numOfColumns;
-    return renderHook(() => usePresenter(numOfColumns, itemSize, itemSpacing));
-  };
-  describe('ltr', () => {
-    it('getTranslationByOrderChange', () => {
-      let sut = makeSUT({});
-      expect(sut.result.current.getTranslationByOrderChange(0, 0)).toEqual({
-        x: 0,
-        y: 0
-      });
-      expect(sut.result.current.getTranslationByOrderChange(5, 1)).toEqual({
-        x: 16,
-        y: 16
-      });
-      expect(sut.result.current.getTranslationByOrderChange(2, 1)).toEqual({
-        x: 16,
-        y: 0
-      });
-      expect(sut.result.current.getTranslationByOrderChange(1, 2)).toEqual({
-        x: -16,
-        y: 0
-      });
-      sut = makeSUT({
-        numOfColumns: 5
-      });
-      expect(sut.result.current.getTranslationByOrderChange(0, 0)).toEqual({
-        x: 0,
-        y: 0
-      });
-      expect(sut.result.current.getTranslationByOrderChange(5, 1)).toEqual({
-        x: -16,
-        y: 16
-      });
-      expect(sut.result.current.getTranslationByOrderChange(2, 1)).toEqual({
-        x: 16,
-        y: 0
-      });
-      expect(sut.result.current.getTranslationByOrderChange(1, 2)).toEqual({
-        x: -16,
-        y: 0
-      });
-      sut = makeSUT({
-        itemSpacing: 30
-      });
-      expect(sut.result.current.getTranslationByOrderChange(0, 0)).toEqual({
-        x: 0,
-        y: 0
-      });
-      expect(sut.result.current.getTranslationByOrderChange(5, 1)).toEqual({
-        x: 30,
-        y: 30
-      });
-      expect(sut.result.current.getTranslationByOrderChange(2, 1)).toEqual({
-        x: 30,
-        y: 0
-      });
-      expect(sut.result.current.getTranslationByOrderChange(1, 2)).toEqual({
-        x: -30,
-        y: 0
-      });
-      sut = makeSUT({
-        numOfColumns: 5,
-        itemSpacing: 30
-      });
-      expect(sut.result.current.getTranslationByOrderChange(0, 0)).toEqual({
-        x: 0,
-        y: 0
-      });
-      expect(sut.result.current.getTranslationByOrderChange(5, 1)).toEqual({
-        x: -30,
-        y: 30
-      });
-      expect(sut.result.current.getTranslationByOrderChange(2, 1)).toEqual({
-        x: 30,
-        y: 0
-      });
-      expect(sut.result.current.getTranslationByOrderChange(1, 2)).toEqual({
-        x: -30,
-        y: 0
-      });
-    });
-    it('getOrderByPosition', () => {
-      let sut = makeSUT({});
-      expect(sut.result.current.getOrderByPosition(0, 0)).toEqual(0);
-      expect(sut.result.current.getOrderByPosition(200, 200)).toEqual(4);
-      expect(sut.result.current.getOrderByPosition(0, 200)).toEqual(3);
-      expect(sut.result.current.getOrderByPosition(200, 0)).toEqual(1);
-      sut = makeSUT({
-        numOfColumns: 5
-      });
-      expect(sut.result.current.getOrderByPosition(0, 0)).toEqual(0);
-      expect(sut.result.current.getOrderByPosition(200, 200)).toEqual(6);
-      expect(sut.result.current.getOrderByPosition(0, 200)).toEqual(5);
-      expect(sut.result.current.getOrderByPosition(200, 0)).toEqual(1);
-      sut = makeSUT({
-        itemSpacing: 30
-      });
-      expect(sut.result.current.getOrderByPosition(0, 0)).toEqual(0);
-      expect(sut.result.current.getOrderByPosition(200, 200)).toEqual(4);
-      expect(sut.result.current.getOrderByPosition(0, 200)).toEqual(3);
-      expect(sut.result.current.getOrderByPosition(200, 0)).toEqual(1);
-      sut = makeSUT({
-        numOfColumns: 5,
-        itemSpacing: 30
-      });
-      expect(sut.result.current.getOrderByPosition(0, 0)).toEqual(0);
-      expect(sut.result.current.getOrderByPosition(200, 200)).toEqual(6);
-      expect(sut.result.current.getOrderByPosition(0, 200)).toEqual(5);
-      expect(sut.result.current.getOrderByPosition(200, 0)).toEqual(1);
-    });
-  });
-  describe('rtl', () => {
-    beforeAll(() => Constants.isRTL = true);
-    afterAll(() => Constants.isRTL = false);
-    it('getTranslationByOrderChange', () => {
-      let sut = makeSUT({});
-      expect(sut.result.current.getTranslationByOrderChange(0, 0)).toEqual({
-        x: -0,
-        y: 0
-      });
-      expect(sut.result.current.getTranslationByOrderChange(5, 1)).toEqual({
-        x: -16,
-        y: 16
-      });
-      expect(sut.result.current.getTranslationByOrderChange(2, 1)).toEqual({
-        x: -16,
-        y: 0
-      });
-      expect(sut.result.current.getTranslationByOrderChange(1, 2)).toEqual({
-        x: 16,
-        y: 0
-      });
-      sut = makeSUT({
-        numOfColumns: 5
-      });
-      expect(sut.result.current.getTranslationByOrderChange(0, 0)).toEqual({
-        x: -0,
-        y: 0
-      });
-      expect(sut.result.current.getTranslationByOrderChange(5, 1)).toEqual({
-        x: 16,
-        y: 16
-      });
-      expect(sut.result.current.getTranslationByOrderChange(2, 1)).toEqual({
-        x: -16,
-        y: 0
-      });
-      expect(sut.result.current.getTranslationByOrderChange(1, 2)).toEqual({
-        x: 16,
-        y: 0
-      });
-      sut = makeSUT({
-        itemSpacing: 30
-      });
-      expect(sut.result.current.getTranslationByOrderChange(0, 0)).toEqual({
-        x: -0,
-        y: 0
-      });
-      expect(sut.result.current.getTranslationByOrderChange(5, 1)).toEqual({
-        x: -30,
-        y: 30
-      });
-      expect(sut.result.current.getTranslationByOrderChange(2, 1)).toEqual({
-        x: -30,
-        y: 0
-      });
-      expect(sut.result.current.getTranslationByOrderChange(1, 2)).toEqual({
-        x: 30,
-        y: 0
-      });
-      sut = makeSUT({
-        numOfColumns: 5,
-        itemSpacing: 30
-      });
-      expect(sut.result.current.getTranslationByOrderChange(0, 0)).toEqual({
-        x: -0,
-        y: 0
-      });
-      expect(sut.result.current.getTranslationByOrderChange(5, 1)).toEqual({
-        x: 30,
-        y: 30
-      });
-      expect(sut.result.current.getTranslationByOrderChange(2, 1)).toEqual({
-        x: -30,
-        y: 0
-      });
-      expect(sut.result.current.getTranslationByOrderChange(1, 2)).toEqual({
-        x: 30,
-        y: 0
-      });
-    });
-    it('getOrderByPosition', () => {
-      let sut = makeSUT({});
-      expect(sut.result.current.getOrderByPosition(0, 0)).toEqual(0);
-      expect(sut.result.current.getOrderByPosition(-200, 200)).toEqual(4);
-      expect(sut.result.current.getOrderByPosition(0, 200)).toEqual(3);
-      expect(sut.result.current.getOrderByPosition(-200, 0)).toEqual(1);
-      sut = makeSUT({
-        numOfColumns: 5
-      });
-      expect(sut.result.current.getOrderByPosition(0, 0)).toEqual(0);
-      expect(sut.result.current.getOrderByPosition(-200, 200)).toEqual(6);
-      expect(sut.result.current.getOrderByPosition(0, 200)).toEqual(5);
-      expect(sut.result.current.getOrderByPosition(-200, 0)).toEqual(1);
-      sut = makeSUT({
-        itemSpacing: 30
-      });
-      expect(sut.result.current.getOrderByPosition(0, 0)).toEqual(0);
-      expect(sut.result.current.getOrderByPosition(-200, 200)).toEqual(4);
-      expect(sut.result.current.getOrderByPosition(0, 200)).toEqual(3);
-      expect(sut.result.current.getOrderByPosition(-200, 0)).toEqual(1);
-      sut = makeSUT({
-        numOfColumns: 5,
-        itemSpacing: 30
-      });
-      expect(sut.result.current.getOrderByPosition(0, 0)).toEqual(0);
-      expect(sut.result.current.getOrderByPosition(-200, 200)).toEqual(6);
-      expect(sut.result.current.getOrderByPosition(0, 200)).toEqual(5);
-      expect(sut.result.current.getOrderByPosition(-200, 0)).toEqual(1);
-    });
-  });
-});

package/src/components/sortableList/__tests__/index.spec.js

@@ -1,105 +0,0 @@
-import _times from "lodash/times";
-import React, { useCallback } from 'react';
-import { render } from '@testing-library/react-native';
-import Text from "../../text";
-import View from "../../view";
-import SortableList from "../index";
-import { SortableListDriver } from "../SortableList.driver.new";
-import { SortableListItemDriver } from "../SortableListItem.driver.new";
-const defaultProps = {
-  testID: 'sortableList'
-};
-const ITEMS = _times(5, index => {
-  return {
-    text: `${index}`,
-    id: `${index}`
-  };
-});
-const TestCase = props => {
-  const renderItem = useCallback(({
-    item
-  }) => {
-    return <Text center testID={`item${item.id}`}>
-        {item.text}
-      </Text>;
-  }, []);
-  return <View flex>
-      <View flex useSafeArea>
-        <SortableList data={ITEMS} renderItem={renderItem} {...defaultProps} {...props} />
-      </View>
-    </View>;
-};
-describe('SortableList', () => {
-  it('SortableList onOrderChange is called - down', async () => {
-    const onOrderChange = jest.fn();
-    const renderTree = render(<TestCase onOrderChange={onOrderChange} />);
-    const sortableListDriver = SortableListDriver({
-      renderTree,
-      testID: 'sortableList'
-    });
-    expect(await sortableListDriver.exists()).toBeTruthy();
-    expect(onOrderChange).toHaveBeenCalledTimes(0);
-    const item1Driver = SortableListItemDriver({
-      renderTree,
-      testID: 'item1'
-    });
-    expect(await item1Driver.exists()).toBeTruthy();
-    await item1Driver.dragDown(1);
-    expect(onOrderChange).toHaveBeenCalledTimes(1);
-    expect(onOrderChange).toHaveBeenCalledWith([{
-      id: '0',
-      text: '0'
-    }, {
-      id: '2',
-      text: '2'
-    }, {
-      id: '1',
-      text: '1'
-    }, {
-      id: '3',
-      text: '3'
-    }, {
-      id: '4',
-      text: '4'
-    }], {
-      from: 1,
-      to: 2
-    });
-  });
-  it('SortableList onOrderChange is called - up', async () => {
-    const onOrderChange = jest.fn();
-    const renderTree = render(<TestCase onOrderChange={onOrderChange} />);
-    const sortableListDriver = SortableListDriver({
-      renderTree,
-      testID: 'sortableList'
-    });
-    expect(await sortableListDriver.exists()).toBeTruthy();
-    expect(onOrderChange).toHaveBeenCalledTimes(0);
-    const item4Driver = SortableListItemDriver({
-      renderTree,
-      testID: 'item4'
-    });
-    expect(await item4Driver.exists()).toBeTruthy();
-    await item4Driver.dragUp(3);
-    expect(onOrderChange).toHaveBeenCalledTimes(1);
-    expect(onOrderChange).toHaveBeenCalledWith([{
-      id: '0',
-      text: '0'
-    }, {
-      id: '4',
-      text: '4'
-    }, {
-      id: '1',
-      text: '1'
-    }, {
-      id: '2',
-      text: '2'
-    }, {
-      id: '3',
-      text: '3'
-    }], {
-      from: 4,
-      to: 1
-    });
-  });
-});

package/src/components/switch/__tests__/index.spec.js

@@ -1,96 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-import Switch from "../index";
-import { SwitchDriver } from "../Switch.driver";
-const testID = 'switch';
-const defaultProps = {
-  value: false,
-  onValueChange: jest.fn(),
-  disabled: false
-};
-const onColor = 'red';
-const offColor = 'grey';
-const testCase = (testID, props) => {
-  const renderTree = render(<Switch testID={testID} {...defaultProps} {...props} />);
-  return SwitchDriver({
-    renderTree,
-    testID
-  });
-};
-describe('Switch', () => {
-  it('Should fire onChange event', async () => {
-    const onChange = jest.fn();
-    const driver = testCase(testID, {
-      onValueChange: onChange
-    });
-    driver.press();
-    expect(onChange).toHaveBeenCalled();
-  });
-  it('Should fire onChange event with false value when toggling off', async () => {
-    const onChange = jest.fn();
-    const driver = testCase(testID, {
-      onValueChange: onChange,
-      value: true
-    });
-    driver.press();
-    expect(onChange).toHaveBeenCalledWith(false);
-  });
-  it('Should fire onChange event with true value when toggling on', async () => {
-    const onChange = jest.fn();
-    const driver = testCase(testID, {
-      onValueChange: onChange,
-      value: false
-    });
-    driver.press();
-    expect(onChange).toHaveBeenCalledWith(true);
-  });
-  it('Should not fire onChange when disabled', async () => {
-    const onValueChange = jest.fn();
-    const driver = testCase(testID, {
-      disabled: true,
-      onValueChange
-    });
-    driver.press();
-    expect(onValueChange).not.toHaveBeenCalled();
-  });
-  it('Accessibility value should be false when not checked', async () => {
-    const driver = testCase(testID, {
-      value: false
-    });
-    expect(driver.isChecked()).toBe(false);
-  });
-  it('Accessibility value should be checked when checked', async () => {
-    const driver = testCase(testID, {
-      value: true
-    });
-    expect(driver.isChecked()).toBe(true);
-  });
-  it('Should be disabled', async () => {
-    const driver = testCase(testID, {
-      disabled: true
-    });
-    expect(driver.isDisabled()).toBe(true);
-  });
-  it('Should be disabled', async () => {
-    const driver = testCase(testID, {
-      disabled: false
-    });
-    expect(driver.isDisabled()).toBe(false);
-  });
-  it('Should pass correct color when on', async () => {
-    const driver = testCase(testID, {
-      value: true,
-      onColor,
-      offColor
-    });
-    expect(driver.getStyle()?.backgroundColor).toBe(onColor);
-  });
-  it('Should pass correct color when off', async () => {
-    const driver = testCase(testID, {
-      value: false,
-      onColor,
-      offColor
-    });
-    expect(driver.getStyle()?.backgroundColor).toBe(offColor);
-  });
-});

package/src/components/text/__tests__/index.driver.spec.js

@@ -1,124 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-import { TextDriver } from "../Text.driver.new";
-import { StyleSheet } from 'react-native';
-const TEXT_ID = 'text_test_id';
-const TEXT_CONTENT = 'text content';
-function WrapperScreenWithText(textProps = {}) {
-  const {
-    onPress
-  } = textProps;
-  const Text = require("../index").default;
-  return <Text testID={TEXT_ID} onPress={onPress}>
-      {TEXT_CONTENT}
-    </Text>;
-}
-const getDriver = (textProps = {}) => {
-  const {
-    onPress
-  } = textProps;
-  const renderTree = render(<WrapperScreenWithText onPress={onPress} />);
-  const textDriver = TextDriver({
-    renderTree,
-    testID: TEXT_ID
-  });
-  return {
-    textDriver
-  };
-};
-describe('Text', () => {
-  it('should render Text Component', () => {
-    const {
-      textDriver
-    } = getDriver();
-    const content = textDriver.getText();
-    expect(content).toEqual(TEXT_CONTENT);
-  });
-  it('should return empty string', () => {
-    const Text = require("../").default;
-    const renderTree = render(<Text testID={TEXT_ID} />);
-    const textDriver = TextDriver({
-      renderTree,
-      testID: TEXT_ID
-    });
-    const content = textDriver.getText();
-    expect(content).toEqual('');
-  });
-  it('should not return a string as text', () => {
-    const Text = require("../").default;
-    const renderTree = render(<Text testID={TEXT_ID}><Text>This is a text</Text></Text>);
-    const textDriver = TextDriver({
-      renderTree,
-      testID: TEXT_ID
-    });
-    const content = textDriver.getText();
-    expect(content.length).toBe(1);
-    expect(typeof content[0]).not.toBe('string');
-  });
-  describe('onPress', () => {
-    it('should press the text, and run callback', () => {
-      const onPressCallback = jest.fn();
-      const {
-        textDriver
-      } = getDriver({
-        onPress: onPressCallback
-      });
-      textDriver.press();
-      expect(onPressCallback).toHaveBeenCalledTimes(1);
-    });
-    it('should not be pressable if onPress prop is not supplied', () => {
-      const {
-        textDriver
-      } = getDriver();
-      expect(textDriver.hasOnPress()).toBeFalsy();
-    });
-  });
-  const setConstants = (isAndroid, isRTL) => {
-    const {
-      Constants
-    } = require("../../../commons/new");
-    Constants.isAndroid = isAndroid;
-    Constants.isIOS = !isAndroid;
-    Constants.isRTL = isRTL;
-  };
-  describe('Text alignment', () => {
-    it('Should always align text to left on Android (LTR/RTL)', () => {
-      jest.isolateModules(() => {
-        setConstants(true, true);
-        const {
-          textDriver
-        } = getDriver();
-        const textStyle = textDriver.getElement().props.style;
-        expect(StyleSheet.flatten(textStyle).textAlign).toEqual(undefined);
-      });
-      jest.isolateModules(() => {
-        setConstants(true, false);
-        const {
-          textDriver
-        } = getDriver();
-        const textStyle = textDriver.getElement().props.style;
-        expect(StyleSheet.flatten(textStyle).textAlign).toEqual(undefined);
-      });
-    });
-    it('Should have text of right on iOS RTL', () => {
-      jest.isolateModules(() => {
-        setConstants(false, true);
-        const {
-          textDriver
-        } = getDriver();
-        const textStyle = textDriver.getElement().props.style;
-        expect(StyleSheet.flatten(textStyle).writingDirection).toEqual('rtl');
-      });
-    });
-    it('Should have text of left on iOS LTR', () => {
-      jest.isolateModules(() => {
-        setConstants(false, false);
-        const {
-          textDriver
-        } = getDriver();
-        const textStyle = textDriver.getElement().props.style;
-        expect(StyleSheet.flatten(textStyle).writingDirection).toEqual('ltr');
-      });
-    });
-  });
-});