diff --git a/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-editable/aktenzeichen-editable.component.spec.ts b/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-editable/aktenzeichen-editable.component.spec.ts index ff9fac80cc66eab370ef4677e805fe24aa697c8e..a12eb4992efac591b5454f95e93db04875aa72ce 100644 --- a/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-editable/aktenzeichen-editable.component.spec.ts +++ b/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-editable/aktenzeichen-editable.component.spec.ts @@ -22,11 +22,13 @@ * unter der Lizenz sind dem Lizenztext zu entnehmen. */ import { HasLinkPipe } from '@alfa-client/tech-shared'; -import { mock } from '@alfa-client/test-utils'; -import { DialogService, OzgcloudIconButtonPrimaryComponent } from '@alfa-client/ui'; +import { existsAsHtmlElement, mock, notExistsAsHtmlElement } from '@alfa-client/test-utils'; +import { DialogService } from '@alfa-client/ui'; import { VorgangWithEingangLinkRel } from '@alfa-client/vorgang-shared'; import { AktenzeichenComponent } from '@alfa-client/vorgang-shared-ui'; import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { ButtonComponent, EditIconComponent } from '@ods/system'; +import { getDataTestIdOf } from 'libs/tech-shared/test/data-test'; import { createVorgangWithEingangResource } from 'libs/vorgang-shared/test/vorgang'; import { MockComponent } from 'ng-mocks'; import { AktenzeichenEditDialogComponent } from '../aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component'; @@ -36,6 +38,8 @@ describe('AktenzeichenComponent', () => { let component: AktenzeichenEditableComponent; let fixture: ComponentFixture<AktenzeichenEditableComponent>; + const editButton: string = getDataTestIdOf('aktenzeichen-editieren'); + const dialogService = mock(DialogService); beforeEach(async () => { @@ -43,7 +47,8 @@ describe('AktenzeichenComponent', () => { declarations: [ HasLinkPipe, AktenzeichenEditableComponent, - MockComponent(OzgcloudIconButtonPrimaryComponent), + MockComponent(ButtonComponent), + MockComponent(EditIconComponent), MockComponent(AktenzeichenComponent), ], providers: [ @@ -80,11 +85,9 @@ describe('AktenzeichenComponent', () => { describe('after render', () => { it('should render edit button', () => { - const editIcon = fixture.nativeElement.querySelector('ozgcloud-icon-button-primary'); - fixture.detectChanges(); - expect(editIcon).not.toBeInstanceOf(HTMLElement); + notExistsAsHtmlElement(fixture, editButton); }); it('should render edit button', () => { @@ -94,8 +97,7 @@ describe('AktenzeichenComponent', () => { fixture.detectChanges(); - const editIcon = fixture.nativeElement.querySelector('ozgcloud-icon-button-primary'); - expect(editIcon).toBeInstanceOf(HTMLElement); + existsAsHtmlElement(fixture, editButton); }); }); });