mirror of
https://github.com/theoludwig/theoludwig.git
synced 2024-09-19 22:15:53 +02:00
63 lines
2.1 KiB
TypeScript
63 lines
2.1 KiB
TypeScript
describe('Common > Header', () => {
|
|
beforeEach(() => {
|
|
return cy.visit('/')
|
|
})
|
|
|
|
it('should redirect to /blog on click of the blog link', () => {
|
|
cy.get('[data-cy=header-blog-link]')
|
|
.click()
|
|
.location('pathname')
|
|
.should('eq', '/blog')
|
|
})
|
|
|
|
it('should always be visible (sticky header)', () => {
|
|
cy.scrollTo('bottom').get('header').should('be.visible')
|
|
})
|
|
|
|
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('Théo LUDWIG')
|
|
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('h1').contains('Théo LUDWIG')
|
|
})
|
|
|
|
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('h1').click()
|
|
cy.get('[data-cy=languages-list]').should('not.be.visible')
|
|
})
|
|
})
|
|
})
|
|
|
|
export {}
|