Merge branch 'master' into OZG-5868-RemoveHackathon-Feature

alfa-client/libs/binary-file/src/lib/binary-file-container/binary-file/binary-file.component.spec.ts

@@ -21,21 +21,18 @@
  * Die sprachspezifischen Genehmigungen und Beschränkungen
  * unter der Lizenz sind dem Lizenztext zu entnehmen.
  */
-import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
-import { MatIcon } from '@angular/material/icon';
-import { faker } from '@faker-js/faker';
 import { ApiDownloadToken } from '@alfa-client/api-root-shared';
 import { BinaryFileLinkRel, BinaryFileResource } from '@alfa-client/binary-file-shared';
-import { createEmptyStateResource, FileSizePipe, HasLinkPipe } from '@alfa-client/tech-shared';
+import { FileSizePipe, HasLinkPipe, createEmptyStateResource } from '@alfa-client/tech-shared';
 import { getElementFromFixture } from '@alfa-client/test-utils';
-import {
-  IconButtonWithSpinnerComponent,
-  MatTooltipDirective,
-  SpinnerComponent,
-} from '@alfa-client/ui';
+import { IconButtonWithSpinnerComponent, SpinnerComponent } from '@alfa-client/ui';
+import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
+import { MatIcon } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { faker } from '@faker-js/faker';
 import { createBinaryFileResource } from 'libs/binary-file-shared/test/binary-file';
 import { getDataTestClassOf } from 'libs/tech-shared/test/data-test';
-import { MockComponent, MockDirective } from 'ng-mocks';
+import { MockComponent, MockModule } from 'ng-mocks';
 import { BinaryFileComponent } from './binary-file.component';
 
 describe('BinaryFileComponent', () => {
@@ -52,7 +49,7 @@ describe('BinaryFileComponent', () => {
         MatIcon,
         FileSizePipe,
         HasLinkPipe,
-        MockDirective(MatTooltipDirective),
+        MockModule(MatTooltipModule),
         MockComponent(SpinnerComponent),
         MockComponent(IconButtonWithSpinnerComponent),
       ],

alfa-client/libs/ui/src/index.ts

@@ -44,7 +44,6 @@ export * from './lib/ui/file-upload/file-upload.component';
 export * from './lib/ui/fixed-dialog/fixed-dialog-data.model';
 export * from './lib/ui/fixed-dialog/fixed-dialog.component';
 export * from './lib/ui/icon-button-with-spinner/icon-button-with-spinner.component';
-export * from './lib/ui/mattooltip/mattooltip.directive';
 export * from './lib/ui/menu-item/menu-item.component';
 export * from './lib/ui/messages';
 export * from './lib/ui/open-url-button/open-url-button.component';

alfa-client/libs/ui/src/lib/ui/back-button/back-button.component.spec.ts

 import { getElementFromFixture } from '@alfa-client/test-utils';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MatIcon } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { RouterTestingModule } from '@angular/router/testing';
 import faker from '@faker-js/faker';
 import { getDataTestIdOf } from 'libs/tech-shared/test/data-test';
-import { MatTooltipDirective } from 'libs/ui/src/lib/ui/mattooltip/mattooltip.directive';
+import { MockModule } from 'ng-mocks';
 import { BackButtonComponent } from './back-button.component';
 
 describe('BackButtonComponent', () => {
@@ -17,7 +18,7 @@ describe('BackButtonComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [BackButtonComponent, MatTooltipDirective],
+      declarations: [BackButtonComponent, MockModule(MatTooltipModule)],
       imports: [MatIcon, RouterTestingModule],
     }).compileComponents();
 
@@ -41,12 +42,6 @@ describe('BackButtonComponent', () => {
 
       expect(backButtonElement).toHaveAttribute('aria-label', component.label);
     });
-
-    it('should set title attribute', () => {
-      const backButtonElement: HTMLAnchorElement = getElementFromFixture(fixture, backButton);
-
-      expect(backButtonElement).toHaveAttribute('title', component.label);
-    });
   });
 
   describe('linkTo', () => {

alfa-client/libs/ui/src/lib/ui/icon-button-with-spinner/icon-button-with-spinner.component.spec.ts

@@ -21,11 +21,11 @@
  * Die sprachspezifischen Genehmigungen und Beschränkungen
  * unter der Lizenz sind dem Lizenztext zu entnehmen.
  */
+import { createEmptyStateResource } from '@alfa-client/tech-shared';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MatIcon } from '@angular/material/icon';
-import { createEmptyStateResource } from '@alfa-client/tech-shared';
-import { MockComponent, MockDirective } from 'ng-mocks';
-import { MatTooltipDirective } from '../mattooltip/mattooltip.directive';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MockComponent, MockModule } from 'ng-mocks';
 import { SpinnerComponent } from '../spinner/spinner.component';
 import { IconButtonWithSpinnerComponent } from './icon-button-with-spinner.component';
 
@@ -41,8 +41,8 @@ describe('IconButtonWithSpinnerComponent', () => {
       declarations: [
         IconButtonWithSpinnerComponent,
         MatIcon,
-        MockDirective(MatTooltipDirective),
         MockComponent(SpinnerComponent),
+        MockModule(MatTooltipModule),
       ],
     });
   });

