react-native-material-textfield/src/components/label/test.js

Material textfield

import 'react-native';
import React from 'react';
import { Animated } from 'react-native';
import renderer from 'react-test-renderer';

import Label from '.';

/* eslint-env jest */

const props = {
  fontSize: 16,
  activeFontSize: 12,

  contentInset: { label: 4 },

  baseColor: 'black',
  tintColor: 'blue',
  errorColor: 'red',

  offset: { x0: 0, y0: 0, x1: 0, y1: 0 },

  focusAnimation: new Animated.Value(0),
  labelAnimation: new Animated.Value(0),
  label: 'test',
};

it('renders label', () => {
  let label = renderer
    .create(<Label {...props} />);

  expect(label.toJSON())
    .toMatchSnapshot();
});

it('renders empty label', () => {
  let label = renderer
    .create(<Label {...props} label={null} />);

  expect(label.toJSON())
    .toMatchSnapshot();
});

it('renders active label', () => {
  let label = renderer
    .create(
      <Label {...props} labelAnimation={new Animated.Value(1)} />
    );

  expect(label.toJSON())
    .toMatchSnapshot();
});

it('renders active focused label', () => {
  let label = renderer
    .create(
      <Label
        {...props}
        labelAnimation={new Animated.Value(1)}
        focusAnimation={new Animated.Value(1)}
      />
    );

  expect(label.toJSON())
    .toMatchSnapshot();
});

it('renders errored label', () => {
  let label = renderer
    .create(
      <Label
        {...props}
        labelAnimation={new Animated.Value(0)}
        focusAnimation={new Animated.Value(-1)}
      />
    );

  expect(label.toJSON())
    .toMatchSnapshot();
});

it('renders active errored label', () => {
  let label = renderer
    .create(
      <Label
        {...props}
        labelAnimation={new Animated.Value(1)}
        focusAnimation={new Animated.Value(-1)}
      />
    );

  expect(label.toJSON())
    .toMatchSnapshot();
});

it('renders restricted label', () => {
  let label = renderer
    .create(
      <Label restricted={true} {...props} />
    );

  expect(label.toJSON())
    .toMatchSnapshot();
});

it('renders styled label', () => {
  let style = { textTransform: 'uppercase' };
  let label = renderer
    .create(
      <Label style={style} {...props} />
    );

  expect(label.toJSON())
    .toMatchSnapshot();
});