[DURACOM-303] adapt tests dependencies and template variable

Author: FrancescoMolinaro

src/app/shared/search/search-results/search-results-skeleton/search-results-skeleton.component.html

@@ -5,7 +5,7 @@
 </div>
 
 <ng-container *ngIf="(viewMode$ | async) === ViewMode.ListElement; else grid">
-  <ng-container *ngFor="let result of loadingResults; let first = $first">
+  <ng-container *ngFor="let result of loadingResults; let first = first">
     <div [class.my-4]="!first" class="row">
       <div *ngIf="showThumbnails" class="col-3 col-md-2">
         <div class="thumbnail-skeleton position-relative">

src/app/shared/search/search-results/search-results-skeleton/search-results-skeleton.component.spec.ts

@@ -14,7 +14,8 @@ describe('SearchResultsSkeletonComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [SearchResultsSkeletonComponent, NgxSkeletonLoaderModule],
+      imports: [NgxSkeletonLoaderModule],
+      declarations: [SearchResultsSkeletonComponent],
       providers: [
         { provide: SearchService, useValue: new SearchServiceStub() },
       ],

src/app/shared/search/search-results/search-results.component.spec.ts

@@ -8,6 +8,10 @@ import { SearchResultsComponent } from './search-results.component';
 import { QueryParamsDirectiveStub } from '../../testing/query-params-directive.stub';
 import { createFailedRemoteDataObject } from '../../remote-data.utils';
 import { SearchResultsSkeletonComponent } from './search-results-skeleton/search-results-skeleton.component';
+import { SearchConfigurationService } from '../../../core/shared/search/search-configuration.service';
+import { SearchConfigurationServiceStub } from '../../testing/search-configuration-service.stub';
+import { SearchService } from '../../../core/shared/search/search.service';
+import { SearchServiceStub } from '../../testing/search-service.stub';
 
 describe('SearchResultsComponent', () => {
   let comp: SearchResultsComponent;
@@ -21,7 +25,12 @@ describe('SearchResultsComponent', () => {
       declarations: [
         SearchResultsComponent,
         SearchResultsSkeletonComponent,
-        QueryParamsDirectiveStub],
+        QueryParamsDirectiveStub
+      ],
+      providers: [
+        { provide: SearchConfigurationService, useValue: new SearchConfigurationServiceStub() },
+        { provide: SearchService, useValue: new SearchServiceStub() },
+      ],
       schemas: [NO_ERRORS_SCHEMA]
     }).compileComponents();
   }));