Update cypress tests

.gitignore

@@ -2,4 +2,5 @@ node_modules
 dist
 .cache
 .eslintcache
-.parcel-cache
+.parcel-cache
+cypress/downloads

cypress/e2e/tests/TC001.spec.js

@@ -20,4 +20,33 @@ describe("page bsn tool", () => {
   it("has an input field for bsn numbers", () => {
     cy.get("#bsn-number");
   });
+
+  it("should not display copy button when there is no input", () => {
+    cy.get("#bsn-number__copy-button").should("not.be.visible");
+  });
+
+  it("should display copy button when a valid bsn has been generated", () => {
+    cy.get("#bsn-generator-btn").click();
+    cy.get("#bsn-number__copy-button").should("be.visible");
+  });
+
+  it("should display copy icon when copy button is visible", () => {
+    cy.get("#bsn-generator-btn").click();
+    cy.get("#bsn-number__copy-icon").should("have.class", "fa fa-copy");
+  });
+
+  it("should display checkmark icon when copy button has been clicked", () => {
+    cy.get("#bsn-number").type("999999023");
+    cy.get("#bsn-validator-btn").click();
+    cy.get("#bsn-number__copy-button").realClick();
+    cy.get("#bsn-number__copy-icon").should("have.class", "fa fa-check");
+  });
+
+  it("should hide copy button when input has changed", () => {
+    cy.get("#bsn-number").type("999999023");
+    cy.get("#bsn-validator-btn").click();
+    cy.get("#bsn-number__copy-button").should("exist");
+    cy.get("#bsn-number").type("555");
+    cy.get("#bsn-number__copy-button").should("not.be.visible");
+  });
 });

cypress/support/commands.js

@@ -23,3 +23,5 @@
 //
 // -- This will overwrite an existing command --
 // Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+// eslint-disable-next-line import/no-extraneous-dependencies
+import "cypress-real-events";

cypress/tsconfig.json

@@ -1,9 +1,9 @@
 {
-	"compilerOptions": {
-		"allowJs": true,
-		"baseUrl": "../node_modules",
-		"types": ["cypress"],
-		"outDir": "lib"
-	},
-	"include": ["**/*.*"]
+  "compilerOptions": {
+    "allowJs": true,
+    "baseUrl": "../node_modules",
+    "outDir": "lib",
+    "types": ["cypress", "node", "cypress-real-events"],
+  },
+  "include": ["**/*.*"],
 }

package.json

@@ -19,7 +19,8 @@
   "license": "ISC",
   "dependencies": {
     "bsn-js": "^1.0.4",
-    "cypress": "^13.6.4"
+    "cypress": "^13.6.4",
+    "cypress-real-events": "^1.11.0"
   },
   "devDependencies": {
     "eslint": "^8.55.0",