Fix tests

Author: matthijsln

projects/core/src/lib/components/edit/edit-dialog/edit-dialog.component.spec.ts

@@ -1,7 +1,7 @@
 import { render, screen } from '@testing-library/angular';
 import { EditDialogComponent } from './edit-dialog.component';
 import { provideMockStore } from '@ngrx/store/testing';
-import { SharedModule } from '@tailormap-viewer/shared';
+import { LoadingStateEnum, SharedModule } from '@tailormap-viewer/shared';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { AttributeType, getAppLayerModel, getFeatureModel, UniqueValuesService } from '@tailormap-viewer/api';
 import { MatIconTestingModule } from '@angular/material/icon/testing';
@@ -15,6 +15,8 @@ import { of } from 'rxjs';
 import { ViewerLayoutService } from '../../../services/viewer-layout/viewer-layout.service';
 import { CoreSharedModule } from '../../../shared';
 import { getMapServiceMock } from '../../../test-helpers/map-service.mock.spec';
+import { EditMapToolService } from '../services/edit-map-tool.service';
+import { coreStateKey, initialCoreState, selectViewerLoadingState, ViewerState } from '../../../state';
 
 const getFeatureInfo = (): FeatureWithMetadataModel => {
   return {
@@ -42,9 +44,13 @@ const setup = async (getLayerDetails = false, selectors: any[] = []) => {
       },
       { provide: EditFeatureService, useValue: {} },
       getMapServiceMock().provider,
-      provideMockStore({ initialState: { [editStateKey]: { ...initialEditState } }, selectors }),
+      provideMockStore({ initialState: {
+        [editStateKey]: { ...initialEditState },
+        [coreStateKey]: { ...initialCoreState, viewer: { components: [] } as ViewerState },
+      }, selectors }),
       { provide: UniqueValuesService, useValue: { clearCaches: jest.fn() } },
       { provide: ViewerLayoutService, useValue: { setLeftPadding: jest.fn(), setRightPadding: jest.fn() } },
+      { provide: EditMapToolService, useValue: { allEditGeometry$: of() } },
     ],
     schemas: [CUSTOM_ELEMENTS_SCHEMA],
   });
@@ -63,7 +69,7 @@ describe('EditDialogComponent', () => {
       { selector: selectSelectedEditFeature, value: getFeatureInfo() },
       { selector: selectEditDialogVisible, value: true },
     ]);
-    expect(await screen.findByText('Edit')).toBeInTheDocument();
+    expect(await screen.findByText('Edit feature')).toBeInTheDocument();
     expect(await screen.findByText('Close')).toBeInTheDocument();
     expect(await screen.findByText('Save')).toBeInTheDocument();
     expect(await screen.findByText('Delete')).toBeInTheDocument();

projects/core/src/lib/components/edit/edit/edit.component.spec.ts

@@ -8,12 +8,14 @@ import { selectEditActive, selectSelectedEditLayer } from "../state/edit.selecto
 import { SharedModule } from "@tailormap-viewer/shared";
 import { MatIconTestingModule } from "@angular/material/icon/testing";
 import { AuthenticatedUserTestHelper } from '../../../test-helpers/authenticated-user-test.helper';
+import { HttpXsrfTokenExtractor } from '@angular/common/http';
 
 const setup = async (hasLayers: boolean, authenticated: boolean) => {
   await render(EditComponent, {
     imports: [ SharedModule, MatIconTestingModule ],
     schemas: [CUSTOM_ELEMENTS_SCHEMA],
     providers: [
+      { provide: HttpXsrfTokenExtractor, useValue: {} as HttpXsrfTokenExtractor },
       { provide: TAILORMAP_API_V1_SERVICE, useClass: TailormapApiV1MockService },
       AuthenticatedUserTestHelper.provideAuthenticatedUserService(authenticated, []),
       provideMockStore({
@@ -35,8 +37,6 @@ describe('EditComponent', () => {
     const buttons  = screen.getAllByRole('button');
     expect(buttons[0]).toBeVisible();
     expect(buttons[0]).not.toHaveClass("disabled");
-    expect(buttons[1]).toBeVisible();
-    expect(buttons[1]).toHaveClass("disabled");
   });
 
   test('should be disabled when user is not logged in button', async () => {