alfa-client/libs/ui/src/lib/ui/mattooltip/mattooltip.default.ts

+import { MatTooltipDefaultOptions } from '@angular/material/tooltip';
+
+export const matTooltipDefaultOptions: MatTooltipDefaultOptions = {
+  showDelay: 1500,
+  hideDelay: 0,
+  touchendHideDelay: 1500,
+};

alfa-client/libs/ui/src/lib/ui/mattooltip/mattooltip.directive.spec.ts

-/*
- * Copyright (C) 2022 Das Land Schleswig-Holstein vertreten durch den
- * Ministerpräsidenten des Landes Schleswig-Holstein
- * Staatskanzlei
- * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung
- *
- * Lizenziert unter der EUPL, Version 1.2 oder - sobald
- * diese von der Europäischen Kommission genehmigt wurden -
- * Folgeversionen der EUPL ("Lizenz");
- * Sie dürfen dieses Werk ausschließlich gemäß
- * dieser Lizenz nutzen.
- * Eine Kopie der Lizenz finden Sie hier:
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Sofern nicht durch anwendbare Rechtsvorschriften
- * gefordert oder in schriftlicher Form vereinbart, wird
- * die unter der Lizenz verbreitete Software "so wie sie
- * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN -
- * ausdrücklich oder stillschweigend - verbreitet.
- * Die sprachspezifischen Genehmigungen und Beschränkungen
- * unter der Lizenz sind dem Lizenztext zu entnehmen.
- */
-import { ElementRef } from '@angular/core';
-import faker from '@faker-js/faker';
-import {
-  MatTooltipClassDirective,
-  MatTooltipDirective,
-  MatTooltipDisabledDirective,
-} from './mattooltip.directive';
-
-describe('MatToolTip Directives', () => {
-  describe('MatTooltipDirective', () => {
-    const el: ElementRef = <ElementRef>{};
-    const tooltipText: string = faker.lorem.text();
-
-    it('should create an instance', () => {
-      const directive = new MatTooltipDirective(el);
-      expect(directive).toBeTruthy();
-    });
-  });
-
-  describe('MatTooltipDisabledDirective', () => {
-    const el: ElementRef = <ElementRef>{};
-
-    it('should create an instance', () => {
-      const directive = new MatTooltipDisabledDirective(el);
-      expect(directive).toBeTruthy();
-    });
-  });
-
-  describe('MatTooltipClassDirective', () => {
-    it('should create an instance', () => {
-      const directive = new MatTooltipClassDirective();
-      expect(directive).toBeTruthy();
-    });
-  });
-});

alfa-client/libs/ui/src/lib/ui/mattooltip/mattooltip.directive.ts

