ignite-router-flux/boilerplate/Tests/Components/AlertMessageTest.js

Infinite Red's hot boilerplate for React Native.

import 'react-native'
import React from 'react'
import AlertMessage from '../../App/Components/AlertMessage'
import renderer from 'react-test-renderer'

test('AlertMessage component renders correctly if show is true', () => {
  const tree = renderer.create(<AlertMessage title='howdy' />).toJSON()
  expect(tree).toMatchSnapshot()
})

test('AlertMessage component does not render if show is false', () => {
  const tree = renderer.create(<AlertMessage title='howdy' show={false} />).toJSON()
  expect(tree).toMatchSnapshot()
})

test('AlertMessage component renders correctly if backgroundColor prop is set', () => {
  const tree = renderer.create(<AlertMessage title='howdy' style={{backgroundColor: 'red'}} />).toJSON()
  expect(tree).toMatchSnapshot()
})