[DSC-1864] Fix issue with missing scope provider

Author: atarix83

src/app/shared/search/search-charts/search-chart/search-chart-wrapper/search-chart-wrapper.component.spec.ts

@@ -1,6 +1,6 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { FILTER_CONFIG, IN_PLACE_SEARCH } from '../../../../../core/shared/search/search-filter.service';
+import { FILTER_CONFIG, IN_PLACE_SEARCH, SCOPE } from '../../../../../core/shared/search/search-filter.service';
 import { FilterType } from '../../../models/filter-type.model';
 import { SearchFilterConfig } from '../../../models/search-filter-config.model';
 import { SearchChartFilterWrapperComponent } from './search-chart-wrapper.component';
@@ -20,7 +20,7 @@ xdescribe('SearchChartFilterWrapperComponent', () => {
 
   const inPlaceSearch: any = '';
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         BrowserAnimationsModule
@@ -30,7 +30,8 @@ xdescribe('SearchChartFilterWrapperComponent', () => {
       ],
       providers: [
         { provide: FILTER_CONFIG, userValue: mockFilterConfig},
-        { provide: IN_PLACE_SEARCH, userValue: inPlaceSearch}
+        { provide: IN_PLACE_SEARCH, userValue: inPlaceSearch},
+        { provide: SCOPE, userValue: ''}
       ]
     })
     .compileComponents();

src/app/shared/search/search-charts/search-chart/search-chart-wrapper/search-chart-wrapper.component.ts

@@ -4,7 +4,8 @@ import { GenericConstructor } from '../../../../../core/shared/generic-construct
 import {
   FILTER_CONFIG,
   IN_PLACE_SEARCH,
-  REFRESH_FILTER
+  REFRESH_FILTER,
+  SCOPE
 } from '../../../../../core/shared/search/search-filter.service';
 import { FilterType } from '../../../models/filter-type.model';
 import { SearchFilterConfig } from '../../../models/search-filter-config.model';
@@ -37,6 +38,11 @@ export class SearchChartFilterWrapperComponent implements OnInit {
    */
   @Input() refreshFilters: BehaviorSubject<boolean>;
 
+  /**
+   * The scope of the search.
+   */
+  @Input() scope: string;
+
   /**
    * The constructor of the search facet filter that should be rendered, based on the filter config's type
    */
@@ -59,7 +65,8 @@ export class SearchChartFilterWrapperComponent implements OnInit {
       providers: [
         { provide: FILTER_CONFIG, useFactory: () => (this.filterConfig), deps: [] },
         { provide: IN_PLACE_SEARCH, useFactory: () => (this.inPlaceSearch), deps: [] },
-        { provide: REFRESH_FILTER, useFactory: () => (this.refreshFilters), deps: [] }
+        { provide: REFRESH_FILTER, useFactory: () => (this.refreshFilters), deps: [] },
+        { provide: SCOPE, useFactory: () => (this.scope), deps: [] }
       ],
       parent: this.injector
     });

src/app/shared/search/search-charts/search-chart/search-chart.component.html

@@ -1,6 +1,7 @@
 <div class="facet-filter mb-3 p-3">
   <ds-search-chart-wrapper [filterConfig]="filter"
                            [inPlaceSearch]="inPlaceSearch"
-                           [refreshFilters]="refreshFilters"></ds-search-chart-wrapper>
+                           [refreshFilters]="refreshFilters"
+                           [scope]="scope"></ds-search-chart-wrapper>
   <p class="mt-3 mb-0" *ngIf="showCaption">{{caption}}</p>
 </div>

src/app/shared/search/search-charts/search-chart/search-chart.component.ts

@@ -36,6 +36,11 @@ export class SearchChartComponent implements OnInit {
    */
   @Input() refreshFilters: BehaviorSubject<boolean>;
 
+  /**
+   * The scope of the search
+   */
+  @Input() scope: string;
+
   /**
    * Emits all currently selected values for this filter
    */

src/app/shared/search/search-charts/search-charts.component.html

@@ -24,7 +24,8 @@ <h2 class="m-0 text-break">{{'search.filters.applied.charts.' + ((configuration
         <div *ngIf="(canShowChart(selectedFilter) | async)">
           <ds-search-chart [filter]="selectedFilter"
                            [inPlaceSearch]="inPlaceSearch"
-                           [refreshFilters]="refreshFilters"></ds-search-chart>
+                           [refreshFilters]="refreshFilters"
+                           [scope]="scope"></ds-search-chart>
         </div>
       </div>
     </div>

src/app/shared/search/search-charts/search-charts.component.ts

@@ -54,6 +54,11 @@ export class SearchChartsComponent implements OnInit {
    */
   @Input() showChartsToggle = false;
 
+  /**
+   * The scope of the search
+   */
+  @Input() scope: string;
+
   /**
    * The selected chart to show
    */

src/app/shared/search/search.component.html

@@ -12,6 +12,7 @@
                   [filters]="chartFiltersRD$.asObservable()"
                   [inPlaceSearch]="inPlaceSearch"
                   [refreshFilters]="refreshFilters"
+                  [scope]="scope"
                   [showChartsToggle]="showChartsToggle"></ds-search-charts>
 
 <div *ngIf="!showSidebar && (initialized$ | async)">