-/*
- * Copyright (C) 2022 Das Land Schleswig-Holstein vertreten durch den
- * Ministerpräsidenten des Landes Schleswig-Holstein
- * Staatskanzlei
- * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung
- *
- * Lizenziert unter der EUPL, Version 1.2 oder - sobald
- * diese von der Europäischen Kommission genehmigt wurden -
- * Folgeversionen der EUPL ("Lizenz");
- * Sie dürfen dieses Werk ausschließlich gemäß
- * dieser Lizenz nutzen.
- * Eine Kopie der Lizenz finden Sie hier:
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Sofern nicht durch anwendbare Rechtsvorschriften
- * gefordert oder in schriftlicher Form vereinbart, wird
- * die unter der Lizenz verbreitete Software "so wie sie
- * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN -
- * ausdrücklich oder stillschweigend - verbreitet.
- * Die sprachspezifischen Genehmigungen und Beschränkungen
- * unter der Lizenz sind dem Lizenztext zu entnehmen.
- */
-import { Directive, ElementRef, Input, OnChanges, OnInit } from '@angular/core';
-import { EMPTY_STRING } from '@alfa-client/tech-shared';
-
-/**
- * Workaround: MatTooltipModule aus Angular 13 schafft es nicht immer,
- * das Tooltip-HTML aus dem DOM zu löschen, wenn die Maus das entsprechende
- * Element verlässt. Diese Directiven implementieren Tooltips auf Basis
- * des HTML-Attributes title. Sie können als Ersatz für MatTooltipModule
- * verwendet werden.
- *
- * Implementiert sind nur die Directiven, die bei uns zum Einsatz kommen.
- */
-
-const titleAttribute: string = 'title';
-const ariaDescribedBy: string = 'aria-describedby';
-
-@Directive({
-  selector: '[matTooltip]',
-})
-export class MatTooltipDirective implements OnChanges {
-  @Input() matTooltip: string = EMPTY_STRING;
-
-  constructor(private el: ElementRef) {}
-
-  ngOnChanges(): void {
-    this.el.nativeElement.setAttribute(titleAttribute, this.matTooltip);
-    this.el.nativeElement.setAttribute(ariaDescribedBy, this.matTooltip);
-  }
-}
-
-@Directive({
-  selector: '[matTooltipDisabled]',
-})
-export class MatTooltipDisabledDirective implements OnInit {
-  @Input() matTooltipDisabled: boolean = false;
-
-  constructor(private el: ElementRef) {}
-
-  ngOnInit(): void {
-    if (this.matTooltipDisabled) {
-      this.el.nativeElement.setAttribute(titleAttribute, EMPTY_STRING);
-      this.el.nativeElement.setAttribute(ariaDescribedBy, EMPTY_STRING);
-    }
-  }
-}
-
-@Directive({
-  selector: '[matTooltipClass]',
-})
-export class MatTooltipClassDirective {
-  @Input() matTooltipClass: string = EMPTY_STRING;
-}

alfa-client/libs/ui/src/lib/ui/ozgcloud-button/ozgcloud-button-with-spinner/ozgcloud-button-with-spinner.component.spec.ts

@@ -24,10 +24,10 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MatButton } from '@angular/material/button';
 import { MatRipple } from '@angular/material/core';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { createCommandResource } from 'libs/command-shared/test/command';
 import { getDataTestClassOf } from 'libs/tech-shared/test/data-test';
-import { MatTooltipDirective } from 'libs/ui/src/lib/ui/mattooltip/mattooltip.directive';
-import { MockComponent } from 'ng-mocks';
+import { MockComponent, MockModule } from 'ng-mocks';
 import { OzgcloudButtonContentComponent } from '../shared/ozgcloud-button-content/ozgcloud-button-content.component';
 import { OzgcloudButtonWithSpinnerComponent } from './ozgcloud-button-with-spinner.component';
 
@@ -45,7 +45,7 @@ describe('OzgcloudButtonWithSpinnerComponent', () => {
         MatButton,
         MatRipple,
         OzgcloudButtonWithSpinnerComponent,
-        MatTooltipDirective,
+        MockModule(MatTooltipModule),
         MockComponent(OzgcloudButtonContentComponent),
       ],
     }).compileComponents();

alfa-client/libs/ui/src/lib/ui/ozgcloud-button/ozgcloud-icon-button-primary/ozgcloud-icon-button-primary.component.spec.ts

+import { createAriaLabelForIconButton } from '@alfa-client/tech-shared';
+import { getElementFromFixture } from '@alfa-client/test-utils';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MatIcon } from '@angular/material/icon';
-import { MockComponent, MockDirective } from 'ng-mocks';
-import { MatTooltipDirective } from '@alfa-client/ui';
-import { OzgcloudIconButtonPrimaryComponent } from './ozgcloud-icon-button-primary.component';
-import { getElementFromFixture } from '@alfa-client/test-utils';
-import { getDataTestClassOf } from 'libs/tech-shared/test/data-test';
 import { MatIconTestingModule } from '@angular/material/icon/testing';
