@abgov/nx-adsp 12.4.1 → 12.6.0

package/src/generators/angular-app/files/src/app/protected/protected.component.spec.ts__tmpl__

@@ -1,52 +1,36 @@
-import { ComponentFixture, TestBed, waitForAsync, inject } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
+import { Keycloak } from 'keycloak-angular';
 import { ProtectedComponent } from './protected.component';
-import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
-import TenantService from '../tenant.service';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from "@angular/platform-browser-dynamic/testing";
 
 describe('ProtectedComponent', () => {
-  let fixture: ComponentFixture<ProtectedComponent>;
-  let httpTestingController: HttpTestingController;
-  let envData = {"production":false,"access":{"url":"https://testurl.com","realm":"123","client_id":"urn:ads:platform:tenant-admin-app"},"tenantApi":{"host":"http://localhost:3333","endpoints":{"tenantNameByRealm":"/api/tenant/v1/realm"}}}
-
-  localStorage.setItem('envData', JSON.stringify(envData));
-  beforeAll( ()=> {
-    TestBed.initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());
+  const keycloakMock = {
+    authenticated: true,
+    tokenParsed: { name: 'Test User' },
+  };
+
+  let httpTesting: HttpTestingController;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ProtectedComponent],
+      providers: [
+        provideHttpClient(),
+        provideHttpClientTesting(),
+        { provide: Keycloak, useValue: keycloakMock },
+      ],
+    }).compileComponents();
+
+    httpTesting = TestBed.inject(HttpTestingController);
   });
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        declarations: [ProtectedComponent],
-        providers: [ProtectedComponent, TenantService],
-        imports: [HttpClientTestingModule],
-      }).compileComponents();
 
-      httpTestingController = TestBed.inject(HttpTestingController);
-    })
-  );
+  afterEach(() => httpTesting.verify());
 
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ProtectedComponent);
+  it('should create', () => {
+    const fixture = TestBed.createComponent(ProtectedComponent);
     fixture.detectChanges();
+    httpTesting.expectOne('/api/v1/private').flush({ message: 'Hello' });
+    expect(fixture.componentInstance).toBeTruthy();
   });
-
-  afterEach(() => {
-    httpTestingController.verify();
-  });
-
-  it('should create', (inject([TenantService, HttpTestingController],
-    () => {
-    const mockTenant = { status: 200, statusText: 'OK'}
-    const data = { name: 'Child Services' }
-    const req = httpTestingController.expectOne(
-     'http://localhost:3333/api/tenant/v1/realm/123'
-    )
-
-    expect(req.request.method).toEqual('GET');
-
-   req.flush(data, mockTenant);
-  })));
 });

package/src/generators/angular-app/files/src/app/protected/protected.component.ts__tmpl__

