OZG-6564 Fix unit test

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);
     });
   });
 });