-import { createAriaLabelForIconButton } from '@alfa-client/tech-shared';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { getDataTestClassOf } from 'libs/tech-shared/test/data-test';
+import { MockComponent, MockModule } from 'ng-mocks';
+import { OzgcloudIconButtonPrimaryComponent } from './ozgcloud-icon-button-primary.component';
 
 jest.mock('@alfa-client/tech-shared');
 const createAriaLabelForIconButtonMock = createAriaLabelForIconButton as jest.Mock;
@@ -21,7 +21,7 @@ describe('IconButtonPrimaryWithSpinnerComponent', () => {
       declarations: [
         OzgcloudIconButtonPrimaryComponent,
         MockComponent(MatIcon),
-        MockDirective(MatTooltipDirective),
+        MockModule(MatTooltipModule),
       ],
     });
   });

alfa-client/libs/ui/src/lib/ui/ozgcloud-button/ozgcloud-stroked-button-with-spinner/ozgcloud-stroked-button-with-spinner.component.spec.ts

@@ -24,10 +24,10 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MatButton } from '@angular/material/button';
 import { MatRipple } from '@angular/material/core';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { createCommandResource } from 'libs/command-shared/test/command';
 import { getDataTestClassOf } from 'libs/tech-shared/test/data-test';
-import { MatTooltipDirective } from 'libs/ui/src/lib/ui/mattooltip/mattooltip.directive';
-import { MockComponent } from 'ng-mocks';
+import { MockComponent, MockModule } from 'ng-mocks';
 import { OzgcloudButtonContentComponent } from '../shared/ozgcloud-button-content/ozgcloud-button-content.component';
 import { OzgcloudStrokedButtonWithSpinnerComponent } from './ozgcloud-stroked-button-with-spinner.component';
 
@@ -45,7 +45,7 @@ describe('OzgcloudStrokedButtonWithSpinnerComponent', () => {
         MatButton,
         MatRipple,
         OzgcloudStrokedButtonWithSpinnerComponent,
-        MatTooltipDirective,
+        MockModule(MatTooltipModule),
         MockComponent(OzgcloudButtonContentComponent),
       ],
     }).compileComponents();

alfa-client/libs/ui/src/lib/ui/ozgcloud-paste-text-button/ozgcloud-paste-text-button.component.spec.ts

-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatIcon } from '@angular/material/icon';
-import { OzgcloudPasteTextButtonComponent } from './ozgcloud-paste-text-button.component';
-import { MatTooltipDirective } from '../mattooltip/mattooltip.directive';
-import { getDataTestIdOf } from 'libs/tech-shared/test/data-test';
 import { isClipboardReadSupported } from '@alfa-client/tech-shared';
 import { getElementFromFixture, mock } from '@alfa-client/test-utils';
-import { MatIconTestingModule } from '@angular/material/icon/testing';
-import { EventEmitter } from '@angular/core';
-import { MockComponent, MockDirective } from 'ng-mocks';
 import { OzgcloudIconButtonPrimaryComponent } from '@alfa-client/ui';
+import { EventEmitter } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatIcon } from '@angular/material/icon';
+import { MatIconTestingModule } from '@angular/material/icon/testing';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { getDataTestIdOf } from 'libs/tech-shared/test/data-test';
+import { MockComponent, MockModule } from 'ng-mocks';
+import { OzgcloudPasteTextButtonComponent } from './ozgcloud-paste-text-button.component';
 
 jest.mock('@alfa-client/tech-shared');
 const isClipboardReadSupportedMock = isClipboardReadSupported as jest.Mock;
@@ -32,7 +32,7 @@ describe('OzgcloudPasteTextButtonComponent', () => {
         OzgcloudPasteTextButtonComponent,
         MockComponent(MatIcon),
         MockComponent(OzgcloudIconButtonPrimaryComponent),
-        MockDirective(MatTooltipDirective),
+        MockModule(MatTooltipModule),
       ],
     }).compileComponents();
 

alfa-client/libs/ui/src/lib/ui/slide-toggle/slide-toggle.component.spec.ts

@@ -24,7 +24,8 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MatRippleModule } from '@angular/material/core';
 import { MatSlideToggle } from '@angular/material/slide-toggle';
