initial cypress test for nav img

README.md

@@ -49,4 +49,8 @@ yarn preview
 - [x] Mobile optimization
 - [x] Edge runtime
 
-## Testing 
+## Cypress Testing 
+To run the tests use the following command
+`npx cypress run`
+
+You may find the spec tests under `cypress/e2e/*.cy.ts`. You may add additional tests to the existing file or start a new file in the same directory. Files in the `cypress/e2e` directory will automatically be picked up. 

cypress.config.ts

@@ -0,0 +1,15 @@
+import { defineConfig } from 'cypress'
+
+// example EVN vars can use in spec like the following:
+// cy.visit(Cypress.env('proto')+'://'+Cypress.env('host')+'/');`
+export default defineConfig({
+  projectId: 'ENF EVM Faucet',
+  e2e: {
+    baseUrl: 'http://localhost:4173',
+  },
+  //env: {
+  //    proto: 'http',
+  //    host: '10.10.10.1:4173',
+  //},
+  video: false,
+})

cypress/e2e/base_page_check.cy.ts

@@ -0,0 +1,6 @@
+describe('Base Page', () => {
+  it('navigation has image', () => {
+    cy.visit('/');
+    cy.get('nav').find('img').should('have.attr', 'src', '/eos-evm.svg');
+  });
+});

cypress/support/commands.ts

@@ -0,0 +1,5 @@
+// Example of a custom command
+Cypress.Commands.add('dataCy', (value) => {
+	return cy.get(`[data-cy=${value}]`)
+});
+

cypress/support/e2e.ts

@@ -0,0 +1,15 @@
+import './commands'
+
+// <reference types="cypress" />
+
+declare global {
+    namespace Cypress {
+        interface Chainable {
+            /**
+            * Custom command to select DOM element by data-cy attribute.
+            * @example cy.dataCy('greeting')
+            */
+            dataCy(value: string): Chainable<Element>;
+        }
+    }
+}

cypress/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "target": "es6",
+    "lib": ["es6", "dom"],
+    "types": ["cypress", "node"]
+  },
+  "include": ["**/*.ts"]
+}

package.json

@@ -21,7 +21,7 @@
         "@wharfkit/session": "latest",
         "@wharfkit/wallet-plugin-privatekey": "latest",
         "autoprefixer": "^10.4.7",
-        "cypress": "^12.11.0",
+        "cypress": "^12.14.0",
         "dayjs": "1.x",
         "dotenv": "^16.0.3",
         "eslint": "^8.28.0",

yarn.lock

@@ -1037,7 +1037,7 @@ cssesc@^3.0.0:
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
   integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
 
-cypress@^12.11.0:
+cypress@^12.14.0:
   version "12.14.0"
   resolved "https://registry.yarnpkg.com/cypress/-/cypress-12.14.0.tgz#37a19b85f5e9d881995e9fee1ddf41b3d3a623dd"
   integrity sha512-HiLIXKXZaIT1RT7sw1sVPt+qKtis3uYNm6KwC4qoYjabwLKaqZlyS/P+uVvvlBNcHIwL/BC6nQZajpbUd7hOgQ==