DateTimeLocalField.test.jsx

import React from 'react'
import { render } from '@testing-library/react'
import { DateTimeLocalField, ValidationContext } from '.'

const buildPayload = () => {
  return {
    type: 'datetime-local',
    defaultValue: '2004-06-15T01:02:03',
    max: '2010-08-15',
    min: '2000-06-15',
    name: 'post[birth_date]',
    id: 'post_birth_date',
  }
}

describe('DateTimeLocalField', () => {
  it('renders', () => {
    const payload = buildPayload()

    const { getByLabelText } = render(
      <DateTimeLocalField
        {...payload}
        label={'Birth Date'}
        errorKey={'birth_date'}
      />
    )

    const input = getByLabelText('Birth Date')

    expect(input.value).toEqual('2004-06-15T01:02:03')
    expect(input.max).toEqual('2010-08-15')
    expect(input.min).toEqual('2000-06-15')
    expect(input.type).toEqual('datetime-local')
  })

  it('renders with field errors', async () => {
    const payload = buildPayload()

    const validationErrors = {
      birth_date: 'birth invalid',
    }

    const { getByText } = render(
      <ValidationContext.Provider value={validationErrors}>
        <DateTimeLocalField
          {...payload}
          label={'Birth Date'}
          errorKey={'birth_date'}
        />
      </ValidationContext.Provider>
    )

    const errorField = getByText('birth invalid')
    expect(errorField).not.toBeNull()
  })
})