-import { MatTooltipDirective } from 'libs/ui/src/lib/ui/mattooltip/mattooltip.directive';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MockModule } from 'ng-mocks';
 import { SlideToggleComponent } from './slide-toggle.component';
 
 describe('SlideToggleComponent', () => {
@@ -34,7 +35,7 @@ describe('SlideToggleComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [MatRippleModule, MatSlideToggle],
-      declarations: [SlideToggleComponent, MatTooltipDirective],
+      declarations: [SlideToggleComponent, MockModule(MatTooltipModule)],
     }).compileComponents();
 
     fixture = TestBed.createComponent(SlideToggleComponent);

alfa-client/libs/ui/src/lib/ui/ui.module.ts

@@ -46,6 +46,7 @@ import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
 import { MatTabsModule } from '@angular/material/tabs';
+import { MAT_TOOLTIP_DEFAULT_OPTIONS, MatTooltipModule } from '@angular/material/tooltip';
 import { RouterModule } from '@angular/router';
 import { FileUploadButtonComponent, SpinnerIconComponent } from '@ods/system';
 import { de } from 'date-fns/locale';
@@ -75,11 +76,7 @@ import { FixedDialogComponent } from './fixed-dialog/fixed-dialog.component';
 import { ConnectionTimeoutRetryDialogComponent } from './http-error-dialog/connection-timeout-retry-dialog/connection-timeout-retry-dialog.component';
 import { ConnectionTimeoutRetryFailDialogComponent } from './http-error-dialog/connection-timeout-retry-fail-dialog/connection-timeout-retry-fail-dialog.component';
 import { IconButtonWithSpinnerComponent } from './icon-button-with-spinner/icon-button-with-spinner.component';
-import {
-  MatTooltipClassDirective,
-  MatTooltipDirective,
-  MatTooltipDisabledDirective,
-} from './mattooltip/mattooltip.directive';
+import { matTooltipDefaultOptions } from './mattooltip/mattooltip.default';
 import { MenuItemComponent } from './menu-item/menu-item.component';
 import { InternalServerErrorDialogComponent } from './notification/internal-server-error-dialog/internal-server-error-dialog.component';
 import { OpenUrlButtonComponent } from './open-url-button/open-url-button.component';
@@ -122,9 +119,6 @@ import { ValidationErrorComponent } from './validation-error/validation-error.co
     EnumEditorComponent,
     InternalServerErrorDialogComponent,
     FileUploadEditorComponent,
-    MatTooltipDirective,
-    MatTooltipDisabledDirective,
-    MatTooltipClassDirective,
     MenuItemComponent,
     PostfachIconComponent,
     AccordionComponent,
@@ -171,6 +165,7 @@ import { ValidationErrorComponent } from './validation-error/validation-error.co
     MatAutocompleteModule,
     MatDialogModule,
     MatTabsModule,
+    MatTooltipModule,
     MatBadgeModule,
     CommonModule,
     TechSharedModule,
@@ -200,6 +195,7 @@ import { ValidationErrorComponent } from './validation-error/validation-error.co
     MatAutocompleteModule,
     MatDialogModule,
     MatTabsModule,
+    MatTooltipModule,
     MatBadgeModule,
     CommonModule,
     TechSharedModule,
@@ -226,9 +222,6 @@ import { ValidationErrorComponent } from './validation-error/validation-error.co
     EnumEditorComponent,
     InternalServerErrorDialogComponent,
     FileUploadEditorComponent,
-    MatTooltipDirective,
-    MatTooltipDisabledDirective,
-    MatTooltipClassDirective,
     MenuItemComponent,
     PostfachIconComponent,
     AccordionComponent,
@@ -273,6 +266,7 @@ import { ValidationErrorComponent } from './validation-error/validation-error.co
       useClass: DateFnsAdapter,
       deps: [MAT_DATE_LOCALE],
     },
+    { provide: MAT_TOOLTIP_DEFAULT_OPTIONS, useValue: matTooltipDefaultOptions },
   ],
 })
 export class UiModule {}

alfa-client/libs/user-profile/src/lib/link-with-user-name-tooltip-container/link-with-user-name-tooltip/link-with-user-name-tooltip.component.spec.ts

@@ -21,12 +21,13 @@
  * Die sprachspezifischen Genehmigungen und Beschränkungen
  * unter der Lizenz sind dem Lizenztext zu entnehmen.
  */
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
 import { createStateResource } from '@alfa-client/tech-shared';
 import { UserProfileResource } from '@alfa-client/user-profile-shared';
