theoludwig/.profile
1
1
Fork 0
mirror of https://github.com/theoludwig/theoludwig.git synced 2025-05-29 22:37:44 +02:00
Code Issues Releases Activity

chore: better Prettier config for easier reviews

Browse Source
This commit is contained in:
Théo LUDWIG
2023-10-23 23:11:59 +02:00
parent c7ad15a465
commit e566ef6c38
105 changed files with 2138 additions and 2080 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
cypress/e2e/common/Header.cy.ts
View File

@ -1,62 +1,62 @@
describe('Common > Header', () => {
describe("Common > Header", () => {
beforeEach(() => {
return cy.visit('/')
return cy.visit("/")
})
it('should redirect to /blog on click of the blog link', () => {
cy.get('[data-cy=header-blog-link]')
it("should redirect to /blog on click of the blog link", () => {
cy.get("[data-cy=header-blog-link]")
.click()
.location('pathname')
.should('eq', '/blog')
.location("pathname")
.should("eq", "/blog")
})
it('should always be visible (sticky header)', () => {
cy.scrollTo('bottom').get('header').should('be.visible')
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)'
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-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)'
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 locale from English (default) to French', () => {
cy.get('h1').contains('Théo LUDWIG')
cy.get('[data-cy=locale-flag-text]').contains('English')
cy.get('[data-cy=locales-list]').should('not.be.visible')
cy.get('[data-cy=locale-click]').click()
cy.get('[data-cy=locales-list]').should('be.visible')
cy.get('[data-cy=locales-list] > li:first-child')
.contains('French')
describe("Switch Language", () => {
it("should switch locale from English (default) to French", () => {
cy.get("h1").contains("Théo LUDWIG")
cy.get("[data-cy=locale-flag-text]").contains("English")
cy.get("[data-cy=locales-list]").should("not.be.visible")
cy.get("[data-cy=locale-click]").click()
cy.get("[data-cy=locales-list]").should("be.visible")
cy.get("[data-cy=locales-list] > li:first-child")
.contains("French")
.click()
cy.get('[data-cy=locales-list]').should('not.be.visible')
cy.get('[data-cy=locale-flag-text]').contains('French')
cy.get('h1').contains('Théo LUDWIG')
cy.get("[data-cy=locales-list]").should("not.be.visible")
cy.get("[data-cy=locale-flag-text]").contains("French")
cy.get("h1").contains("Théo LUDWIG")
})
it('should close the locale list menu when clicking outside', () => {
cy.get('[data-cy=locales-list]').should('not.be.visible')
cy.get('[data-cy=locale-click]').click()
cy.get('[data-cy=locales-list]').should('be.visible')
cy.get('h1').click()
cy.get('[data-cy=locales-list]').should('not.be.visible')
it("should close the locale list menu when clicking outside", () => {
cy.get("[data-cy=locales-list]").should("not.be.visible")
cy.get("[data-cy=locale-click]").click()
cy.get("[data-cy=locales-list]").should("be.visible")
cy.get("h1").click()
cy.get("[data-cy=locales-list]").should("not.be.visible")
})
})
})

8
cypress/e2e/pages/404.cy.ts
View File

@ -1,10 +1,10 @@
describe('Page /404', () => {
describe("Page /404", () => {
beforeEach(() => {
return cy.visit('/404', { failOnStatusCode: false })
return cy.visit("/404", { failOnStatusCode: false })
})
it('should display the statusCode of 404', () => {
cy.get('[data-cy=status-code]').contains('404')
it("should display the statusCode of 404", () => {
cy.get("[data-cy=status-code]").contains("404")
})
})

16
cypress/e2e/pages/blog/[slug].cy.ts
View File

@ -1,14 +1,14 @@
describe('Page /blog/[slug]', () => {
it('should displays the first blog post (`hello-world`)', () => {
cy.visit('/blog/hello-world')
cy.get('[data-cy=locale-flag-text]').should('not.exist')
cy.get('h1').should('have.text', '👋 Hello, world!')
cy.get('.prose a:visible').should('have.attr', 'target', '_blank')
describe("Page /blog/[slug]", () => {
it("should displays the first blog post (`hello-world`)", () => {
cy.visit("/blog/hello-world")
cy.get("[data-cy=locale-flag-text]").should("not.exist")
cy.get("h1").should("have.text", "👋 Hello, world!")
cy.get(".prose a:visible").should("have.attr", "target", "_blank")
})
it("should redirect to /404 if the blog post doesn't exist", () => {
cy.visit('/blog/random-blog-post-not-found', { failOnStatusCode: false })
cy.get('[data-cy=status-code]').contains('404')
cy.visit("/blog/random-blog-post-not-found", { failOnStatusCode: false })
cy.get("[data-cy=status-code]").contains("404")
})
})

26
cypress/e2e/pages/blog/index.cy.ts
View File

@ -1,23 +1,23 @@
describe('Page /blog', () => {
it('should displays the blog posts sorted from newest to oldest', () => {
cy.visit('/blog')
cy.get('[data-cy=blog-posts] [data-cy=blog-post-title]')
describe("Page /blog", () => {
it("should displays the blog posts sorted from newest to oldest", () => {
cy.visit("/blog")
cy.get("[data-cy=blog-posts] [data-cy=blog-post-title]")
.last()
.should('have.text', '👋 Hello, world!')
cy.get('[data-cy=blog-posts] [data-cy=blog-post-description]')
.should("have.text", "👋 Hello, world!")
cy.get("[data-cy=blog-posts] [data-cy=blog-post-description]")
.last()
.should(
'have.text',
'First post of the blog, introduction and explanation of how this blog is made.'
"have.text",
"First post of the blog, introduction and explanation of how this blog is made.",
)
})
it('should redirect the user to the right blog post', () => {
cy.visit('/blog')
cy.get('[data-cy=hello-world]')
it("should redirect the user to the right blog post", () => {
cy.visit("/blog")
cy.get("[data-cy=hello-world]")
.click()
.location('pathname')
.should('eq', '/blog/hello-world')
.location("pathname")
.should("eq", "/blog/hello-world")
})
})

14
cypress/e2e/pages/index.cy.ts
View File

@ -1,16 +1,16 @@
describe('Page /', () => {
describe("Page /", () => {
beforeEach(() => {
return cy.visit('/')
return cy.visit("/")
})
it('should reveals the sections while scrolling except the about section', () => {
const sectionsReveals = ['#interests', '#skills', '#portfolio']
cy.get('#about').should('be.visible')
it("should reveals the sections while scrolling except the about section", () => {
const sectionsReveals = ["#interests", "#skills", "#portfolio"]
cy.get("#about").should("be.visible")
for (const section of sectionsReveals) {
cy.get(section)
.should('not.be.visible')
.should("not.be.visible")
.scrollIntoView()
.should('be.visible')
.should("be.visible")
}
})
})