mirror of
https://github.com/theoludwig/theoludwig.git
synced 2024-12-08 00:44:30 +01:00
48 lines
1.7 KiB
TypeScript
48 lines
1.7 KiB
TypeScript
|
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('h1').contains('I am Divlo')
|
||
|
|
cy.get('[data-cy=language-flag-text]').contains('EN')
|
||
|
|
cy.get('[data-cy=languages-list]').should('not.exist')
|
||
|
|
cy.get('[data-cy=language-click]').click()
|
||
|
|
cy.get('[data-cy=languages-list]').should('exist')
|
||
|
|
cy.get('[data-cy=languages-list] > li:first-child').contains('FR').click()
|
||
|
|
cy.get('[data-cy=languages-list]').should('not.exist')
|
||
|
|
cy.get('[data-cy=language-flag-text]').contains('FR')
|
||
|
|
cy.get('h1').contains('Je suis Divlo')
|
||
|
|
})
|
||
|
|
|
||
|
|
it('should close the language list menu when clicking outside', () => {
|
||
|
|
cy.get('[data-cy=languages-list]').should('not.exist')
|
||
|
|
cy.get('[data-cy=language-click]').click()
|
||
|
|
cy.get('[data-cy=languages-list]').should('exist')
|
||
|
|
cy.get('h1').click()
|
||
|
|
cy.get('[data-cy=languages-list]').should('not.exist')
|
||
|
|
})
|
||
|
|
})
|
||
|
|
})
|