Support Argos test

.github/workflows/ci-cd.yml

@@ -86,7 +86,7 @@ jobs:
           node-version: ${{ env.NODE_VERSION }}
           start-strategy: ${{ matrix.start_strategy }}
           spec-relative-path: ${{ matrix.test_spec }}
-      # - run: npm exec -- argos upload --token ${{ secrets.ARGOS_TOKEN }} cypress/screenshots
+      - run: npm exec -- argos upload --token ${{ secrets.ARGOS_TOKEN }} cypress/screenshots
 
   documentation-ci-cd:
     name: Test and Deploy Documentation to GitHub Pages

README.md

@@ -3,6 +3,7 @@ React Template <sup>![Node Version Badge is Missing][node version badge]</sup>
 
 [![License Badge][license badge]](https://www.apache.org/licenses/LICENSE-2.0)
 ![GitHub last commit (master)](https://img.shields.io/github/last-commit/QubitPi/react-template/master?logo=github&style=for-the-badge)
+[![Covered by Argos Visual Testing](https://argos-ci.com/badge.svg)](https://app.argos-ci.com/qubitpi/react-template/reference)
 
 License
 -------

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",