website/cypress/e2e/common/Header.cy.ts

describe("Common > Header", () => {
  beforeEach(() => {
    return 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(
        "Your open source platform to stay close with your friends and communities, talk, chat, collaborate, share and have fun.",
      )
      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(
        "Votre plateforme open source pour rester proche de vos amis et communautés, parler, discuter, collaborer, partager et amusez-vous.",
      )
    })

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