adding test

Author: mschile

support.js

@@ -66,16 +66,11 @@ const registerHooks = () => {
     windowCoverageObjects = []
 
     const saveCoverageObject = (win) => {
-      // accessing win.__coverage__ will error when testing cross-origin code
-      // because we don't control cross-origin code anyway, we can safely return
-      try {
-        win.__coverage__
-      } catch {
-        return
-      }
-
-      // if application code has been instrumented, the app iframe "window" has an object
-      const applicationSourceCoverage = win.__coverage__
+      // if the application code has been instrumented, then the app iframe "win.__coverage__" will be available,
+      // in addition, accessing win.__coverage__ can throw when testing cross-origin code,
+      // because we don't control the cross-origin code, we can safely return
+      let applicationSourceCoverage
+      try { applicationSourceCoverage = win?.__coverage__ } catch {}
       if (!applicationSourceCoverage) {
         return
       }

test-apps/frontend/.babelrc

@@ -1,3 +1,4 @@
 {
-  "plugins": ["istanbul"]
+  "plugins": ["istanbul"],
+  "ignore": ["**/*.cy.js"]
 }

test-apps/frontend/cypress.config.js

@@ -6,6 +6,9 @@ module.exports = defineConfig({
     setupNodeEvents(on, config) {
       return require('./cypress/plugins/index.js')(on, config)
     },
+    hosts: {
+      'foobar.com': '127.0.0.1',
+    },
     baseUrl: 'http://localhost:1234',
     env: {
       codeCoverage: {

test-apps/frontend/cypress/e2e/spec.cy.js

@@ -25,6 +25,16 @@ context('Page test', () => {
     cy.contains('h2', 'About')
     cy.contains('Est. 2019')
   })
+
+  it('loads cross origin page using cy.origin', () => {
+    cy.origin('http://foobar.com:1234', () => {
+      cy.visit('/')
+    })
+  })
+
+  it('loads cross origin page without cy.origin', () => {
+    cy.visit('http://foobar.com:1234')
+  })
 })
 
 context('Unit tests', () => {