diff --git a/testing/cypress.json b/testing/cypress.json
new file mode 100644
index 0000000000000000000000000000000000000000..e18754fa569e45f439936214f1eb3f676ca702ac
--- /dev/null
+++ b/testing/cypress.json
@@ -0,0 +1,3 @@
+{
+    "baseUrl": "http://localhost:80"
+}
diff --git a/testing/integration/client-spec.ts b/testing/integration/client-spec.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e0691e711a3063662106e50d3102f8064e65f58b
--- /dev/null
+++ b/testing/integration/client-spec.ts
@@ -0,0 +1,29 @@
+const loadingText = "Select a parcel to load data";
+const appSel ="div#app";
+const parcelChartSel ="canvas#parcelChart";
+const mapSel = ".ol-layer > canvas";
+
+
+describe('VS App', () => {
+
+    beforeEach(() => {
+        cy.visit('/');
+        // This is necessary because we want to click a canvas element
+        // and cypress has no idea when it has been loaded.
+        cy.wait(3000);
+    });
+
+     it('Testing zoom button', () => {
+        // cy.get(appSel).debug()
+        cy.get('.anno-content > :nth-child(1)').should("contain", "Welcome to the Catalog Client");
+        cy.get('.anno-btn-low-importance').click();
+        // cy.get('.ol-zoom-in')
+        // cy.get('.ol-zoom-in').click()
+    });
+    it('Testing header', () => {
+        cy.get('#header > h3').should("contain" , "PRISM View Server")
+    });
+
+
+})
+
diff --git a/testing/run_integration_test.sh b/testing/run_integration_test.sh
index e360d10b912a315bae99b985e528752adab53739..d202a27f8b18ad7480a0fcaa94759c2654355022 100755
--- a/testing/run_integration_test.sh
+++ b/testing/run_integration_test.sh
@@ -51,6 +51,8 @@ sleep 80  # run ingestor
 kubectl exec deployment/my-helm-release-ingestor -- ls /var/ingestor/success > success_list.csv
 kubectl exec deployment/my-helm-release-ingestor -- ls /var/ingestor/fail > failure_list.csv
 
+# client testing
+docker run --name cypress --network host -v ${PWD}:/mnt/ --rm -t --user 1000:1000 cypress/browsers:node16.14.0-slim-chrome99-ff97 bash -c "cd /mnt && npm ci && npm run e2e"
 # fetch logs for ingestor tests
 kubectl logs $(kubectl get po -l app.kubernetes.io/name=ingestor -o name | cut -d'/' -f2) > ingestor_log.txt
 # sleep 10  # not sure why we wait here?
diff --git a/testing/tsconfig.json b/testing/tsconfig.json
new file mode 100644
index 0000000000000000000000000000000000000000..a599a71442f55a1b5a61b26478b5ab06cbb5abcb
--- /dev/null
+++ b/testing/tsconfig.json
@@ -0,0 +1,9 @@
+{
+    "compilerOptions": {
+      "target": "es5",
+      "lib": ["es5", "dom"],
+      "types": ["cypress"]
+    },
+    "include": ["**/*.ts"]
+  }
+  
\ No newline at end of file