195 Initial testing + fixing previously broken test(s)

src/app/+search-page/search-page.component.spec.ts

@@ -28,8 +28,14 @@ describe('SearchPageComponent', () => {
     /* tslint:enable:no-empty */
     select: Observable.of(true)
   });
+  const pagination: PaginationComponentOptions = new PaginationComponentOptions();
+  pagination.id = 'search-results-pagination';
+  pagination.currentPage = 1;
+  pagination.pageSize = 10;
+  const sort: SortOptions = new SortOptions();
   const mockResults = Observable.of(['test', 'data']);
   const searchServiceStub = {
+    searchOptions:{ pagination: pagination, sort: sort },
     search: () => mockResults
   };
   const queryParam = 'test query';
@@ -204,4 +210,4 @@ describe('SearchPageComponent', () => {
     });
 
   });
-});
+});

src/app/+search-page/search-service/search.service.ts

@@ -17,7 +17,7 @@ import { ViewMode } from '../../+search-page/search-options.model';
 import { Router, NavigationExtras, ActivatedRoute } from '@angular/router';
 import { RouteService } from '../../shared/route.service';
 import { PaginationComponentOptions } from '../../shared/pagination/pagination-component-options.model';
-import { SortOptions } from 'src/app/core/cache/models/sort-options.model';
+import { SortOptions } from '../../core/cache/models/sort-options.model';
 
 function shuffle(array: any[]) {
   let i = 0;

src/app/+search-page/search-settings/search-settings.component.html

@@ -1,5 +1,5 @@
 <h3>{{ 'search.sidebar.settings.title' | translate}}</h3>
-<div *ngIf="[searchOptions].sort">
+<div *ngIf="[searchOptions].sort" class="result-order-settings">
   <h4>{{ 'search.sidebar.settings.sort-by' | translate}}</h4>
     <div class="form-group">
       <select class="form-control" (change)="reloadOrder($event)">
@@ -11,7 +11,7 @@
     </div>
 </div>
 
-<div *ngIf="searchOptions.pagination.pageSize">
+<div *ngIf="searchOptions.pagination.pageSize" class="page-size-settings">
   <h4>{{ 'search.sidebar.settings.rpp' | translate}}</h4>
 
     <div class="form-group">

src/app/+search-page/search-settings/search-settings.component.spec.ts

@@ -0,0 +1,106 @@
+import { SearchService } from '../search-service/search.service';
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { SearchSettingsComponent } from './search-settings.component';
+import { Observable } from 'rxjs/Observable';
+import { PaginationComponentOptions } from '../../shared/pagination/pagination-component-options.model';
+import { SortOptions } from '../../core/cache/models/sort-options.model';
+import { TranslateModule } from '@ngx-translate/core';
+import { RouterTestingModule } from '@angular/router/testing';
+import { ActivatedRoute } from '@angular/router';
+import { SearchSidebarService } from '../search-sidebar/search-sidebar.service';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { EnumKeysPipe } from '../../shared/utils/enum-keys-pipe';
+import { By } from '@angular/platform-browser';
+import Any = jasmine.Any;
+
+describe('SearchSettingsComponent', () => {
+
+  let comp: SearchSettingsComponent;
+  let fixture: ComponentFixture<SearchSettingsComponent>;
+  let searchServiceObject: SearchService;
+
+  const pagination: PaginationComponentOptions = new PaginationComponentOptions();
+  pagination.id = 'search-results-pagination';
+  pagination.currentPage = 1;
+  pagination.pageSize = 10;
+  const sort: SortOptions = new SortOptions();
+  const mockResults = [ 'test', 'data' ];
+  const searchServiceStub = {
+    searchOptions: { pagination: pagination, sort: sort },
+    search: () => mockResults
+  };
+  const queryParam = 'test query';
+  const scopeParam = '7669c72a-3f2a-451f-a3b9-9210e7a4c02f';
+  const activatedRouteStub = {
+    queryParams: Observable.of({
+      query: queryParam,
+      scope: scopeParam
+    })
+  };
+
+  const sidebarService = {
+    isCollapsed: Observable.of(true),
+    collapse: () => this.isCollapsed = Observable.of(true),
+    expand: () => this.isCollapsed = Observable.of(false)
+  }
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [ TranslateModule.forRoot(), RouterTestingModule.withRoutes([]) ],
+      declarations: [ SearchSettingsComponent, EnumKeysPipe ],
+      providers: [
+        { provide: SearchService, useValue: searchServiceStub },
+
+        { provide: ActivatedRoute, useValue: activatedRouteStub },
+        {
+          provide: SearchSidebarService,
+          useValue: sidebarService
+        },
+      ],
+      schemas: [ NO_ERRORS_SCHEMA ]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SearchSettingsComponent);
+    comp = fixture.componentInstance;
+
+    // SearchPageComponent test instance
+    fixture.detectChanges();
+    searchServiceObject = (comp as any).service;
+    spyOn(comp, 'reloadRPP');
+    spyOn(comp, 'reloadOrder');
+    spyOn(searchServiceObject, 'search').and.callThrough();
+
+
+  });
+
+  it('it should show the order settings with the respective selectable options', () => {
+    let orderSetting = fixture.debugElement.query(By.css('div.result-order-settings'));
+    expect(orderSetting).toBeDefined();
+    let childElements = orderSetting.query(By.css('.form-control')).children;
+    expect(childElements.length).toEqual(2);
+
+  });
+
+  it('it should show the size settings with the respective selectable options', () => {
+    let pageSizeSetting = fixture.debugElement.query(By.css('div.page-size-settings'));
+    expect(pageSizeSetting).toBeDefined();
+    let childElements = pageSizeSetting.query(By.css('.form-control')).children;
+    expect(childElements.length).toEqual(7);
+  });
+
+  it('should have the proper order value selected by default', () => {
+    let orderSetting = fixture.debugElement.query(By.css('div.result-order-settings'));
+    let childElementToBeSelected = orderSetting.query(By.css('.form-control option[value="0"][selected="selected"]'))
+    expect(childElementToBeSelected).toBeDefined();
+  });
+
+  it('should have the proper rpp value selected by default', () => {
+    let pageSizeSetting = fixture.debugElement.query(By.css('div.page-size-settings'));
+    let childElementToBeSelected = pageSizeSetting.query(By.css('.form-control option[value="10"][selected="selected"]'))
+    expect(childElementToBeSelected).toBeDefined();
+  });
+
+
+});