build: prepare for TS 7 by enabling stableTypeOrdering compiler option

modules/store/testing/spec/mock_store.spec.ts

@@ -65,7 +65,7 @@ describe('Mock Store with TestBed', () => {
       ],
     });
 
-    mockStore = TestBed.inject(MockStore);
+    mockStore = TestBed.inject<MockStore<TestAppSchema>>(MockStore);
   });
 
   afterEach(() => {
@@ -325,7 +325,7 @@ describe('Mock Store with Injector', () => {
     it('should provide MockStore', () =>
       new Promise<void>((done) => {
         const mockStore: MockStore<typeof initialState> =
-          injector.get(MockStore);
+          injector.get<MockStore<typeof initialState>>(MockStore);
 
         mockStore.pipe(take(1)).subscribe((state) => {
           expect(state).toBe(initialState);
@@ -334,16 +334,18 @@ describe('Mock Store with Injector', () => {
       }));
 
     it('should provide the same instance for Store and MockStore', () => {
-      const store: Store<typeof initialState> = injector.get(Store);
-      const mockStore: MockStore<typeof initialState> = injector.get(MockStore);
+      const store: Store<typeof initialState> =
+        injector.get<Store<typeof initialState>>(Store);
+      const mockStore: MockStore<typeof initialState> =
+        injector.get<MockStore<typeof initialState>>(MockStore);
 
       expect(store).toBe(mockStore);
     });
 
     it('should use a mock selector', () =>
       new Promise<void>((done) => {
         const mockStore: MockStore<typeof initialState> =
-          injector.get(MockStore);
+          injector.get<MockStore<typeof initialState>>(MockStore);
 
         mockStore
           .select(mockSelector.selector)
@@ -373,7 +375,7 @@ describe('Mock Store with Injector', () => {
     it('should provide MockState', () =>
       new Promise<void>((done) => {
         const mockState: MockState<typeof initialState> =
-          injector.get(MockState);
+          injector.get<MockState<typeof initialState>>(MockState);
 
         mockState.pipe(take(1)).subscribe((state) => {
           expect(state).toEqual({});
@@ -392,7 +394,8 @@ describe('Mock Store with Injector', () => {
       }));
 
     it('should provide the same instance for MockState and StateObservable', () => {
-      const mockState: MockState<typeof initialState> = injector.get(MockState);
+      const mockState: MockState<typeof initialState> =
+        injector.get<MockState<typeof initialState>>(MockState);
       const stateObservable: StateObservable = injector.get(StateObservable);
 
       expect(mockState).toBe(stateObservable);
@@ -490,7 +493,7 @@ describe('Refreshing state', () => {
       providers: [provideMockStore()],
     }).compileComponents();
 
-    mockStore = TestBed.inject(MockStore);
+    mockStore = TestBed.inject<MockStore<TodoState>>(MockStore);
     mockSelector = mockStore.overrideSelector(todos, initialTodos);
 
     fixture = TestBed.createComponent(TodosComponent);

modules/store/testing/src/testing.ts

@@ -156,7 +156,7 @@ export function createMockStore<T>(
   config: MockStoreConfig<T> = {}
 ): MockStore<T> {
   const injector = Injector.create({ providers: provideMockStore(config) });
-  return injector.get(MockStore);
+  return injector.get<MockStore<T>>(MockStore);
 }
 
 export { MockReducerManager } from './mock_reducer_manager';

projects/example-app/src/app/auth/containers/login-page.component.spec.ts

@@ -10,7 +10,7 @@ import { MaterialModule } from '@example-app/material';
 
 describe('Login Page', () => {
   let fixture: ComponentFixture<LoginPageComponent>;
-  let store: MockStore;
+  let store: MockStore<fromAuth.State>;
   let instance: LoginPageComponent;
 
   beforeEach(() => {
@@ -29,7 +29,7 @@ describe('Login Page', () => {
 
     fixture = TestBed.createComponent(LoginPageComponent);
     instance = fixture.componentInstance;
-    store = TestBed.inject(MockStore);
+    store = TestBed.inject<MockStore<fromAuth.State>>(MockStore);
 
     vi.spyOn(store, 'dispatch');
   });

projects/example-app/src/app/auth/services/auth-guard.service.spec.ts

@@ -8,15 +8,15 @@ import { Observable } from 'rxjs';
 
 describe('Auth Guard', () => {
   let guard: Observable<boolean>;
-  let store: MockStore;
+  let store: MockStore<fromAuth.State>;
   let loggedIn: MemoizedSelector<fromAuth.State, boolean>;
 
   beforeEach(() => {
     TestBed.configureTestingModule({
       providers: [provideMockStore()],
     });
 
-    store = TestBed.inject(MockStore);
+    store = TestBed.inject<MockStore<fromAuth.State>>(MockStore);
     guard = TestBed.runInInjectionContext(authGuard);
     loggedIn = store.overrideSelector(fromAuth.selectLoggedIn, false);
   });

projects/example-app/src/app/books/containers/collection-page.component.spec.ts

@@ -18,7 +18,7 @@ import { MaterialModule } from '@example-app/material';
 
 describe('Collection Page', () => {
   let fixture: ComponentFixture<CollectionPageComponent>;
-  let store: MockStore;
+  let store: MockStore<fromBooks.State>;
 
   beforeEach(() => {
     TestBed.configureTestingModule({
@@ -39,7 +39,7 @@ describe('Collection Page', () => {
     });
 
     fixture = TestBed.createComponent(CollectionPageComponent);
-    store = TestBed.inject(MockStore);
+    store = TestBed.inject<MockStore<fromBooks.State>>(MockStore);
 
     vi.spyOn(store, 'dispatch');
   });

projects/example-app/src/app/books/containers/find-book-page.component.spec.ts

@@ -20,7 +20,7 @@ import { MaterialModule } from '@example-app/material';
 
 describe('Find Book Page', () => {
   let fixture: ComponentFixture<FindBookPageComponent>;
-  let store: MockStore;
+  let store: MockStore<fromBooks.State>;
   let instance: FindBookPageComponent;
 
   beforeEach(() => {
@@ -54,7 +54,7 @@ describe('Find Book Page', () => {
 
     fixture = TestBed.createComponent(FindBookPageComponent);
     instance = fixture.componentInstance;
-    store = TestBed.inject(MockStore);
+    store = TestBed.inject<MockStore<fromBooks.State>>(MockStore);
 
     vi.spyOn(store, 'dispatch');
   });

projects/example-app/src/app/books/containers/selected-book-page.component.spec.ts

@@ -16,7 +16,7 @@ import { MaterialModule } from '@example-app/material';
 
 describe('Selected Book Page', () => {
   let fixture: ComponentFixture<SelectedBookPageComponent>;
-  let store: MockStore;
+  let store: MockStore<fromBooks.State>;
   let instance: SelectedBookPageComponent;
 
   beforeEach(() => {
@@ -40,7 +40,7 @@ describe('Selected Book Page', () => {
 
     fixture = TestBed.createComponent(SelectedBookPageComponent);
     instance = fixture.componentInstance;
-    store = TestBed.inject(MockStore);
+    store = TestBed.inject<MockStore<fromBooks.State>>(MockStore);
 
     vi.spyOn(store, 'dispatch');
   });

projects/example-app/src/app/books/containers/view-book-page.component.spec.ts

@@ -17,7 +17,7 @@ import { MaterialModule } from '@example-app/material';
 
 describe('View Book Page', () => {
   let fixture: ComponentFixture<ViewBookPageComponent>;
-  let store: MockStore;
+  let store: MockStore<fromBooks.State>;
   let route: ActivatedRoute;
 
   beforeEach(() => {
@@ -45,7 +45,7 @@ describe('View Book Page', () => {
     });
 
     fixture = TestBed.createComponent(ViewBookPageComponent);
-    store = TestBed.inject(MockStore);
+    store = TestBed.inject<MockStore<fromBooks.State>>(MockStore);
     route = TestBed.inject(ActivatedRoute);
 
     vi.spyOn(store, 'dispatch');

tsconfig.json

@@ -7,6 +7,7 @@
     "ignoreDeprecations": "6.0",
     "emitDecoratorMetadata": true,
     "noImplicitOverride": true,
+    "stableTypeOrdering": true,
     "useDefineForClassFields": false,
     "lib": ["ES2022", "dom"],
     "outDir": "../out-tsc/app",