-import { MatTooltipDirective } from 'libs/ui/src/lib/ui/mattooltip/mattooltip.directive';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { RouterTestingModule } from '@angular/router/testing';
 import { createUserProfileResource } from 'libs/user-profile-shared/test/user-profile';
+import { MockModule } from 'ng-mocks';
 import { LinkWithUserNameTooltipComponent } from './link-with-user-name-tooltip.component';
 
 describe('LinkWithUserNameTooltipComponent', () => {
@@ -39,7 +40,7 @@ describe('LinkWithUserNameTooltipComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [RouterTestingModule],
-      declarations: [LinkWithUserNameTooltipComponent, MatTooltipDirective],
+      declarations: [LinkWithUserNameTooltipComponent, MockModule(MatTooltipModule)],
     }).compileComponents();
   });
 

alfa-client/libs/user-profile/src/lib/text-with-user-name-tooltip-container/text-with-user-name-tooltip/text-with-user-name-tooltip.component.spec.ts

@@ -21,11 +21,12 @@
  * Die sprachspezifischen Genehmigungen und Beschränkungen
  * unter der Lizenz sind dem Lizenztext zu entnehmen.
  */
-import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { createStateResource } from '@alfa-client/tech-shared';
 import { UserProfileResource } from '@alfa-client/user-profile-shared';
-import { MatTooltipDirective } from 'libs/ui/src/lib/ui/mattooltip/mattooltip.directive';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { createUserProfileResource } from 'libs/user-profile-shared/test/user-profile';
+import { MockModule } from 'ng-mocks';
 import { TextWithUserNameTooltipComponent } from './text-with-user-name-tooltip.component';
 
 describe('TextWithUserNameTooltipComponent', () => {
@@ -37,7 +38,7 @@ describe('TextWithUserNameTooltipComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [TextWithUserNameTooltipComponent, MatTooltipDirective],
+      declarations: [TextWithUserNameTooltipComponent, MockModule(MatTooltipModule)],
     }).compileComponents();
   });
 

alfa-client/libs/user-profile/src/lib/user-icon/user-icon.component.spec.ts

@@ -21,9 +21,6 @@
  * Die sprachspezifischen Genehmigungen und Beschränkungen
  * unter der Lizenz sind dem Lizenztext zu entnehmen.
  */
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatIcon } from '@angular/material/icon';
-import { faker } from '@faker-js/faker';
 import {
   ApiError,
   EMPTY_STRING,
@@ -39,13 +36,13 @@ import {
   UserProfileResource,
   userProfileMessage,
 } from '@alfa-client/user-profile-shared';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatIcon } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { faker } from '@faker-js/faker';
 import { getDataTestClassOf } from 'libs/tech-shared/test/data-test';
-import {
-  MatTooltipDirective,
-  MatTooltipDisabledDirective,
-} from 'libs/ui/src/lib/ui/mattooltip/mattooltip.directive';
 import { createUserProfileResource } from 'libs/user-profile-shared/test/user-profile';
-import { MockComponent } from 'ng-mocks';
+import { MockComponent, MockModule } from 'ng-mocks';
 import { createApiError, createIssue } from '../../../../tech-shared/test/error';
 import { UserIconComponent } from './user-icon.component';
 
@@ -65,9 +62,8 @@ describe('UserIconComponent', () => {
       declarations: [
         UserIconComponent,
         MatIcon,
-        MatTooltipDirective,
-        MatTooltipDisabledDirective,
         MockComponent(SpinnerComponent),
+        MockModule(MatTooltipModule),
       ],
     });
   });

alfa-client/libs/vorgang-shared-ui/src/lib/aktenzeichen/aktenzeichen.component.spec.ts

@@ -21,10 +21,11 @@
  * Die sprachspezifischen Genehmigungen und Beschränkungen
  * unter der Lizenz sind dem Lizenztext zu entnehmen.
  */
-import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { VorgangResource } from '@alfa-client/vorgang-shared';
-import { MatTooltipDirective } from 'libs/ui/src/lib/ui/mattooltip/mattooltip.directive';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { createVorgangResource } from 'libs/vorgang-shared/test/vorgang';
+import { MockModule } from 'ng-mocks';
 import { VORGANG_KEIN_AKTENZEICHEN_ZUGEWIESEN } from '../vorgang-util';
 import { AktenzeichenComponent } from './aktenzeichen.component';
 
