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)
|
|
})
|
|
})
|