2
2
mirror of https://github.com/Thream/website.git synced 2024-07-21 09:28:32 +02:00
website/cypress/component/components/design/FormState.cy.tsx

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