owenrees/echecsfrance
1
0
Fork 0
mirror of https://github.com/TheRealOwenRees/echecsfrance.git synced 2026-07-23 04:26:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

cypress best practices updated

Browse Source
This commit is contained in:
Owen Rees
2023-06-20 08:42:03 +02:00
parent ffbc8db21d
commit f1ef7cd3f2
13 changed files with 60 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files
cypress/component/mounting.cy.tsx
+11 -5
View File
@@ -4,11 +4,11 @@ import Contact from "@/app/contactez-nous/page";
const navbarFooterCheck = () => {
it("includes navbar", () => {
cy.get("nav");
cy.get("[data-cy='navbar']");
});
it("includes footer", () => {
cy.get("footer");
cy.get("[data-cy='footer']");
});
};
@@ -19,7 +19,9 @@ describe("Verify component mount", () => {
});
it("correct h1 tags with website name included", () => {
cy.get("h1").contains("echecs france", { matchCase: false });
cy.get("[data-cy='header1']").contains("echecs france", {
matchCase: false,
});
});
navbarFooterCheck();
@@ -31,7 +33,9 @@ describe("Verify component mount", () => {
});
it("correct h1 tags with page title included", () => {
cy.get("h2").contains("qui sommes-nous", { matchCase: false });
cy.get("[data-cy='header2']").contains("qui sommes-nous", {
matchCase: false,
});
});
navbarFooterCheck();
@@ -43,7 +47,9 @@ describe("Verify component mount", () => {
});
it("correct h1 tags with page title included", () => {
cy.get("h2").contains("contactez-nous", { matchCase: false });
cy.get("[data-cy='header2']").contains("contactez-nous", {
matchCase: false,
});
});
navbarFooterCheck();
cypress/component/themeToggle.cy.tsx
+5 -5
View File
@@ -10,17 +10,17 @@ describe("ThemeSwitcher component", () => {
cy.wait(100);
// checking that the toggle is there and light mode is active
cy.get(".toggle").should("exist");
cy.get(".toggle").should(($toggle) => {
cy.get("[data-cy='toggle']").should("exist");
cy.get("[data-cy='toggle']").should(($toggle) => {
const backgroundImage = $toggle.css("background-image");
expect(backgroundImage).to.include(
"linear-gradient(rgb(0, 255, 255), rgb(135, 206, 235)"
);
});
// checking that the toggle is clickable and dark mode is active
cy.get(".toggle").click();
cy.get(".toggle-dark").should("exist");
cy.get(".toggle-dark").should(($toggle) => {
cy.get("[data-cy='toggle']").click();
cy.get("[data-cy='toggle-dark']").should("exist");
cy.get("[data-cy='toggle-dark']").should(($toggle) => {
const backgroundImage = $toggle.css("background-image");
expect(backgroundImage).to.include(
"linear-gradient(rgb(25, 25, 112), rgb(102, 51, 153)"
cypress/e2e/links.cy.ts
+1 -1
View File
@@ -9,7 +9,7 @@ describe("Test all links", () => {
cy.viewport(600, 600);
cy.visit("/");
pages.forEach((page) => {
cy.get(".hamburger-button").click();
cy.get("[data-cy='hamburger-button']").click();
cy.contains(page, { matchCase: false }).click();
cy.location("pathname").should("eq", `/${navLinkToSlug(page)}`); // url path matches link name, replacing whitespace with hyphens
cy.go("back");
cypress/e2e/navbar.cy.tsx
+6 -6
View File
@@ -5,12 +5,12 @@ describe("Mobile Navbar", () => {
});
it("hamburger menu on mobile screens", () => {
cy.get(".mobile-menu").should("be.not.hidden");
cy.get(".desktop-menu").should("be.hidden");
cy.get("[data-cy='mobile-menu']").should("be.visible");
cy.get("[data-cy='desktop-menu']").should("be.not.visible");
});
it("hamburger button available", () => {
cy.get(".hamburger-button").should("be.visible");
cy.get("[data-cy='hamburger-button']").should("be.visible");
});
});
@@ -21,11 +21,11 @@ describe("Desktop Navbar", () => {
});
it("desktop menu on larger screens", () => {
cy.get(".mobile-menu").should("be.hidden");
cy.get(".desktop-menu").should("be.not.hidden");
cy.get("[data-cy='mobile-menu']").should("be.hidden");
cy.get("[data-cy='desktop-menu']").should("be.not.hidden");
});
it("hamburger button hidden", () => {
cy.get(".hamburger-button").should("be.not.visible");
cy.get("[data-cy='hamburger-button']").should("be.not.visible");
});
});