Move spinner tests with HttpInterceptorService in another file

Author: mpalourdio

src/app/spinner/spinner.component.spec.old.ts

@@ -0,0 +1,148 @@
+/*
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+import { async, ComponentFixture, inject, TestBed } from '@angular/core/testing';
+import { SpinnerComponent } from './spinner.component';
+import { HttpModule, RequestOptions, Response, ResponseOptions } from '@angular/http';
+import { By } from '@angular/platform-browser';
+import { Spinkit } from '../spinkits';
+import { MockBackend, MockConnection } from '@angular/http/testing';
+import { HttpInterceptorService } from '../http-interceptor.service';
+import { Observable } from 'rxjs/Observable';
+import { PendingInterceptorService } from '../pending-interceptor.service';
+
+describe('SpinnerComponent', () => {
+    let component: SpinnerComponent;
+    let fixture: ComponentFixture<SpinnerComponent>;
+
+    function HttpInterceptorMockBackendServiceFactory(backend: MockBackend, defaultOptions: RequestOptions) {
+        return new HttpInterceptorService(backend, defaultOptions);
+    }
+
+    const HttpInterceptorServiceFactoryProvider = {
+        provide: HttpInterceptorService,
+        useFactory: HttpInterceptorMockBackendServiceFactory,
+        deps: [MockBackend, RequestOptions]
+    };
+
+    beforeEach(async(() => {
+        TestBed.configureTestingModule({
+            declarations: [SpinnerComponent],
+            providers: [MockBackend, HttpInterceptorServiceFactoryProvider, PendingInterceptorService],
+            imports: [HttpModule]
+        })
+            .compileComponents();
+    }));
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(SpinnerComponent);
+        component = fixture.componentInstance;
+    });
+
+    it('should create the spinner component', () => {
+        expect(component).toBeTruthy();
+    });
+
+    it('should create the spinner component with default values', () => {
+        component.isSpinnerVisible = true;
+        fixture.detectChanges();
+
+        const element = fixture
+            .debugElement
+            .query(By.css('.sk-cube-grid'))
+            .nativeElement;
+
+        expect(element.className).toBe('sk-cube-grid colored');
+    });
+
+    it('should not set the colored class if background-color is defined', () => {
+        component.isSpinnerVisible = true;
+        component.backgroundColor = '#ff0000';
+        fixture.detectChanges();
+
+        const element = fixture
+            .debugElement
+            .query(By.css('.sk-cube-grid'))
+            .nativeElement;
+
+        expect(element.className).toBe('sk-cube-grid');
+    });
+
+    it('should not display anything by default', () => {
+        const element = fixture
+            .debugElement
+            .query(By.css('#http-loader'));
+
+        expect(element).toBeNull();
+    });
+
+    it('should be able to specify another known spinner', () => {
+        component.isSpinnerVisible = true;
+        component.spinner = Spinkit.skRotatingPlane;
+        fixture.detectChanges();
+
+        const element = fixture
+            .debugElement
+            .query(By.css('.sk-rotating-plane'))
+            .nativeElement;
+
+        expect(element.className).toBe('sk-rotating-plane colored-parent');
+    });
+
+    it('should allow us to specify a custom background-color', () => {
+        component.isSpinnerVisible = true;
+        component.backgroundColor = '#ff0000';
+        fixture.detectChanges();
+
+        const element = fixture
+            .debugElement
+            .query(By.css('.sk-cube.sk-cube1'))
+            .nativeElement;
+
+        expect(element.style['background-color']).toBe('rgb(255, 0, 0)');
+    });
+
+    it('should show and hide the spinner according to the pending http requests',
+        inject([HttpInterceptorService, MockBackend], (service: HttpInterceptorService, backend: MockBackend) => {
+
+            const connections: MockConnection[] = [],
+                responseMock = {key: 'value'},
+                mockResponse: Response = new Response(new ResponseOptions({body: responseMock, status: 200}));
+
+            function runQuery(url: string): Observable<Response> {
+                return service.get(url);
+            }
+
+            backend.connections.subscribe((c: MockConnection) => connections.push(c));
+            Observable.forkJoin([runQuery('http://www.fake.url'), runQuery('http://www2.fake.url')]).subscribe();
+
+            expect(component.isSpinnerVisible).toBeTruthy();
+
+            connections[0].mockRespond(mockResponse);
+            expect(component.isSpinnerVisible).toBeTruthy();
+
+            connections[1].mockRespond(mockResponse);
+            expect(component.isSpinnerVisible).toBeFalsy();
+        })
+    );
+
+    it('should hide and show a the spinner for a single http request',
+        inject([HttpInterceptorService, MockBackend], (service: HttpInterceptorService, backend: MockBackend) => {
+            let connection: MockConnection;
+            const responseMock = {key: 'value'},
+                mockResponse: Response = new Response(new ResponseOptions({body: responseMock, status: 200}));
+
+            backend.connections.subscribe((c: MockConnection) => connection = c);
+            service.get('http://www.fake.url').subscribe();
+            expect(component.isSpinnerVisible).toBeTruthy();
+            connection.mockRespond(mockResponse);
+            expect(component.isSpinnerVisible).toBeFalsy();
+        })
+    );
+});