@@ -1,27 +1,27 @@
-import { Component, OnInit } from '@angular/core';
-import TenantService from '../tenant.service';
+import { Component, inject, OnInit, signal } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import Keycloak from 'keycloak-js';
 
 @Component({
-  selector: 'app-protected',
+  selector: '<%= projectName %>-protected',
+  standalone: true,
   templateUrl: './protected.component.html',
-  styleUrls: ['./protected.component.css'],
+  styleUrl: './protected.component.css',
 })
 export class ProtectedComponent implements OnInit {
-  constructor(private _tenantService: TenantService) {}
+  private http = inject(HttpClient);
+  private keycloak = inject(Keycloak);
 
-  public tenant = { name: '' };
+  privateMessage = signal('Not retrieved');
 
-  getTenant() {
-    this._tenantService.getTenant().subscribe(
-      (data: any) => {
-        this.tenant = data.tenant;
-      },
-      (err) => console.error(err),
-      () => console.log('done loading tenant')
-    );
+  get userName(): string {
+    return (this.keycloak.tokenParsed?.['name'] as string) ?? '';
   }
 
   ngOnInit() {
-    this.getTenant();
+    this.http.get<{ message: string }>('/api/v1/private').subscribe({
+      next: (data) => this.privateMessage.set(data.message),
+      error: () => this.privateMessage.set('Error loading data'),
+    });
   }
 }

package/src/generators/angular-app/files/src/app/services/auth-guard.service.ts__tmpl__

@@ -1,21 +1,12 @@
-import { Injectable } from '@angular/core';
-import { CanActivate } from '@angular/router';
-import { AuthService } from './auth.service';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class AuthGuardService implements CanActivate {
-
-  constructor(private authService: AuthService) { }
-
-  canActivate(): boolean {
-    if (this.authService.isLoggedIn()) {
-      return true;
-    }
-
-    console.log('start authentication...');
-    this.authService.startAuthentication();
-    return false;
-  }
-}
+// Auth guard is configured in app.routes.ts using keycloak-angular's createAuthGuard.
+// Add this file if you need a reusable, injectable guard:
+//
+// import { Injectable } from '@angular/core';
+// import { Router } from '@angular/router';
+// import { createAuthGuard } from 'keycloak-angular';
+//
+// export const authGuard = createAuthGuard(async ({ keycloak }) => {
+//   if (keycloak.authenticated) return true;
+//   await keycloak.login({ redirectUri: window.location.href });
+//   return false;
+// });

package/src/generators/angular-app/files/src/environments/environment.ts__tmpl__

@@ -1,17 +1,8 @@
-// This file can be replaced during build by using the `fileReplacements` array.
-// When building for production, this file is replaced with `environment.prod.ts`.
-
 export const environment = {
   production: false,
   access: {
-    url: '<%= accessServiceUrl %>',
+    url: '<%= accessServiceUrl %>/auth',
     realm: '<%= tenantRealm %>',
-    client_id: 'urn:ads:<%= tenant %>:<%= projectName %>'
+    client_id: 'urn:ads:<%= tenant %>:<%= projectName %>',
   },
-  tenantApi: {
-    host: "http://localhost:3333",
-    endpoints: {
-      tenantNameByRealm: "/api/tenant/v1/realm",
-    }
-  }
 };

package/src/generators/angular-app/files/src/index.html__tmpl__

@@ -6,16 +6,10 @@
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
-    <script
-      type="module"
-      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
-    ></script>
-    <script
-      nomodule
-      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
-    ></script>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/ionicons@latest/dist/ionicons/ionicons.esm.js"></script>
+    <script nomodule src="https://cdn.jsdelivr.net/npm/ionicons@latest/dist/ionicons/ionicons.js"></script>
   </head>
   <body>
-    <<%= projectName %>-app-root></<%= projectName %>-app-root>
+    <<%= projectName %>-root></<%= projectName %>-root>
   </body>
 </html>

package/src/generators/angular-app/files/src/main.ts__tmpl__

@@ -1,13 +1,9 @@
-import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import 'zone.js';
+import '@abgov/web-components';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
+import { appConfig } from './app/app.config';
 
-import { AppModule } from './app/app.module';
-import { environment } from './environments/environment';
-
-if (environment.production) {
-  enableProdMode();
-}
-
-platformBrowserDynamic()
-  .bootstrapModule(AppModule)
-  .catch((err) => console.error(err));
+bootstrapApplication(AppComponent, appConfig).catch((err) =>
+  console.error(err)
+);

package/src/generators/angular-app/files/src/silent-check-sso.html__tmpl__

@@ -0,0 +1,5 @@
+<html>
+<body>
+<script>parent.postMessage(location.href, location.origin);</script>
+</body>
+</html>

package/src/generators/angular-app/files/src/styles.css__tmpl__

@@ -1,6 +1,6 @@
-/* You can add global styles to this file, and also import other style files */
+@import "@abgov/design-tokens/dist/tokens.css";
 @import "@abgov/web-components/index.css";
 
 body {
-  margin: 0px;
+  margin: 0;
 }

package/src/generators/express-service/files/AGENTS.md__tmpl__

@@ -0,0 +1,76 @@
+# AGENTS.md — <%= projectName %>
+
+Node/Express backend service for the Alberta Digital Service Platform (ADSP).
+Generated by `nx g @abgov/nx-adsp:express-service`.
+
+## Stack
+
+- **Runtime**: Node.js + Express
+- **Auth**: passport.js with tenant strategy from `@abgov/adsp-service-sdk`
+- **Config**: `envalid` with `.env` file (see `src/environment.ts`)
+- **SDK**: `@abgov/adsp-service-sdk` — provides service registration, auth,
+  event publishing, configuration management, and service discovery
+
+## Key files
+
+| File | Purpose |
+|------|---------|
+| `src/main.ts` | App entry — SDK init, middleware, routes, server start |
+| `src/environment.ts` | Validated env config with defaults pre-set from ADSP tenant |
+
+## SDK capabilities
+
+`initializeService()` returns `capabilities`:
+
+```typescript
+const { logger, tenantStrategy, traceHandler, configurationHandler,
+        healthCheck, directory, tokenProvider, eventService } = capabilities;
+```
+
+To resolve another ADSP service URL:
+
+```typescript
+const url = await directory.getServiceUrl(AdspId.parse('urn:ads:platform:file-service'));
+```
+
+To call another service with an access token:
+
+```typescript
+const token = await tokenProvider.getAccessToken();
+```
+
+## Adding routes
+
+Add route handlers in `main.ts` under the `/<%= projectName %>/v1` path prefix:
+
+```typescript
+app.get('/<%= projectName %>/v1/my-resource', (req, res) => {
+  const user = req.user; // null for anonymous, populated for authenticated
+  res.json({ ... });
+});
+```
+
+`passport.authenticate(['tenant', 'anonymous'])` is applied to the entire
+`/<%= projectName %>/v1` prefix — check `req.user` inside handlers to
+distinguish authenticated from anonymous access.
+
+## Frontend proxy integration (mern / mean stacks)
+
+When this service is paired with a React or Angular frontend via the `mern` or
+`mean` generators, the frontend proxies `/api/` to this service:
+
+- **Dev** (webpack / Vite): `/api/v1/my-resource` → `/<%= projectName %>/v1/my-resource` on `localhost:3333`
+- **Production** (nginx): same rewrite via the nginx proxy block in the frontend app
+
+All API routes in this service live under `/<%= projectName %>/v1/`. The proxy
+rewrites the frontend's `/api/` prefix to `/<%= projectName %>/` before the
+request reaches Express, so `/<%= projectName %>/v1/public` maps to the
+frontend's `/api/v1/public`.
+
+## What NOT to change
+
+- `initializeService(...)` config — `CLIENT_ID` and `CLIENT_SECRET` are read
+  from environment; do not hardcode credentials
+- The passport strategy setup — the tenant strategy handles JWT validation
+- `configurationHandler` on the API path — provides configuration service
+  integration; keep it applied before route handlers

package/src/generators/mean/mean.d.ts

@@ -0,0 +1,3 @@
+import { Tree } from '@nx/devkit';
+import { Schema } from './schema';
+export default function (host: Tree, options: Schema): Promise<() => void>;

package/src/generators/mean/mean.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const nx_oc_1 = require("@abgov/nx-oc");
+const angular_app_1 = require("../angular-app/angular-app");
+const express_service_1 = require("../express-service/express-service");
+function normalizeOptions(host, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const adsp = yield (0, nx_oc_1.getAdspConfiguration)(host, options);
+        return Object.assign(Object.assign({}, options), { adsp });
+    });
+}
+function default_1(host, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const normalizedOptions = yield normalizeOptions(host, options);
+        const projectName = (0, devkit_1.names)(options.name).fileName;
+        yield (0, express_service_1.default)(host, Object.assign(Object.assign({}, normalizedOptions), { name: `${projectName}-service` }));
+        yield (0, angular_app_1.default)(host, Object.assign(Object.assign({}, normalizedOptions), { name: `${projectName}-app`, proxy: {
+                location: '/api/',
+                proxyPass: `http://${projectName}-service:3333/${projectName}-service/`,
+            } }));
+        yield (0, devkit_1.formatFiles)(host);
+        return () => {
+            (0, devkit_1.installPackagesTask)(host);
+        };
+    });
+}
+//# sourceMappingURL=mean.js.map

