Add setup

cypress/e2e/screenshot.spec.cy.ts

@@ -0,0 +1,21 @@
+// Copyright 2023 Paion Data. All rights reserved.
+
+import "@argos-ci/cypress/support";
+
+describe("Argos tests", () => {
+  beforeEach(() => {
+    cy.visit("http://localhost:3000/");
+  });
+
+  it("test", () => {
+    const baseUrl = "http://localhost:3000";
+    const pages = [{ name: "homepage", path: "/" }];
+
+    for (const { name, path } of pages) {
+      it(`Screenshots for ${name}`, () => {
+        cy.visit(`${baseUrl}${path}`);
+        cy.argosScreenshot(name);
+      });
+    }
+  });
+});

cypress/tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "target": "es5",
     "lib": ["es5", "dom"],
-    "types": ["cypress", "node"],
+    "types": ["cypress", "@argos-ci/cypress", "node"],
     "strictNullChecks": true
   },
   "include": ["**/*.ts"]

package.json

@@ -33,6 +33,8 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
+    "@argos-ci/cli": "^1.0.4",
+    "@argos-ci/cypress": "^1.2.2",
     "@babel/cli": "^7.23.4",
     "@babel/core": "^7.23.6",
     "@babel/preset-env": "^7.23.6",