chore: update configs and tests, cleanups

Author: xidedix

angular.json

@@ -3,7 +3,7 @@
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
-    "coreui": {
+    "coreui-demo": {
       "projectType": "application",
       "schematics": {
         "@schematics/angular:component": {
@@ -20,10 +20,14 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "dist/coreui/demo",
+            "outputPath": "dist/coreui-demo",
             "index": "src/index.html",
             "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": [
+              "@angular/localize/init",
+              "zone.js",
+              "zone.js/testing"
+            ],
             "tsConfig": "src/tsconfig.app.json",
             "inlineStyleLanguage": "scss",
             "assets": [
@@ -73,25 +77,29 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "buildTarget": "coreui:build:production"
+              "buildTarget": "coreui-demo:build:production"
             },
             "development": {
-              "buildTarget": "coreui:build:development"
+              "buildTarget": "coreui-demo:build:development"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "buildTarget": "coreui:build"
+            "buildTarget": "coreui-demo:build"
           }
         },
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "main": "src/test.ts",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": [
+              "@angular/localize/init",
+              "zone.js",
+              "zone.js/testing"
+            ],
             "tsConfig": "src/tsconfig.spec.json",
             "karmaConfig": "src/karma.conf.js",
             "inlineStyleLanguage": "scss",
@@ -108,11 +116,11 @@
         "cypress-run": {
           "builder": "@cypress/schematic:cypress",
           "options": {
-            "devServerTarget": "coreui:serve"
+            "devServerTarget": "coreui-demo:serve"
           },
           "configurations": {
             "production": {
-              "devServerTarget": "coreui:serve:production"
+              "devServerTarget": "coreui-demo:serve:production"
             }
           }
         },
@@ -126,13 +134,13 @@
         "e2e": {
           "builder": "@cypress/schematic:cypress",
           "options": {
-            "devServerTarget": "coreui:serve",
+            "devServerTarget": "coreui-demo:serve",
             "watch": false,
             "headless": true
           },
           "configurations": {
             "production": {
-              "devServerTarget": "coreui:serve:production"
+              "devServerTarget": "coreui-demo:serve:production"
             }
           }
         }

cypress/tsconfig.json

@@ -4,5 +4,6 @@
   "compilerOptions": {
     "sourceMap": false,
     "types": ["cypress"],
-  }
+  },
+  "exclude": [],
 }

projects/coreui-angular/src/lib/breadcrumb/cui-breadcrumb.component.spec.ts

@@ -1,5 +1,5 @@
 import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
+import { RouterModule } from '@angular/router';
 
 import { CuiBreadcrumbComponent } from './cui-breadcrumb.component';
 
@@ -9,7 +9,7 @@ describe('CuiBreadcrumbComponent', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      imports: [RouterTestingModule.withRoutes([]), CuiBreadcrumbComponent],
+      imports: [RouterModule.forRoot([]), CuiBreadcrumbComponent],
     })
       .compileComponents();
   }));

src/app/app.component.spec.ts

@@ -1,18 +1,24 @@
-import { RouterTestingModule } from '@angular/router/testing';
-import { TestBed, waitForAsync } from '@angular/core/testing';
-import { AppComponent } from './app.component';
+import {TestBed, waitForAsync} from '@angular/core/testing';
+import {RouterModule} from "@angular/router";
+import {AppComponent} from './app.component';
+
 describe('AppComponent', () => {
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [
-        AppComponent
-      ],
-      imports: [ RouterTestingModule ]
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [AppComponent],
+      imports: [RouterModule]
     }).compileComponents();
-  }));
+  });
+
   it('should create the app', waitForAsync(() => {
     const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
     expect(app).toBeTruthy();
   }));
+
+  it(`should have as title 'CoreUI Angular Admin Template'`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('CoreUI 2 for Angular 18');
+  });
 });

src/app/app.component.ts

@@ -1,14 +1,15 @@
-import { Component, OnInit } from '@angular/core';
-import { Router, NavigationEnd } from '@angular/router';
+import {Component, OnInit} from '@angular/core';
+import {NavigationEnd, Router} from '@angular/router';
 
 @Component({
-  // tslint:disable-next-line
-  selector: 'body',
-  template: '<router-outlet></router-outlet>'
+  selector: 'app-root',
+  template: '<router-outlet />',
+  standalone: false
 })
 export class AppComponent implements OnInit {
-  title = 'CoreUI 2 for Angular 15';
-  constructor(private router: Router) { }
+  title = 'CoreUI 2 for Angular 18';
+
+  constructor(private router: Router) {}
 
   ngOnInit() {
     this.router.events.subscribe((evt) => {

src/app/app.module.ts

@@ -1,6 +1,6 @@
-import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
 import { LocationStrategy, HashLocationStrategy } from '@angular/common';
+import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 import { AppComponent } from './app.component';

src/app/app.routing.ts

@@ -31,7 +31,7 @@ export const routes: Routes = [
 ];
 
 @NgModule({
-  imports: [ RouterModule.forRoot(routes, {}) ],
+  imports: [ RouterModule.forRoot(routes) ],
   exports: [ RouterModule ]
 })
 export class AppRoutingModule {}

src/app/containers/default-layout/default-layout.component.html

@@ -27,6 +27,6 @@
   </app-aside>
 </div>
 <app-footer>
-  <span><a href="https://coreui.io">CoreUI</a> &copy; 2024 creativeLabs.</span>
+  <span><a href="https://coreui.io">CoreUI</a> &copy; 2025 creativeLabs.</span>
   <span class="ml-auto">Powered by <a href="https://coreui.io/angular">CoreUI 2 for Angular</a></span>
 </app-footer>

src/main.ts

@@ -1,3 +1,5 @@
+/// <reference types="@angular/localize" />
+
 import { enableProdMode } from '@angular/core';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';