package/src/generators/mean/mean.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mean.js","sourceRoot":"","sources":["../../../../../../packages/nx-adsp/src/generators/mean/mean.ts"],"names":[],"mappings":";;AAcA,4BAuBC;;AArCD,uCAA2E;AAC3E,wCAAoD;AACpD,4DAAwD;AACxD,wEAAoE;AAGpE,SAAe,gBAAgB,CAC7B,IAAU,EACV,OAAe;;QAEf,MAAM,IAAI,GAAG,MAAM,IAAA,4BAAoB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACvD,uCAAY,OAAO,KAAE,IAAI,IAAG;IAC9B,CAAC;CAAA;AAED,mBAA+B,IAAU,EAAE,OAAe;;QACxD,MAAM,iBAAiB,GAAG,MAAM,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAChE,MAAM,WAAW,GAAG,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC;QAEjD,MAAM,IAAA,yBAAkB,EAAC,IAAI,kCACxB,iBAAiB,KACpB,IAAI,EAAE,GAAG,WAAW,UAAU,IAC9B,CAAC;QAEH,MAAM,IAAA,qBAAc,EAAC,IAAI,kCACpB,iBAAiB,KACpB,IAAI,EAAE,GAAG,WAAW,MAAM,EAC1B,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,SAAS,EAAE,UAAU,WAAW,iBAAiB,WAAW,WAAW;aACxE,IACD,CAAC;QAEH,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAExB,OAAO,GAAG,EAAE;YACV,IAAA,4BAAmB,EAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC;CAAA"}

