55693: ItemSelectComponent tests intermediate + ItemSelectServiceStub

src/app/+collection-page/collection-item-mapper/collection-item-mapper.component.spec.ts

@@ -33,7 +33,7 @@ import { RestResponse } from '../../core/cache/response-cache.models';
 import { PaginatedList } from '../../core/data/paginated-list';
 import { PageInfo } from '../../core/shared/page-info.model';
 
-fdescribe('CollectionItemMapperComponent', () => {
+describe('CollectionItemMapperComponent', () => {
   let comp: CollectionItemMapperComponent;
   let fixture: ComponentFixture<CollectionItemMapperComponent>;
 

src/app/shared/item-select/item-select.component.spec.ts

@@ -0,0 +1,102 @@
+import { ItemSelectComponent } from './item-select.component';
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { SharedModule } from '../shared.module';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { ItemSelectService } from './item-select.service';
+import { ItemSelectServiceStub } from '../testing/item-select-service-stub';
+import { Observable } from 'rxjs/Observable';
+import { RemoteData } from '../../core/data/remote-data';
+import { PaginatedList } from '../../core/data/paginated-list';
+import { PageInfo } from '../../core/shared/page-info.model';
+import { Item } from '../../core/shared/item.model';
+import { By } from '@angular/platform-browser';
+import { ActivatedRoute, Route, Router } from '@angular/router';
+import { ActivatedRouteStub } from '../testing/active-router-stub';
+import { RouterStub } from '../testing/router-stub';
+import { HostWindowService } from '../host-window.service';
+import { HostWindowServiceStub } from '../testing/host-window-service-stub';
+import { PaginationComponentOptions } from '../pagination/pagination-component-options.model';
+import { LocationStrategy } from '@angular/common';
+import { MockLocationStrategy } from '@angular/common/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+
+fdescribe('ItemSelectComponent', () => {
+  let comp: ItemSelectComponent;
+  let fixture: ComponentFixture<ItemSelectComponent>;
+  let itemSelectService: ItemSelectService;
+
+  const mockItemList = [
+    Object.assign(new Item(), {
+      id: 'id1',
+      bitstreams: Observable.of({}),
+      metadata: [
+        {
+          key: 'dc.title',
+          language: 'en_US',
+          value: 'This is just a title'
+        },
+        {
+          key: 'dc.type',
+          language: null,
+          value: 'Article'
+        }]
+    }),
+    Object.assign(new Item(), {
+      id: 'id2',
+      bitstreams: Observable.of({}),
+      metadata: [
+        {
+          key: 'dc.title',
+          language: 'en_US',
+          value: 'This is just another title'
+        },
+        {
+          key: 'dc.type',
+          language: null,
+          value: 'Article'
+        }]
+    })
+  ];
+  const mockCheckedItems= [mockItemList[0].id];
+  const mockItems = Observable.of(new RemoteData(false, false, true, null, new PaginatedList(new PageInfo(), mockItemList)));
+  const mockPaginationOptions = Object.assign(new PaginationComponentOptions(), {
+    id: 'search-page-configuration',
+    pageSize: 10,
+    currentPage: 1
+  });
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [TranslateModule.forRoot(), SharedModule, RouterTestingModule.withRoutes([])],
+      declarations: [],
+      providers: [
+        { provide: ItemSelectService, useValue: new ItemSelectServiceStub(mockCheckedItems) },
+        { provide: HostWindowService, useValue: new HostWindowServiceStub(0) }
+      ],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ItemSelectComponent);
+    comp = fixture.componentInstance;
+    comp.itemsRD$ = mockItems;
+    comp.paginationOptions = mockPaginationOptions;
+    fixture.detectChanges();
+    itemSelectService = (comp as any).itemSelectService;
+  });
+
+  it(`should show a list of ${mockItemList.length} items`, () => {
+    const tbody: HTMLElement = fixture.debugElement.query(By.css('table#item-select tbody')).nativeElement;
+    expect(tbody.children.length).toBe(mockItemList.length);
+  });
+
+  it('should have the correct items selected', () => {
+    for (const item of mockItemList) {
+      const checked = (mockCheckedItems.indexOf(item.id) > -1);
+      const checkbox: HTMLElement = fixture.debugElement.query(By.css(`input[name=${item.id}]`)).nativeElement;
+      expect(checkbox.getAttribute('checked')).toBe(checked);
+    }
+  });
+});

src/app/shared/testing/item-select-service-stub.ts

@@ -0,0 +1,37 @@
+import { Observable } from 'rxjs/Observable';
+
+export class ItemSelectServiceStub {
+
+  ids: string[] = [];
+
+  constructor(ids?: string[]) {
+    if (ids) {
+      this.ids = ids;
+    }
+  }
+
+  getSelected(id: string): Observable<boolean> {
+    if (this.ids.indexOf(id) > -1) {
+      return Observable.of(true);
+    } else {
+      return Observable.of(false);
+    }
+  }
+
+  getAllSelected(): Observable<string[]> {
+    return Observable.of(this.ids);
+  }
+
+  switch(id: string) {
+    const index = this.ids.indexOf(id);
+    if (index > -1) {
+      this.ids.splice(index, 1);
+    } else {
+      this.ids.push(id);
+    }
+  }
+
+  reset() {
+    this.ids = [];
+  }
+}