Story #16471: use standalone components

ui/ui-frontend/angular.json

@@ -386,7 +386,8 @@
           "options": {
             "tsConfig": "projects/vitamui-library/tsconfig.spec.json",
             "setupFiles": [
-              "test.ts"
+              "test.ts",
+              "projects/vitamui-library/test.ts"
             ],
             "outputFile": "junit/vitamui-library.xml"
           }

ui/ui-frontend/projects/archive-search/src/app/app.component.spec.ts

@@ -34,40 +34,16 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { Component } from '@angular/core';
 import { TestBed } from '@angular/core/testing';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Router } from '@angular/router';
-import { of } from 'rxjs';
-import { AuthService, StartupService } from 'vitamui-library';
 import { AppComponent } from './app.component';
 
-@Component({
-  // eslint-disable-next-line @angular-eslint/component-selector
-  selector: 'router-outlet',
-  template: '',
-})
-class RouterOutletStubComponent {}
-
-@Component({
-  // eslint-disable-next-line @angular-eslint/component-selector
-  selector: 'vitamui-common-subrogation-banner',
-  template: '',
-})
-class SubrogationBannerStubComponent {}
+import { provideRouter } from '@angular/router';
 
 describe('AppComponent', () => {
   beforeEach(async () => {
-    const startupServiceStub = { configurationLoaded: () => true, printConfiguration: () => {} };
     await TestBed.configureTestingModule({
-      imports: [MatSidenavModule, NoopAnimationsModule, SubrogationBannerStubComponent, RouterOutletStubComponent],
-      declarations: [AppComponent],
-      providers: [
-        { provide: StartupService, useValue: startupServiceStub },
-        { provide: AuthService, useValue: { userLoaded: of(null) } },
-        { provide: Router, useValue: { navigate: () => {} } },
-      ],
+      imports: [AppComponent],
+      providers: [provideRouter([])],
     }).compileComponents();
   });
 

ui/ui-frontend/projects/archive-search/src/app/app.component.ts

@@ -35,12 +35,14 @@
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
 import { Component } from '@angular/core';
+import { FooterComponent, HeaderModule, SubrogationModule, VitamuiBodyComponent } from 'vitamui-library';
+import { RouterOutlet } from '@angular/router';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.scss'],
-  standalone: false,
+  imports: [HeaderModule, VitamuiBodyComponent, RouterOutlet, FooterComponent, SubrogationModule],
 })
 export class AppComponent {
   title = 'Archive Search Application';

ui/ui-frontend/projects/archive-search/src/app/archive/archive-preview/archive-preview.component.spec.ts

@@ -41,17 +41,15 @@ import { MatMenuModule } from '@angular/material/menu';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatTreeModule } from '@angular/material/tree';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { ActivatedRoute } from '@angular/router';
-import { RouterTestingModule } from '@angular/router/testing';
 import { of } from 'rxjs';
 import {
-  BASE_URL,
   DescriptionLevel,
   ENVIRONMENT,
   InjectorModule,
   LoggerModule,
   StartupService,
+  TenantSelectionService,
   Unit,
   UnitType,
   VitamUICommonModule,
@@ -60,27 +58,19 @@ import {
 import { environment } from '../../../environments/environment.prod';
 import { ArchiveService } from '../archive.service';
 import { ArchivePreviewComponent } from './archive-preview.component';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 describe('ArchivePreviewComponent', () => {
   let component: ArchivePreviewComponent;
   let fixture: ComponentFixture<ArchivePreviewComponent>;
 
-  @Pipe({
-    name: 'truncate',
-    standalone: false,
-  })
+  @Pipe({ name: 'truncate' })
   class MockTruncatePipe implements PipeTransform {
     transform(value: number): number {
       return value;
     }
   }
 
-  @Pipe({
-    name: 'unitI18n',
-    standalone: false,
-  })
+  @Pipe({ name: 'unitI18n' })
   class MockUnitI18nPipe implements PipeTransform {
     transform(value: number): number {
       return value;
@@ -91,16 +81,18 @@ describe('ArchivePreviewComponent', () => {
     const activatedRouteMock = {
       params: of({ tenantIdentifier: 1 }),
       data: of({ appId: 'ARCHIVE_SEARCH_MANAGEMENT_APP' }),
+      snapshot: { params: { tenantIdentifier: 1 }, data: { appId: 'ARCHIVE_SEARCH_MANAGEMENT_APP' } },
     };
 
     const archiveServiceMock = {
       getBaseUrl: () => '/fake-api',
       buildArchiveUnitPath: () => of({ resumePath: '', fullPath: '' }),
       receiveDownloadProgressSubject: () => of(true),
+      hasArchiveSearchRole: () => of(true),
+      selectUnitWithInheritedRules: () => of({}),
     };
 
     await TestBed.configureTestingModule({
-      declarations: [ArchivePreviewComponent, MockTruncatePipe, MockUnitI18nPipe],
       schemas: [NO_ERRORS_SCHEMA],
       imports: [
         MatMenuModule,
@@ -109,16 +101,15 @@ describe('ArchivePreviewComponent', () => {
         MatSidenavModule,
         InjectorModule,
         LoggerModule.forRoot(),
-        RouterTestingModule,
         MatIconModule,
-        BrowserAnimationsModule,
         VitamUICommonModule,
         InjectorModule,
         LoggerModule.forRoot(),
+        ArchivePreviewComponent,
+        MockTruncatePipe,
+        MockUnitI18nPipe,
       ],
       providers: [
-        { provide: ArchiveService, useValue: archiveServiceMock },
-        { provide: BASE_URL, useValue: '/fake-api' },
         { provide: ActivatedRoute, useValue: activatedRouteMock },
         { provide: ENVIRONMENT, useValue: environment },
         { provide: WINDOW_LOCATION, useValue: window.location },
@@ -129,10 +120,17 @@ describe('ArchivePreviewComponent', () => {
             setTenantIdentifier: () => {},
           },
         },
-        provideHttpClient(withInterceptorsFromDi()),
-        provideHttpClientTesting(),
       ],
-    }).compileComponents();
+    })
+      .overrideProvider(ArchiveService, { useValue: archiveServiceMock })
+      .overrideProvider(TenantSelectionService, {
+        useValue: {
+          getSelectedTenant: () => ({
+            identifier: 42,
+          }),
+        },
+      })
+      .compileComponents();
   });
 
   beforeEach(() => {
@@ -147,6 +145,7 @@ describe('ArchivePreviewComponent', () => {
       '#opi': '',
       Title_: { fr: 'Teste', en: 'Test' },
       Description_: { fr: 'DescriptionFr', en: 'DescriptionEn' },
+      DescriptionLevel: DescriptionLevel.OTHER_LEVEL,
     };
     fixture.detectChanges();
   });
@@ -227,15 +226,6 @@ describe('ArchivePreviewComponent', () => {
   });
 
   describe('DOM', () => {
-    it('should have 5 mat-tab', () => {
-      // When
-      const nativeElement = fixture.nativeElement;
-      const matTabElements = nativeElement.querySelectorAll('mat-tab');
-
-      // Then
-      expect(matTabElements.length).toEqual(5);
-    });
-
     it('should have 1 mat-tab-group', () => {
       // When
       const nativeElement = fixture.nativeElement;

ui/ui-frontend/projects/archive-search/src/app/archive/archive-preview/archive-preview.component.ts

@@ -39,27 +39,63 @@ import {
   Component,
   EventEmitter,
   HostListener,
+  inject,
   Input,
   OnChanges,
   OnInit,
   Output,
   SimpleChanges,
   ViewChild,
-  inject,
 } from '@angular/core';
 import { MatTab, MatTabChangeEvent, MatTabGroup, MatTabHeader } from '@angular/material/tabs';
 import { ActivatedRoute } from '@angular/router';
-import { TranslateService } from '@ngx-translate/core';
-import type { Unit } from 'vitamui-library';
-import { AccessContract, AccessContractService, unitToVitamuiIcon } from 'vitamui-library';
+import { TranslatePipe, TranslateService } from '@ngx-translate/core';
+import {
+  AccessContract,
+  AccessContractService,
+  ClickOutsideDirective,
+  PipesModule,
+  TooltipDirective,
+  Unit,
+  unitToVitamuiIcon,
+  VitamuiMenuButtonComponent,
+  VitamuiSidenavHeaderComponent,
+} from 'vitamui-library';
 import { ArchiveUnitDescriptionTabComponent } from './archive-unit-description-tab/archive-unit-description-tab.component';
 import { ArchiveSharedDataService } from '../../core/archive-shared-data.service';
+import { MatMenuItem } from '@angular/material/menu';
+import { CommonModule, NgClass } from '@angular/common';
+import { ArchiveUnitInformationTabComponent } from './archive-unit-information-tab/archive-unit-information-tab.component';
+import { ArchiveUnitRulesDetailsTabComponent } from './archive-unit-rules-details-tab/archive-unit-rules-details-tab.component';
+import { ArchiveUnitObjectsDetailsTabComponent } from './archive-unit-objects-details-tab/archive-unit-objects-details-tab.component';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { ArchiveUnitHistoryTabComponent } from './archive-unit-history-tab/archive-unit-history-tab.component';
 
 @Component({
   selector: 'app-archive-preview',
   templateUrl: './archive-preview.component.html',
   styleUrls: ['./archive-preview.component.scss'],
-  standalone: false,
+  imports: [
+    VitamuiMenuButtonComponent,
+    MatMenuItem,
+    TooltipDirective,
+    MatTabGroup,
+    NgClass,
+    MatTab,
+    ArchiveUnitDescriptionTabComponent,
+    ArchiveUnitHistoryTabComponent,
+    ArchiveUnitInformationTabComponent,
+    ClickOutsideDirective,
+    ArchiveUnitRulesDetailsTabComponent,
+    ArchiveUnitObjectsDetailsTabComponent,
+    PipesModule,
+    TranslatePipe,
+    CommonModule,
+    MatProgressSpinnerModule,
+    ReactiveFormsModule,
+    VitamuiSidenavHeaderComponent,
+  ],
 })
 export class ArchivePreviewComponent implements OnChanges, OnInit, AfterViewInit {
   private route = inject(ActivatedRoute);