Fix broken tests

ppaternostro · ppaternostro · commit 830db4a76600 · 2025-11-12T23:07:16.000-05:00
diff --git a/src/app/component/search/search.component.spec.ts b/src/app/component/search/search.component.spec.ts
@@ -1,13 +1,17 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
+import { HarnessLoader } from '@angular/cdk/testing';
+import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
 import { HttpHandler, provideHttpClient } from '@angular/common/http';
+import { MatSelectHarness } from '@angular/material/select/testing';
 import { By } from '@angular/platform-browser';
 import { PostService } from '../../service/rest/post/post.service';
 import { SearchComponent } from './search.component';
 
 describe('SearchComponent', () => {
   let component: SearchComponent;
   let fixture: ComponentFixture<SearchComponent>;
+  let loader: HarnessLoader;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
@@ -18,46 +22,47 @@ describe('SearchComponent', () => {
     fixture = TestBed.createComponent(SearchComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
+    loader = TestbedHarnessEnvironment.loader(fixture);
   });
 
   it('should create', () => {
     expect(component).toBeTruthy();
   });
 
-  it('should ensure default state on creation', () => {
-    const searchBy: HTMLElement = fixture.debugElement.query(
-      By.css('#search-by')
-    ).nativeElement;
+  it('should ensure default state on creation', async () => {
     const searchText = fixture.debugElement.query(
       By.css('#search-text')
     ).nativeElement;
     const searchButton = fixture.debugElement.query(
       By.css('#search')
     ).nativeElement;
 
-    expect(searchBy.getAttribute('ng-reflect-value')).toBe('All');
+    const selectHarness = await loader.getHarness(MatSelectHarness);
+    const selectedValue = await selectHarness.getValueText();
+
+    expect(selectedValue).toBe('All');
     expect(searchText.disabled).toBeTrue();
     expect(searchButton.disabled).toBeFalse();
   });
 
-  it('should ensure correct state on selection change', () => {
+  it('should ensure correct state on selection change', async () => {
     // Change selection value
     component.selected = 'Id';
     component.onSelectionChanged(component.selected);
 
     fixture.detectChanges();
 
-    const searchBy: HTMLElement = fixture.debugElement.query(
-      By.css('#search-by')
-    ).nativeElement;
     const searchText = fixture.debugElement.query(
       By.css('#search-text')
     ).nativeElement;
     const searchButton = fixture.debugElement.query(
       By.css('#search')
     ).nativeElement;
 
-    expect(searchBy.getAttribute('ng-reflect-value')).toBe('Id');
+    const selectHarness = await loader.getHarness(MatSelectHarness);
+    const selectedValue = await selectHarness.getValueText();
+
+    expect(selectedValue).toBe('Id');
     expect(searchText.disabled).toBeFalse();
     expect(searchButton.disabled).toBeTrue();
 
