react-native-ui-lib/src/components/hint/__tests__/index.spec.js

<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a

import React from 'react';
import {Hint} from 'react-native-ui-lib';
import {Colors} from '../../../style';
import {render, findStyle} from '../../../uilib-test-renderer';

const HintTestComponent = ({showHint, color}) => {
  return (
    <Hint
      visible={showHint}
      message={'Hint message to hint things'}
      position={Hint.positions.TOP}
      useSideTip
      key={'1'}
      targetFrame={{x: 1, y: 1, height: 1, width: 1}}
      onBackgroundPress={() => {}}
      color={color}
      removePaddings
      enableShadow
      testID={'Hint'}
    />
  );
};

describe('Hint Screen component test', () => {
  it('Test Hint component background color', async () => {
    const hintTestId = 'Hint.message';

    const expectedColor = Colors.primary;
    const element = <HintTestComponent showHint/>;

    const {getByTestId, rerender} = render(element);

    const wrapper = getByTestId('Hint');
    expect(wrapper).toBeTruthy();

    const hint = getByTestId(hintTestId);
    let color = findStyle('backgroundColor', hint);

    expect(color).toBe(expectedColor);
    expect(hint).toBeTruthy();

    rerender(<HintTestComponent showHint color={Colors.white}/>);
    color = findStyle('backgroundColor', hint);
    expect(color).toBe(Colors.white);
  });

  it('Test Hint modal is not visible when showHint is false', async () => {
    const renderTree = render(<HintTestComponent showHint={false}/>);
    const modal = renderTree.queryByTestId('Hint.modal');
    expect(modal).toBeNull();
  });

  it('Test Hint modal is visible when showHint is true', async () => {
    const renderTree = render(<HintTestComponent showHint/>);
    const hint = renderTree.getByTestId('Hint');
    expect(hint).toBeTruthy();
    expect(renderTree.queryAllByTestId('Hint.modal')).toBeTruthy();
  });
});