diff --git a/alfa-client/libs/binary-file/src/lib/binary-file-container/binary-file/binary-file.component.spec.ts b/alfa-client/libs/binary-file/src/lib/binary-file-container/binary-file/binary-file.component.spec.ts index 7accc9f495a262685793bd3e50f34d5b96bcf712..91e0d49606a54669edc018f3e97350e240de02b2 100644 --- a/alfa-client/libs/binary-file/src/lib/binary-file-container/binary-file/binary-file.component.spec.ts +++ b/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), ], diff --git a/alfa-client/libs/ui/src/index.ts b/alfa-client/libs/ui/src/index.ts index 18cbad77e78dfb553c9cc351c0f6a084446b41a0..ed84f3db5d20804637786f2d47d4e2ad8fed0f65 100644 --- a/alfa-client/libs/ui/src/index.ts +++ b/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'; diff --git a/alfa-client/libs/ui/src/lib/ui/back-button/back-button.component.spec.ts b/alfa-client/libs/ui/src/lib/ui/back-button/back-button.component.spec.ts index f216b9a4171c9cb0f3bccde97f17b4d4d73b6bbf..4e90d76c66ed69088cd5b40760d2aff4f17dda7e 100644 --- a/alfa-client/libs/ui/src/lib/ui/back-button/back-button.component.spec.ts +++ b/alfa-client/libs/ui/src/lib/ui/back-button/back-button.component.spec.ts @@ -1,10 +1,11 @@ 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', () => { diff --git a/alfa-client/libs/ui/src/lib/ui/icon-button-with-spinner/icon-button-with-spinner.component.spec.ts b/alfa-client/libs/ui/src/lib/ui/icon-button-with-spinner/icon-button-with-spinner.component.spec.ts index e136723944a8a3abc875efe9bf7204cc4407f748..cc423f9a8086d18af5fdc13a0db41ab2fae861df 100644 --- a/alfa-client/libs/ui/src/lib/ui/icon-button-with-spinner/icon-button-with-spinner.component.spec.ts +++ b/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), ], }); }); diff --git a/alfa-client/libs/ui/src/lib/ui/mattooltip/mattooltip.default.ts b/alfa-client/libs/ui/src/lib/ui/mattooltip/mattooltip.default.ts new file mode 100644 index 0000000000000000000000000000000000000000..ba74384d51851cefb3f9e85aa82f0d695f8f02bb --- /dev/null +++ b/alfa-client/libs/ui/src/lib/ui/mattooltip/mattooltip.default.ts @@ -0,0 +1,7 @@ +import { MatTooltipDefaultOptions } from '@angular/material/tooltip'; + +export const matTooltipDefaultOptions: MatTooltipDefaultOptions = { + showDelay: 1500, + hideDelay: 0, + touchendHideDelay: 1500, +}; diff --git a/alfa-client/libs/ui/src/lib/ui/mattooltip/mattooltip.directive.spec.ts b/alfa-client/libs/ui/src/lib/ui/mattooltip/mattooltip.directive.spec.ts deleted file mode 100644 index 2ebf4a59ad1ce37a0135097f9181b2b35fbc703a..0000000000000000000000000000000000000000 --- a/alfa-client/libs/ui/src/lib/ui/mattooltip/mattooltip.directive.spec.ts +++ /dev/null @@ -1,58 +0,0 @@ -/* - * 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(); - }); - }); -}); diff --git a/alfa-client/libs/ui/src/lib/ui/mattooltip/mattooltip.directive.ts b/alfa-client/libs/ui/src/lib/ui/mattooltip/mattooltip.directive.ts deleted file mode 100644 index 593d0c45b3a996c3eb87d347bfd92553bed9c3fe..0000000000000000000000000000000000000000 --- a/alfa-client/libs/ui/src/lib/ui/mattooltip/mattooltip.directive.ts +++ /dev/null @@ -1,75 +0,0 @@ -/* - * 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; -} diff --git a/alfa-client/libs/ui/src/lib/ui/ozgcloud-button/ozgcloud-button-with-spinner/ozgcloud-button-with-spinner.component.spec.ts b/alfa-client/libs/ui/src/lib/ui/ozgcloud-button/ozgcloud-button-with-spinner/ozgcloud-button-with-spinner.component.spec.ts index 5d3fdd9d32ccf8ee3a109b44db621c93892eae4f..f89d7c53c18bfea6fed7ca930681a0cc574b1138 100644 --- a/alfa-client/libs/ui/src/lib/ui/ozgcloud-button/ozgcloud-button-with-spinner/ozgcloud-button-with-spinner.component.spec.ts +++ b/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(); diff --git a/alfa-client/libs/ui/src/lib/ui/ozgcloud-button/ozgcloud-icon-button-primary/ozgcloud-icon-button-primary.component.spec.ts b/alfa-client/libs/ui/src/lib/ui/ozgcloud-button/ozgcloud-icon-button-primary/ozgcloud-icon-button-primary.component.spec.ts index 91c58127ea53ad7eb01d20ff19ea86c472a3de47..42de6220cbeb942d053d8e2e493f12972845056b 100644 --- a/alfa-client/libs/ui/src/lib/ui/ozgcloud-button/ozgcloud-icon-button-primary/ozgcloud-icon-button-primary.component.spec.ts +++ b/alfa-client/libs/ui/src/lib/ui/ozgcloud-button/ozgcloud-icon-button-primary/ozgcloud-icon-button-primary.component.spec.ts @@ -1,12 +1,12 @@ +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), ], }); }); diff --git a/alfa-client/libs/ui/src/lib/ui/ozgcloud-button/ozgcloud-stroked-button-with-spinner/ozgcloud-stroked-button-with-spinner.component.spec.ts b/alfa-client/libs/ui/src/lib/ui/ozgcloud-button/ozgcloud-stroked-button-with-spinner/ozgcloud-stroked-button-with-spinner.component.spec.ts index 99b39988e7a25efb6c0577647dad825faac6740d..5affb48a358a939b035eff579d80d44b65bae040 100644 --- a/alfa-client/libs/ui/src/lib/ui/ozgcloud-button/ozgcloud-stroked-button-with-spinner/ozgcloud-stroked-button-with-spinner.component.spec.ts +++ b/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(); diff --git a/alfa-client/libs/ui/src/lib/ui/ozgcloud-paste-text-button/ozgcloud-paste-text-button.component.spec.ts b/alfa-client/libs/ui/src/lib/ui/ozgcloud-paste-text-button/ozgcloud-paste-text-button.component.spec.ts index 2173708cb5c899e1a77535619409507f2917957d..cca860ae0eb78e8f61babd0a52caf54f006533a1 100644 --- a/alfa-client/libs/ui/src/lib/ui/ozgcloud-paste-text-button/ozgcloud-paste-text-button.component.spec.ts +++ b/alfa-client/libs/ui/src/lib/ui/ozgcloud-paste-text-button/ozgcloud-paste-text-button.component.spec.ts @@ -1,14 +1,14 @@ -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(); diff --git a/alfa-client/libs/ui/src/lib/ui/slide-toggle/slide-toggle.component.spec.ts b/alfa-client/libs/ui/src/lib/ui/slide-toggle/slide-toggle.component.spec.ts index fbbf1480130f7976d0ed19037265b1b8e73a0abb..1d001dae9a6b947774bf7a4b0674d99b9e6d35b8 100644 --- a/alfa-client/libs/ui/src/lib/ui/slide-toggle/slide-toggle.component.spec.ts +++ b/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); diff --git a/alfa-client/libs/ui/src/lib/ui/ui.module.ts b/alfa-client/libs/ui/src/lib/ui/ui.module.ts index 3957646680c24d26727e4085b0f2628292004c78..3344655723a5b0f505918ac3cae9e9b77e966839 100644 --- a/alfa-client/libs/ui/src/lib/ui/ui.module.ts +++ b/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 {} diff --git a/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 b/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 index e4744d1ed7c6aa2da22ea3e94e2724c5171ec01e..ea9c2c0373d77ab24f56e9f961c794292aa75a83 100644 --- a/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 +++ b/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(); }); diff --git a/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 b/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 index f3b28df09eddef757fc9fcc23590f6818d1fafce..68ab1321d6fbfed2cf46e2c4ea9fc0e8137575aa 100644 --- a/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 +++ b/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(); }); diff --git a/alfa-client/libs/user-profile/src/lib/user-icon/user-icon.component.spec.ts b/alfa-client/libs/user-profile/src/lib/user-icon/user-icon.component.spec.ts index af8f79ad791e7e28eddddcece342916ae14ad4ee..c2c4f8ef4539fc85530fc656c9733dd514894cf4 100644 --- a/alfa-client/libs/user-profile/src/lib/user-icon/user-icon.component.spec.ts +++ b/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), ], }); }); diff --git a/alfa-client/libs/vorgang-shared-ui/src/lib/aktenzeichen/aktenzeichen.component.spec.ts b/alfa-client/libs/vorgang-shared-ui/src/lib/aktenzeichen/aktenzeichen.component.spec.ts index 32bad0caeef5fb45a8b21978294d17a529f4d1fb..44c38ecb399f0407d118f8ceda4b8ae6089d9e46 100644 --- a/alfa-client/libs/vorgang-shared-ui/src/lib/aktenzeichen/aktenzeichen.component.spec.ts +++ b/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(); }); diff --git a/alfa-client/libs/vorgang-shared-ui/src/lib/vorgang-nummer/vorgang-nummer.component.spec.ts b/alfa-client/libs/vorgang-shared-ui/src/lib/vorgang-nummer/vorgang-nummer.component.spec.ts index 2f16944ecba83b737f8a187b9797991ea9810b93..17e53a890b1310c8661ea9cd8494b3fed95b4977 100644 --- a/alfa-client/libs/vorgang-shared-ui/src/lib/vorgang-nummer/vorgang-nummer.component.spec.ts +++ b/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(); }); diff --git a/alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-created-at/vorgang-created-at.component.spec.ts b/alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-created-at/vorgang-created-at.component.spec.ts index 15a3f647fef8fbe83919d8c363bc3d5db5698cca..84d5e3e901e2b3dea809dc8fb2f3ebbb847baf46 100644 --- a/alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-created-at/vorgang-created-at.component.spec.ts +++ b/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(); diff --git a/alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-list-item.component.spec.ts b/alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-list-item.component.spec.ts index e046a32eab12a4064c49d7a06c47725633814dfd..4a06bce8341af9c60b88bb268fa5c6e437466e40 100644 --- a/alfa-client/libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-list-item.component.spec.ts +++ b/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' }, diff --git a/alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-list-in-vorgang-container/wiedervorlage-list-in-vorgang/wiedervorlage-in-vorgang/wiedervorlage-in-vorgang.component.spec.ts b/alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-list-in-vorgang-container/wiedervorlage-list-in-vorgang/wiedervorlage-in-vorgang/wiedervorlage-in-vorgang.component.spec.ts index f6442e1fe17610a68eb694d0d3ab5676244ba8db..2905c68dcec2713e72866dffb2902e04e570d518 100644 --- a/alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-list-in-vorgang-container/wiedervorlage-list-in-vorgang/wiedervorlage-in-vorgang/wiedervorlage-in-vorgang.component.spec.ts +++ b/alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-list-in-vorgang-container/wiedervorlage-list-in-vorgang/wiedervorlage-in-vorgang/wiedervorlage-in-vorgang.component.spec.ts @@ -21,14 +21,6 @@ * Die sprachspezifischen Genehmigungen und Beschränkungen * unter der Lizenz sind dem Lizenztext zu entnehmen. */ -import { registerLocaleData } from '@angular/common'; -import localeDe from '@angular/common/locales/de'; -import localeDeExtra from '@angular/common/locales/extra/de'; -import { LOCALE_ID } from '@angular/core'; -import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { MAT_DATE_LOCALE } from '@angular/material/core'; -import { MatIcon } from '@angular/material/icon'; -import { RouterTestingModule } from '@angular/router/testing'; import { ConvertForDataTestPipe, FormatToPrettyDatePipe, @@ -44,9 +36,17 @@ import { TextWithUserNameTooltipContainerComponent, } from '@alfa-client/user-profile'; import { WiedervorlageResource } from '@alfa-client/wiedervorlage-shared'; -import { MatTooltipDirective } from 'libs/ui/src/lib/ui/mattooltip/mattooltip.directive'; +import { registerLocaleData } from '@angular/common'; +import localeDe from '@angular/common/locales/de'; +import localeDeExtra from '@angular/common/locales/extra/de'; +import { LOCALE_ID } from '@angular/core'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { MAT_DATE_LOCALE } from '@angular/material/core'; +import { MatIcon } from '@angular/material/icon'; +import { MatTooltipModule } from '@angular/material/tooltip'; +import { RouterTestingModule } from '@angular/router/testing'; import { createWiedervorlageResource } from 'libs/wiedervorlage-shared/test/wiedervorlage'; -import { MockComponent } from 'ng-mocks'; +import { MockComponent, MockModule } from 'ng-mocks'; import { WiedervorlageStatusComponent } from '../../../wiedervorlage-status/wiedervorlage-status.component'; import { WiedervorlageAttachmentListContainerComponent } from './wiedervorlage-attachment-list-container/wiedervorlage-attachment-list-container.component'; import { WiedervorlageInVorgangExpandButtonComponent } from './wiedervorlage-in-vorgang-expand-button/wiedervorlage-in-vorgang-expand-button.component'; @@ -71,7 +71,6 @@ describe('WiedervorlageInVorgangComponent', () => { ToTrafficLightTooltipPipe, ConvertForDataTestPipe, MatIcon, - MatTooltipDirective, HasLinkPipe, MockComponent(ExpansionPanelComponent), MockComponent(WiedervorlageStatusComponent), @@ -79,6 +78,7 @@ describe('WiedervorlageInVorgangComponent', () => { MockComponent(WiedervorlageInVorgangExpandButtonComponent), MockComponent(LinkWithUserNameTooltipContainerComponent), MockComponent(TextWithUserNameTooltipContainerComponent), + MockModule(MatTooltipModule), ], imports: [RouterTestingModule], providers: [ diff --git a/alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-list-in-vorgang-list-container/wiedervorlage-list-in-vorgang-list-container.component.spec.ts b/alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-list-in-vorgang-list-container/wiedervorlage-list-in-vorgang-list-container.component.spec.ts index 75ab10717c2841090bd7ac8ff5ae5f504fff248f..74236224ee08d62dd4221888ae3cfc50122659d3 100644 --- a/alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-list-in-vorgang-list-container/wiedervorlage-list-in-vorgang-list-container.component.spec.ts +++ b/alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-list-in-vorgang-list-container/wiedervorlage-list-in-vorgang-list-container.component.spec.ts @@ -21,17 +21,17 @@ * Die sprachspezifischen Genehmigungen und Beschränkungen * unter der Lizenz sind dem Lizenztext zu entnehmen. */ -import { ComponentFixture, TestBed } from '@angular/core/testing'; import { FormatToPrettyDatePipe, ToTrafficLightTooltipPipe, createStateResource, } from '@alfa-client/tech-shared'; import { mock } from '@alfa-client/test-utils'; -import { MatTooltipDirective } from '@alfa-client/ui'; import { WiedervorlageService } from '@alfa-client/wiedervorlage-shared'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { MatTooltipModule } from '@angular/material/tooltip'; import { createWiedervorlageListResource } from 'libs/wiedervorlage-shared/test/wiedervorlage'; -import { MockComponent } from 'ng-mocks'; +import { MockComponent, MockModule } from 'ng-mocks'; import { of } from 'rxjs'; import { WiedervorlageStatusComponent } from '../wiedervorlage-status/wiedervorlage-status.component'; import { WiedervorlageListInVorgangListContainerComponent } from './wiedervorlage-list-in-vorgang-list-container.component'; @@ -49,10 +49,10 @@ describe('WiedervorlageListInVorgangListContainerComponent', () => { await TestBed.configureTestingModule({ declarations: [ WiedervorlageListInVorgangListContainerComponent, - MatTooltipDirective, FormatToPrettyDatePipe, ToTrafficLightTooltipPipe, MockComponent(WiedervorlageStatusComponent), + MockModule(MatTooltipModule), ], providers: [ { diff --git a/alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-status/wiedervorlage-status.component.spec.ts b/alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-status/wiedervorlage-status.component.spec.ts index e256cd43b662deb73056374fee28c375a879a7c6..bf2eefe11e7a37462651bd714ef0c86887b81900 100644 --- a/alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-status/wiedervorlage-status.component.spec.ts +++ b/alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-status/wiedervorlage-status.component.spec.ts @@ -21,12 +21,12 @@ * Die sprachspezifischen Genehmigungen und Beschränkungen * unter der Lizenz sind dem Lizenztext zu entnehmen. */ +import { ToTrafficLightPipe } from '@alfa-client/tech-shared'; import { ComponentFixture, TestBed } from '@angular/core/testing'; import { MatIcon } from '@angular/material/icon'; -import { ToTrafficLightPipe } from '@alfa-client/tech-shared'; -import { MatTooltipDirective } from '@alfa-client/ui'; +import { MatTooltipModule } from '@angular/material/tooltip'; import { createWiedervorlageResource } from 'libs/wiedervorlage-shared/test/wiedervorlage'; -import { MockDirective } from 'ng-mocks'; +import { MockModule } from 'ng-mocks'; import { WiedervorlageStatusComponent } from './wiedervorlage-status.component'; const doneIcon: string = '[data-test-class="done-icon"]'; @@ -40,8 +40,8 @@ describe('WiedervorlageStatusComponent', () => { declarations: [ WiedervorlageStatusComponent, ToTrafficLightPipe, - MockDirective(MatTooltipDirective), MatIcon, + MockModule(MatTooltipModule), ], }).compileComponents(); });