describe('Common > 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( '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 {}