test: improve test consistency and refactor async handling

- Replaced `flushEffects` with `tick` for better control in `derivedAsync` tests.
- Added `autoDetectChanges` in `autoEffect` tests to streamline change detection.
- Fixed incorrect configuration in `inject-text-selection` tests by replacing `declarations` with `imports`.

Author: eneajaho

libs/ngxtension/auto-effect/src/auto-effect.spec.ts

@@ -28,6 +28,8 @@ describe(injectAutoEffect.name, () => {
 
 	function setup() {
 		const fixture = TestBed.createComponent(Test);
+		fixture.autoDetectChanges();
+
 		const component = fixture.componentInstance;
 		fixture.detectChanges();
 		return [

libs/ngxtension/derived-async/src/derived-async.spec.ts

@@ -15,7 +15,7 @@ describe(derivedAsync.name, () => {
 				const result = derivedAsync(() => value());
 				expect(result()).toEqual(undefined); // initial value
 				value.set(null);
-				TestBed.flushEffects();
+				tick();
 				expect(result()).toEqual(null);
 			});
 		}));
@@ -29,10 +29,10 @@ describe(derivedAsync.name, () => {
 				});
 
 				expect(result()).toEqual(undefined); // initial value
-				TestBed.flushEffects();
+				tick();
 				expect(result()).toEqual([1, 2, 3]);
 				value.set(1);
-				TestBed.flushEffects();
+				tick();
 				expect(result()).toEqual([2, 3, 4]);
 			});
 		}));
@@ -49,10 +49,10 @@ describe(derivedAsync.name, () => {
 				);
 
 				expect(result()).toEqual([]); // initial value
-				TestBed.flushEffects();
+				tick();
 				expect(result()).toEqual([1, 2, 3]);
 				value.set(1);
-				TestBed.flushEffects();
+				tick();
 				expect(result()).toEqual([2, 3, 4]);
 			});
 		}));
@@ -110,27 +110,32 @@ describe(derivedAsync.name, () => {
 				const value = signal(1);
 				const s = derivedAsync(() => of(value()));
 				expect(s()).toEqual(undefined); // initial value
+				tick();
+				expect(s()).toEqual(1);
 			});
 		}));
 		it('returns correct value and doesnt throw error if enabled', fakeAsync(() => {
 			TestBed.runInInjectionContext(() => {
 				const value = signal(1);
 				const s = derivedAsync(() => of(value()), { requireSync: true });
+				tick();
 				expect(s()).toEqual(1); // initial value
 			});
 		}));
-		it('returns correct value and doesnt throw error with initial value provided', () => {
+		it('returns correct value and doesnt throw error with initial value provided', fakeAsync(() => {
 			TestBed.runInInjectionContext(() => {
 				const s = derivedAsync(() => of(1), { initialValue: 2 });
 				expect(s()).toEqual(2); // initial value
-				TestBed.flushEffects();
+				tick();
 				expect(s()).toEqual(1);
 			});
-		});
+		}));
 		it('returns correct value and doesnt throw error with normal variable when enabled', fakeAsync(() => {
 			TestBed.runInInjectionContext(() => {
 				const s = derivedAsync(() => 1, { requireSync: true });
 				expect(s()).toEqual(1); // initial value
+				tick();
+				expect(s()).toEqual(1); // initial value
 			});
 		}));
 		it('throws error for promises', () => {

libs/ngxtension/inject-text-selection/src/inject-text-selection.spec.ts

@@ -51,7 +51,7 @@ describe(injectTextSelection.name, () => {
 
 		// Configure the testing module with our test component.
 		TestBed.configureTestingModule({
-			declarations: [TestSelectionComponent],
+			imports: [TestSelectionComponent],
 		});
 
 		// Create the component and trigger initial change detection.