36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
import { FormState } from '../../../../components/design/FormState'
|
|
|
|
describe('<FormState />', () => {
|
|
it('should return nothing if the state is idle', () => {
|
|
cy.mount(<FormState state='idle' />)
|
|
.get('[data-cy-root]')
|
|
.should('be.empty')
|
|
})
|
|
|
|
it('should return nothing if the message is null', () => {
|
|
cy.mount(<FormState state='error' />)
|
|
.get('[data-cy-root]')
|
|
.should('be.empty')
|
|
})
|
|
|
|
it('should render the <Loader /> if state is loading', () => {
|
|
cy.mount(<FormState state='loading' />)
|
|
.get('[data-cy=loader]')
|
|
.should('be.visible')
|
|
})
|
|
|
|
it('should render the success message if state is success', () => {
|
|
const message = 'Success Message'
|
|
cy.mount(<FormState state='success' message={message} id='success' />)
|
|
.get('#success')
|
|
.contains(message)
|
|
})
|
|
|
|
it('should render the error message if state is error', () => {
|
|
const message = 'Error Message'
|
|
cy.mount(<FormState state='error' message={message} id='error' />)
|
|
.get('#error')
|
|
.contains(message)
|
|
})
|
|
})
|