test(deactivate-account): fixed tests with mock store and account settings

Author: dinlvkdn

src/app/features/settings/account-settings/components/deactivate-account/deactivate-account.component.spec.ts

@@ -1,20 +1,22 @@
-import { provideStore } from '@ngxs/store';
+import { Store } from '@ngxs/store';
 
 import { TranslatePipe, TranslateService } from '@ngx-translate/core';
-import { MockPipe, MockProviders } from 'ng-mocks';
+import { MockPipe, MockProvider, MockProviders } from 'ng-mocks';
 
 import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
 
-import { Subject } from 'rxjs';
+import { of, Subject } from 'rxjs';
 
 import { provideHttpClient } from '@angular/common/http';
 import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { provideNoopAnimations } from '@angular/platform-browser/animations';
 
+import { AccountSettingsService } from '@osf/features/settings/account-settings/services';
+import { AccountSettingsSelectors } from '@osf/features/settings/account-settings/store';
+import { MOCK_STORE } from '@shared/mocks';
 import { ToastService } from '@shared/services';
 
-import { AccountSettingsState } from '../../store/account-settings.state';
 import { CancelDeactivationComponent } from '../cancel-deactivation/cancel-deactivation.component';
 import { DeactivationWarningComponent } from '../deactivation-warning/deactivation-warning.component';
 
@@ -26,15 +28,47 @@ describe('DeactivateAccountComponent', () => {
   let dialogService: DialogService;
   let translateService: TranslateService;
 
+  const MOCK_ACCOUNT_SETTINGS = {
+    twoFactorEnabled: false,
+    twoFactorConfirmed: false,
+    subscribeOsfGeneralEmail: false,
+    subscribeOsfHelpEmail: false,
+    deactivationRequested: false,
+    contactedDeactivation: false,
+    secret: '',
+  };
+
   beforeEach(async () => {
+    const store = MOCK_STORE;
+
+    store.selectSignal.mockImplementation((selector) => {
+      if (selector === AccountSettingsSelectors.getAccountSettings) {
+        return () => MOCK_ACCOUNT_SETTINGS;
+      }
+
+      if (selector === AccountSettingsSelectors.getEmails) {
+        return () => [];
+      }
+
+      if (selector === AccountSettingsSelectors.getRegions) {
+        return () => [];
+      }
+
+      return () => null;
+    });
+
+    store.dispatch.mockImplementation(() => {
+      return of();
+    });
+
     await TestBed.configureTestingModule({
       imports: [DeactivateAccountComponent, MockPipe(TranslatePipe)],
       providers: [
         provideNoopAnimations(),
-        provideStore([AccountSettingsState]),
+        MockProvider(Store, store),
         provideHttpClient(),
         provideHttpClientTesting(),
-        MockProviders(DynamicDialogRef, DialogService, TranslateService, ToastService),
+        MockProviders(DynamicDialogRef, DialogService, TranslateService, ToastService, AccountSettingsService),
       ],
     }).compileComponents();