refactor

Author: lucasgoral

cypress/support/component.tsx

@@ -20,7 +20,8 @@ import { ThemeProvider } from '@ui5/webcomponents-react';
 import { mount } from 'cypress/react';
 // Import commands.js using ES2015 syntax:
 import './commands';
-import { FrontendConfigProvider } from '../../src/context/FrontendConfigContext';
+import { FrontendConfigContext } from '../../src/context/FrontendConfigContext';
+import { mockedFrontendConfig } from '../../src/utils/testing';
 
 // Augment the Cypress namespace to include type definitions for
 // your custom command.
@@ -38,9 +39,9 @@ declare global {
 
 Cypress.Commands.add('mount', (component, options) => {
   return mount(<ThemeProvider>
-    <FrontendConfigProvider>
-        {component}
-    </FrontendConfigProvider>
+    <FrontendConfigContext value={mockedFrontendConfig}>
+      {component}
+    </FrontendConfigContext>
   </ThemeProvider>, options);
 });
 

src/context/FrontendConfigContext.tsx

@@ -1,12 +1,12 @@
 import { ReactNode, createContext, use } from 'react';
 import { DocLinkCreator } from '../lib/shared/links';
-import { isInTestingMode } from '../utils';
 
 export enum Landscape {
   Live = 'LIVE',
   Canary = 'CANARY',
   Staging = 'STAGING',
   Development = 'DEV',
+  Local = 'LOCAL',
 }
 
 interface FrontendConfigContextProps {
@@ -16,12 +16,12 @@ interface FrontendConfigContextProps {
   links: DocLinkCreator;
 }
 
-const FrontendConfigContext = createContext<FrontendConfigContextProps | null>(
+export const FrontendConfigContext = createContext<FrontendConfigContextProps | null>(
   null,
 );
 
 
-const fetchPromise = fetch(isInTestingMode ? '/__cypress/src/frontend-config.json': '/frontend-config.json').then((res) => res.json());
+const fetchPromise = fetch('/frontend-config.json').then((res) => res.json());
 
 interface FrontendConfigProviderProps {
   children: ReactNode;

src/utils/index.ts

@@ -11,4 +11,3 @@ export const projectnameToNamespace = (projectname: string) => {
   return `project-${projectname}`;
 };
 
-export const isInTestingMode:Boolean = !!window.Cypress;

src/utils/testing.ts

@@ -0,0 +1,11 @@
+import { DocLinkCreator } from '../lib/shared/links.ts';
+import { Landscape } from '../context/FrontendConfigContext.tsx';
+
+export const isInTestingMode: Boolean = !!window.Cypress;
+const documentationBaseUrl = 'http://localhost:3000';
+export const mockedFrontendConfig = {
+  backendUrl: 'http://localhost:3000',
+  landscape: Landscape.Local,
+  documentationBaseUrl: 'http://localhost:3000',
+  links: new DocLinkCreator(documentationBaseUrl),
+};