package/src/generators/mean/mean.spec.ts

@@ -0,0 +1,38 @@
+import { readProjectConfiguration } from '@nx/devkit';
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+import * as utils from '@abgov/nx-oc';
+import { environments } from '@abgov/nx-oc';
+import { Schema } from './schema';
+import generator from './mean';
+
+jest.mock('@abgov/nx-oc');
+const utilsMock = utils as jest.Mocked<typeof utils>;
+utilsMock.getAdspConfiguration.mockResolvedValue({
+  tenant: 'test',
+  tenantRealm: 'test',
+  accessServiceUrl: environments.test.accessServiceUrl,
+  directoryServiceUrl: environments.test.directoryServiceUrl,
+});
+utilsMock.deploymentGenerator.mockResolvedValue(undefined);
+
+describe('MEAN Generator', () => {
+  const options: Schema = {
+    name: 'test',
+    env: 'dev',
+  };
+
+  it('can run', async () => {
+    const host = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
+    await generator(host, options);
+
+    const appConfig = readProjectConfiguration(host, 'test-app');
+    expect(appConfig.root).toBe('apps/test-app');
+
+    const serviceConfig = readProjectConfiguration(host, 'test-service');
+    expect(serviceConfig.root).toBe('apps/test-service');
+
+    expect(host.exists('apps/test-app/nginx.conf')).toBeTruthy();
+    const nginxConf = host.read('apps/test-app/nginx.conf').toString();
+    expect(nginxConf).toContain('http://test-service:3333/');
+  }, 30000);
+});

package/src/generators/mean/schema.d.ts

@@ -0,0 +1,11 @@
+import { AdspConfiguration, EnvironmentName } from '@abgov/nx-oc';
+
+export interface Schema {
+  name: string;
+  env: EnvironmentName;
+  accessToken?: string;
+}
+
+export interface NormalizedSchema extends Schema {
+  adsp: AdspConfiguration;
+}

package/src/generators/mean/schema.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "cli": "nx",
+  "$id": "mean",
+  "title": "MEAN fullstack generator",
+  "type": "object",
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "Name of the project.",
+      "$default": { "$source": "argv", "index": 0 },
+      "x-prompt": "What name would you like to use for the project?"
+    },
+    "env": {
+      "type": "string",
+      "description": "ADSP environment to initialize the project for.",
+      "enum": ["dev", "test", "prod"],
+      "default": "prod"
+    },
+    "accessToken": {
+      "type": "string",
+      "description": "Access token for ADSP tenant configuration (skips interactive login)."
+    }
+  },
+  "required": ["name"]
+}

package/src/generators/react-app/files/AGENTS.md__tmpl__

@@ -0,0 +1,76 @@
+# AGENTS.md — <%= projectName %>
+
+React frontend for the Alberta Digital Service Platform (ADSP).
+Generated by `nx g @abgov/nx-adsp:react-app`.
+
+## Stack
+
+- **UI**: React 18 + GoA design system (`@abgov/react-components` — `Goab*` components)
+- **Auth**: `keycloak-js` via Redux Toolkit slice (`src/app/user.slice.ts`)
+- **State**: Redux Toolkit — store in `src/store.ts`
+- **Router**: React Router v6
+
+## Key files
+
+| File | Purpose |
+|------|---------|
+| `src/main.tsx` | Entry — Redux Provider, BrowserRouter, dispatches `initializeUser()` after render |
+| `src/app/user.slice.ts` | Keycloak auth — login, logout, token refresh, `getAccessToken()` |
+| `src/app/start.slice.ts` | Example public/private API calls |
+| `src/app/config.slice.ts` | Loads ADSP directory service endpoints on startup |
+| `src/app/intake.slice.ts` | Application domain state — extend this for your feature |
+| `src/store.ts` | Redux store — add new slices here |
+| `src/environments/environment.ts` | Access URL, realm, client ID — pre-set from ADSP tenant |
+
+## Auth pattern
+
+```typescript
+import { getAccessToken, loginUser, logoutUser, userSelector } from './user.slice';
+
+// In a component:
+const { authenticated, name } = useSelector(userSelector);
+dispatch(loginUser());   // redirects to Keycloak
+dispatch(logoutUser());  // redirects to Keycloak logout
+
+// In a thunk (for authenticated API calls):
+const token = await getAccessToken(); // refreshes token if needed
+```
+
+## GoA design system
+
+Components are imported from `@abgov/react-components` with the `Goab` prefix:
+
+```typescript
+import { GoabButton, GoabAppHeader, GoabButtonGroup } from '@abgov/react-components';
+```
+
+## Adding a new Redux slice
+
+1. Create `src/app/my-feature.slice.ts` using `createSlice` / `createAsyncThunk`
+2. Export the reducer and add it to `src/store.ts`
+
+## Backend API calls (mern / proxy setup)
+
+If `proxy.conf.json` exists at the project root, API calls are proxied to the
+backend service in development. Use relative `/api/` paths — do not hardcode
+the service URL:
+
+```typescript
+// ✓ correct — works through proxy in dev, nginx in production
+const response = await fetch('/api/v1/my-resource');
+
+// ✗ wrong — bypasses proxy, won't work in production
+const response = await fetch('http://localhost:3333/my-service/v1/my-resource');
+```
+
+In production, `nginx.conf` contains the same proxy rule routing `/api/` to
+the backend service hostname.
+
+## What NOT to change
+
+- `user.slice.ts` — keycloak-js is initialised once per app lifecycle; do not
+  create a second Keycloak instance
+- `environments/environment.ts` — access URL and realm are pre-configured for
+  the ADSP tenant; override at runtime via deployment config
+- `silent-check-sso.html` — required for keycloak-js silent SSO; must be served
+  from the app root