@@ -38,7 +39,7 @@ describe('AktenzeichenComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [AktenzeichenComponent, MatTooltipDirective],
+      declarations: [AktenzeichenComponent, MockModule(MatTooltipModule)],
     }).compileComponents();
   });
 

alfa-client/libs/vorgang-shared-ui/src/lib/vorgang-nummer/vorgang-nummer.component.spec.ts

@@ -26,9 +26,10 @@ import { VorgangResource } from '@alfa-client/vorgang-shared';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MatIcon } from '@angular/material/icon';
 import { MatIconTestingModule } from '@angular/material/icon/testing';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { getDataTestIdOf } from 'libs/tech-shared/test/data-test';
-import { MatTooltipDirective } from 'libs/ui/src/lib/ui/mattooltip/mattooltip.directive';
 import { createVorgangResource } from 'libs/vorgang-shared/test/vorgang';
+import { MockModule } from 'ng-mocks';
 import { VorgangNummerComponent } from './vorgang-nummer.component';
 
 describe('VorgangNummerComponent', () => {
@@ -40,7 +41,7 @@ describe('VorgangNummerComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [MatTooltipDirective, VorgangNummerComponent],
+      declarations: [MockModule(MatTooltipModule), VorgangNummerComponent],
       imports: [MatIcon, MatIconTestingModule],
     }).compileComponents();
   });

alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-created-at/vorgang-created-at.component.spec.ts

@@ -33,9 +33,10 @@ import localeDe from '@angular/common/locales/de';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MatIcon } from '@angular/material/icon';
 import { MatIconTestingModule } from '@angular/material/icon/testing';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { getDataTestIdOf } from 'libs/tech-shared/test/data-test';
-import { MatTooltipDirective } from 'libs/ui/src/lib/ui/mattooltip/mattooltip.directive';
 import { createVorgangResource } from 'libs/vorgang-shared/test/vorgang';
+import { MockModule } from 'ng-mocks';
 import { VorgangCreatedAtComponent } from './vorgang-created-at.component';
 
 registerLocaleData(localeDe);
@@ -50,10 +51,10 @@ describe('VorgangCreatedAtComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [
-        MatTooltipDirective,
         FormatDateWithoutYearWithTimePipe,
         FormatDateWithTimePipe,
         VorgangCreatedAtComponent,
+        MockModule(MatTooltipModule),
       ],
       imports: [MatIcon, MatIconTestingModule],
     }).compileComponents();

alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-list-item.component.spec.ts

@@ -47,11 +47,11 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MAT_DATE_LOCALE } from '@angular/material/core';
 import { MatIcon } from '@angular/material/icon';
 import { MatIconTestingModule } from '@angular/material/icon/testing';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { RouterTestingModule } from '@angular/router/testing';
 import { getDataTestClassOf, getDataTestIdOf } from 'libs/tech-shared/test/data-test';
-import { MatTooltipDirective } from 'libs/ui/src/lib/ui/mattooltip/mattooltip.directive';
 import { createVorgangResource } from 'libs/vorgang-shared/test/vorgang';
-import { MockComponent } from 'ng-mocks';
+import { MockComponent, MockModule } from 'ng-mocks';
 import { VorgangBescheidStatusComponent } from './vorgang-bescheid-status/vorgang-bescheid-status.component';
 import { VorgangCreatedAtComponent } from './vorgang-created-at/vorgang-created-at.component';
 import { VorgangListItemComponent } from './vorgang-list-item.component';
@@ -73,7 +73,6 @@ describe('VorgangListItemComponent', () => {
       declarations: [
         VorgangListItemComponent,
         MatIcon,
-        MatTooltipDirective,
         EnumToLabelPipe,
         ToResourceUriPipe,
         HasLinkPipe,
@@ -88,6 +87,7 @@ describe('VorgangListItemComponent', () => {
         MockComponent(UserProfileInVorgangListItemContainerComponent),
         MockComponent(VorgangCreatedAtComponent),
         MockComponent(VorgangBescheidStatusComponent),
+        MockModule(MatTooltipModule),
       ],
       providers: [
         { provide: LOCALE_ID, useValue: 'de' },