From bc705df1444b7d5c8de548b089bd55de06536ab1 Mon Sep 17 00:00:00 2001
From: Tim Donohue <tim.donohue@lyrasis.org>
Date: Fri, 4 Mar 2022 17:02:42 -0600
Subject: [PATCH] Check two locations for config.json, as it's in a different
 location in CI

---
 cypress/plugins/index.ts    | 23 +++++++++++++++++++++--
 cypress/support/commands.ts |  6 +++---
 2 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/cypress/plugins/index.ts b/cypress/plugins/index.ts
index c6eb874232..ead38afb92 100644
--- a/cypress/plugins/index.ts
+++ b/cypress/plugins/index.ts
@@ -1,15 +1,34 @@
+const fs = require('fs');
+
 // Plugins enable you to tap into, modify, or extend the internal behavior of Cypress
 // For more info, visit https://on.cypress.io/plugins-api
 module.exports = (on, config) => {
-    // Define "log" and "table" tasks, used for logging accessibility errors during CI
-    // Borrowed from https://github.com/component-driven/cypress-axe#in-cypress-plugins-file
     on('task', {
+        // Define "log" and "table" tasks, used for logging accessibility errors during CI
+        // Borrowed from https://github.com/component-driven/cypress-axe#in-cypress-plugins-file
         log(message: string) {
             console.log(message);
             return null;
         },
         table(message: string) {
             console.table(message);
+            return null;
+        },
+        // Cypress doesn't have access to the running application in Node.js.
+        // So, it's not possible to inject or load the AppConfig or environment of the Angular UI.
+        // Instead, we'll read our running application's config.json, which contains the configs &
+        // is regenerated at runtime each time the Angular UI application starts up.
+        readUIConfig() {
+            // Check if we have a config.json in the src/assets. If so, use that.
+            // This is where it's written when running "ng e2e" or "yarn serve"
+            if (fs.existsSync('./src/assets/config.json')) {
+                return fs.readFileSync('./src/assets/config.json', 'utf8');
+            // Otherwise, check the dist/browser/assets
+            // This is where it's written when running "serve:ssr", which is what CI uses to start the frontend
+            } else if (fs.existsSync('./dist/browser/assets/config.json')) {
+                return fs.readFileSync('./dist/browser/assets/config.json', 'utf8');
+            }
+
             return null;
         }
     });
diff --git a/cypress/support/commands.ts b/cypress/support/commands.ts
index d66e1ef0bd..30951d46f1 100644
--- a/cypress/support/commands.ts
+++ b/cypress/support/commands.ts
@@ -34,9 +34,9 @@ function login(email: string, password: string): void {
     // So, it's not possible to inject or load the AppConfig or environment of the Angular UI.
     // Instead, we'll read our running application's config.json, which contains the configs &
     // is regenerated at runtime each time the Angular UI application starts up.
-    cy.readFile('./src/assets/config.json').then((str) => {
-        // Parse JSON file into a JSON object
-        const config = JSON.parse(JSON.stringify(str));
+    cy.task('readUIConfig').then((str: string) => {
+        // Parse config into a JSON object
+        const config = JSON.parse(str);
 
         // Find the URL of our REST API. Have a fallback ready, just in case 'rest.baseUrl' cannot be found.
         let baseRestUrl = FALLBACK_TEST_REST_BASE_URL;