react-native-select-input-ios/src/components/CustomKeyboard/__tests__/CustomKeyboard.spec.js

A React Native SelectInput for iOS and Android, which uses a keyboard with a Picker component

import React from 'react'
import renderer from 'react-test-renderer'

import CustomKeyboard from '../CustomKeyboard'

const props = {
  buttonsViewStyle: {
    backgroundColor: '#AAAAAA',
    borderColor: '#BBBBBB',
    borderBottomWidth: 1,
  },
  buttonsTextStyle: {
    color: '#CCCCCC',
    fontSize: 13
  },
  cancelKeyText: 'cancelKeyText',
  onCancelPress: jest.fn(),
  onSubmitPress: jest.fn(),
  submitKeyText: 'submitKeyText',
  visible: false,
  children: null
}

describe('CustomKeyboard', () => {
  describe('rendering', () => {
    test('renders correctly with given props', () => {
      const customKeyboard = renderer.create(<CustomKeyboard {...props} />)
      expect(customKeyboard).toMatchSnapshot()
    })
  })

  describe('callbacks', () => {
    const onCancelPress = jest.fn()
    const onSubmitPress = jest.fn()

    const customKeyboard = renderer
      .create(
        <CustomKeyboard
          {...props}
          onCancelPress={onCancelPress}
          onSubmitPress={onSubmitPress}
        />
      )
      .getInstance()

    test('call onCancelPress prop correctly', () => {
      customKeyboard.onCancelPress()
      expect(onCancelPress).toBeCalled()
    })

    test('call onSubmitPress prop correctly', () => {
      customKeyboard.onSubmitPress()
      expect(onSubmitPress).toBeCalled()
    })
  })
})