mirror of
https://github.com/theoludwig/react-component-form.git
synced 2024-07-17 07:30:13 +02:00
50 lines
1.8 KiB
TypeScript
50 lines
1.8 KiB
TypeScript
describe("Header", () => {
|
|
beforeEach(() => cy.visit("/"))
|
|
|
|
describe("Switch theme color (dark/light)", () => {
|
|
it("should switch theme from `dark` (default) to `light`", () => {
|
|
cy.get("[data-cy=switch-theme-dark]").should("be.visible")
|
|
cy.get("[data-cy=switch-theme-light]").should("not.be.visible")
|
|
cy.get("body").should(
|
|
"not.have.css",
|
|
"background-color",
|
|
"rgb(255, 255, 255)",
|
|
)
|
|
|
|
cy.get("[data-cy=switch-theme-click]").click()
|
|
|
|
cy.get("[data-cy=switch-theme-dark]").should("not.be.visible")
|
|
cy.get("[data-cy=switch-theme-light]").should("be.visible")
|
|
cy.get("body").should(
|
|
"have.css",
|
|
"background-color",
|
|
"rgb(255, 255, 255)",
|
|
)
|
|
})
|
|
})
|
|
|
|
describe("Switch Language", () => {
|
|
it("should switch language from EN (default) to FR", () => {
|
|
cy.get("[data-cy=main-description]").contains("This is an example")
|
|
cy.get("[data-cy=language-flag-text]").contains("EN")
|
|
cy.get("[data-cy=languages-list]").should("not.be.visible")
|
|
cy.get("[data-cy=language-click]").click()
|
|
cy.get("[data-cy=languages-list]").should("be.visible")
|
|
cy.get("[data-cy=languages-list] > li:first-child").contains("FR").click()
|
|
cy.get("[data-cy=languages-list]").should("not.be.visible")
|
|
cy.get("[data-cy=language-flag-text]").contains("FR")
|
|
cy.get("[data-cy=main-description]").contains("Ceci est un exemple")
|
|
})
|
|
|
|
it("should close the language list menu when clicking outside", () => {
|
|
cy.get("[data-cy=languages-list]").should("not.be.visible")
|
|
cy.get("[data-cy=language-click]").click()
|
|
cy.get("[data-cy=languages-list]").should("be.visible")
|
|
cy.get("[data-cy=main-description]").click()
|
|
cy.get("[data-cy=languages-list]").should("not.be.visible")
|
|
})
|
|
})
|
|
})
|
|
|
|
export {}
|