package/src/generators/angular-app/files/src/app/app.module.ts__tmpl__

@@ -1,47 +0,0 @@
-import { NgModule, APP_INITIALIZER, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import "@abgov/web-components";
-import { AngularComponentsModule } from '@abgov/angular-components';
-
-import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
-import { AuthInterceptor } from './auth.interceptor';
-import { FormsModule } from '@angular/forms';
-import { AppRoutingModule } from './app.routes';
-import { ProtectedComponent } from './protected/protected.component';
-import { AuthCallbackComponent } from './auth-callback/auth-callback.component';
-import { AuthGuardService } from './services/auth-guard.service';
-import { AuthService } from './services/auth.service';
-import { AppComponent } from './app.component';
-import { Config } from '../environments/config';
-
-@NgModule({
-  imports: [
-    AngularComponentsModule,
-    BrowserModule,
-    HttpClientModule,
-    FormsModule,
-    AppRoutingModule,
-  ],
-  providers: [
-    AuthGuardService,
-    AuthService,
-    Config,
-    {
-      provide: APP_INITIALIZER,
-      useFactory: initializeApp,
-      deps: [Config],
-      multi: true,
-    },
-    { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true },
-  ],
-  declarations: [AppComponent, AuthCallbackComponent, ProtectedComponent],
-  bootstrap: [AppComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class AppModule {}
-
-export function initializeApp(config: Config) {
-  return (): Promise<any> => {
-    return config.Init();
-  };
-}

package/src/generators/angular-app/files/src/app/auth-callback/auth-callback.component.css__tmpl__

@@ -1,13 +0,0 @@
-.info {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-}
-
-.token {
-	font-family: monospace;
-	background-color: beige;
-	width: 600px;
-	text-align: left;
-	word-break: break-all;
-}

package/src/generators/angular-app/files/src/app/auth-callback/auth-callback.component.html__tmpl__

@@ -1,12 +0,0 @@
-<h3>Redirected to auth-callback route!</h3>
-<p>Now you are logged in and allowed to access the "protected" route...</p>
-<div class="info">
-  <div>
-    <div>Token Type:</div>
-    <div class="token">{{ tokenType }}</div>
-  </div>
-  <div>
-    <div>Token:</div>
-    <div class="token">{{ accessToken }}</div>
-  </div>
-</div>

package/src/generators/angular-app/files/src/app/auth-callback/auth-callback.component.spec.ts__tmpl__

@@ -1,33 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { AuthCallbackComponent } from './auth-callback.component';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from "@angular/platform-browser-dynamic/testing";
-
-describe('AuthCallbackComponent', () => {
-  let component: AuthCallbackComponent;
-  let fixture: ComponentFixture<AuthCallbackComponent>;
-  let envData = {"production":false,"access":{"url":"https://testurl.com","realm":"123","client_id":"urn:ads:platform:tenant-admin-app"},"tenantApi":{"host":"http://localhost:3333","endpoints":{"tenantNameByRealm":"/api/tenant/v1/realm"}}}
-
-  localStorage.setItem('envData', JSON.stringify(envData));
-
-  beforeEach((() => {
-    TestBed.initTestEnvironment(
-      BrowserDynamicTestingModule,
-      platformBrowserDynamicTesting()
-    );
-
-    TestBed.configureTestingModule({
-      declarations: [AuthCallbackComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(AuthCallbackComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  }));
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});