initial test addetion

testing/cypress.json

+{
+    "baseUrl": "http://localhost:80"
+}

testing/integration/client-spec.ts

+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")
+    });
+
+
+})
+

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?

testing/tsconfig.json

+{
+    "compilerOptions": {
+      "target": "es5",
+      "lib": ["es5", "dom"],
+      "types": ["cypress"]
+    },
+    "include": ["**/*.ts"]
+  }
+  
\ No newline at end of file