From 721afa4aa4679875243f3a4b5159030566b621f5 Mon Sep 17 00:00:00 2001
From: Michal Zielenkiewicz <michal@oasisprotocol.org>
Date: Wed, 6 Nov 2024 12:57:08 +0100
Subject: [PATCH] Override API in e2e tests to allow quick backend switch

---
 .changelog/2089.internal.md                   |  1 +
 playwright/utils/mockApi.ts                   |  1 +
 .../Footer/__tests__/index.test.tsx           |  6 -----
 .../AccountPage/__tests__/index.test.tsx      |  2 +-
 src/types/env.d.ts                            | 26 +++++++++++++------
 src/vendors/backend.ts                        |  5 +++-
 6 files changed, 25 insertions(+), 16 deletions(-)
 create mode 100644 .changelog/2089.internal.md

diff --git a/.changelog/2089.internal.md b/.changelog/2089.internal.md
new file mode 100644
index 0000000000..fc7c6ba7eb
--- /dev/null
+++ b/.changelog/2089.internal.md
@@ -0,0 +1 @@
+Override API in e2e tests to allow quick backend switch
diff --git a/playwright/utils/mockApi.ts b/playwright/utils/mockApi.ts
index a2f8e3f210..a5be1a9690 100644
--- a/playwright/utils/mockApi.ts
+++ b/playwright/utils/mockApi.ts
@@ -9,6 +9,7 @@ import type {
 } from '../../src/vendors/oasisscan/index'
 
 export async function mockApi(context: BrowserContext | Page, balance: number) {
+  await context.addInitScript(() => ((window as any).REACT_APP_BACKEND = 'oasisscan'))
   await context.route('**/chain/account/info/*', route => {
     route.fulfill({
       body: JSON.stringify({
diff --git a/src/app/components/Footer/__tests__/index.test.tsx b/src/app/components/Footer/__tests__/index.test.tsx
index ce7bafb176..8f93fe9be3 100644
--- a/src/app/components/Footer/__tests__/index.test.tsx
+++ b/src/app/components/Footer/__tests__/index.test.tsx
@@ -60,12 +60,6 @@ describe('<Footer />', () => {
     )
   })
 
-  it('should render backend label', () => {
-    renderComponent(store, 'large')
-
-    expect(screen.getByText(/Oasis Scan API/)).toBeInTheDocument()
-  })
-
   it('should render mobile version of footer', () => {
     renderComponent(store, 'small')
 
diff --git a/src/app/pages/AccountPage/__tests__/index.test.tsx b/src/app/pages/AccountPage/__tests__/index.test.tsx
index 14e7aa3ba5..7abbca8966 100644
--- a/src/app/pages/AccountPage/__tests__/index.test.tsx
+++ b/src/app/pages/AccountPage/__tests__/index.test.tsx
@@ -90,7 +90,7 @@ describe('<AccountPage  />', () => {
       }),
     )
     const page = renderPage(store, ['/account/oasis1qz0k5q8vjqvu4s4nwxyj406ylnflkc4vrcjghuwk'])
-    expect(page.container).toHaveTextContent('Oasis Scan API appears to be down')
+    expect(page.container).toHaveTextContent(/API appears to be down/)
     const balance = await screen.findByTestId('account-balance-total')
     expect(balance).toHaveTextContent('-')
     const balanceSummary = await screen.findByTestId('account-balance-summary')
diff --git a/src/types/env.d.ts b/src/types/env.d.ts
index 2729c5c38e..47f2bb0dd1 100644
--- a/src/types/env.d.ts
+++ b/src/types/env.d.ts
@@ -1,10 +1,20 @@
-declare namespace NodeJS {
-  export interface ProcessEnv {
-    REACT_APP_BACKEND: 'oasismonitor' | 'oasisscan' | 'oasisscanV2' | 'nexus'
-    REACT_APP_TRANSAK_URL: string
-    REACT_APP_TRANSAK_PARTNER_ID: string
-    REACT_APP_LOCALNET: '1' | undefined
-    REACT_APP_E2E_TEST: '1' | undefined
-    NODE_ENV: 'development' | 'production' | 'test'
+type Backend = 'oasismonitor' | 'oasisscan' | 'oasisscanV2' | 'nexus'
+
+declare global {
+  namespace NodeJS {
+    export interface ProcessEnv {
+      REACT_APP_BACKEND: Backend
+      REACT_APP_TRANSAK_URL: string
+      REACT_APP_TRANSAK_PARTNER_ID: string
+      REACT_APP_LOCALNET: '1' | undefined
+      REACT_APP_E2E_TEST: '1' | undefined
+      NODE_ENV: 'development' | 'production' | 'test'
+    }
+  }
+
+  interface Window {
+    REACT_APP_BACKEND: Backend
   }
 }
+
+export {}
diff --git a/src/vendors/backend.ts b/src/vendors/backend.ts
index f1501dff56..e308ffd34e 100644
--- a/src/vendors/backend.ts
+++ b/src/vendors/backend.ts
@@ -11,5 +11,8 @@ const backendNameToApi = {
   [BackendAPIs.Nexus]: getNexusAPIs,
 }
 
-export const backend = () => process.env.REACT_APP_BACKEND || BackendAPIs.OasisMonitor
+export const backend = () =>
+  (process.env.REACT_APP_E2E_TEST && window.REACT_APP_BACKEND) ||
+  process.env.REACT_APP_BACKEND ||
+  BackendAPIs.OasisMonitor
 export const backendApi = backendNameToApi[backend()]