Sha256: fed47712ffe4f87a12108d014fefa49e8771b86e447d40c719fdd5705de2f6af
Contents?: true
Size: 1.55 KB
Versions: 138
Compression:
Stored size: 1.55 KB
Contents
import React from 'react'
import { render, screen } from '../utilities/test-utils'
import PhoneNumberInput from './_phone_number_input'
const testId = "phoneNumberInput"
test('should be disabled', () => {
const props = {
disabled: true,
id: testId,
}
render(<PhoneNumberInput {...props} />)
const kit = screen.getByRole("textbox")
expect(kit).toBeDisabled()
})
test('should be enabled by default', () => {
const props = {
id: testId,
}
render(<PhoneNumberInput {...props} />)
const kit = screen.getByRole("textbox")
expect(kit).not.toBeDisabled()
})
test('should have label', () => {
const label = 'Phone Number'
const props = {
id: testId,
label,
}
render(<PhoneNumberInput {...props} />)
const kit = screen.getByText(label)
expect(kit).toBeInTheDocument()
})
test('should pass data prop', () => {
const props = {
data: { testid: testId },
id: testId,
}
render(<PhoneNumberInput {...props} />)
const kit = screen.getByTestId(testId)
expect(kit).toBeInTheDocument()
})
test('should pass className prop', () => {
const className = 'custom-class-name'
const props = {
className,
data: { testid: testId },
id: testId,
}
render(<PhoneNumberInput {...props} />)
const kit = screen.getByTestId(testId)
expect(kit).toHaveClass(className)
})
test('should pass value prop', () => {
const value = '1234567890'
const props = {
id: testId,
value,
}
render(<PhoneNumberInput {...props} />)
const kit = screen.getByRole("textbox")
expect(kit).toHaveDisplayValue(value)
})
Version data entries
138 entries across 138 versions & 1 rubygems