alfresco-ng2-components/lib/content-services/social/like.component.spec.ts

/*!
 * @license
 * Copyright 2016 Alfresco Software, Ltd.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { LikeComponent } from './like.component';
import { setupTestBed } from '../../core/testing';
import { ContentTestingModule } from '../testing/content.testing.module';
import { Observable } from 'rxjs/Observable';
import { RatingService } from './services/rating.service';

describe('Like component', () => {

    let component: any;
    let fixture: ComponentFixture<LikeComponent>;
    let element: HTMLElement;
    let service: RatingService;

    setupTestBed({
        imports: [ContentTestingModule]
    });

    beforeEach(() => {
        fixture = TestBed.createComponent(LikeComponent);
        service = TestBed.get(RatingService);

        element = fixture.nativeElement;
        component = fixture.componentInstance;
        component.nodeId = 'test-id';
        fixture.detectChanges();
    });

    function simulateResponseWithLikes(numberOfRatings: number) {
        spyOn(service, 'getRating').and.returnValue(Observable.of({
            entry: {
                id: 'likes',
                aggregate: { numberOfRatings }
            }
        }));
    }

    it('should load the likes by default on onChanges', async(() => {
        simulateResponseWithLikes(2);

        component.ngOnChanges();

        fixture.whenStable().then(() => {
            fixture.detectChanges();
            expect(element.querySelector('#adf-like-counter').innerHTML).toBe('2');
        });
    }));

    it('should increase the number of likes when clicked', async(() => {
        simulateResponseWithLikes(3);

        component.likesCounter = 2;

        let likeButton: any = element.querySelector('#adf-like-test-id');
        likeButton.click();

        fixture.whenStable().then(() => {
            fixture.detectChanges();
            expect(element.querySelector('#adf-like-counter').innerHTML).toBe('3');
        });

    }));

    it('should decrease the number of likes when clicked and is already liked', async(() => {
        simulateResponseWithLikes(1);

        component.likesCounter = 2;
        component.isLike = true;

        let likeButton: any = element.querySelector('#adf-like-test-id');
        likeButton.click();

        fixture.whenStable().then(() => {
            fixture.detectChanges();
            expect(element.querySelector('#adf-like-counter').innerHTML).toBe('1');
        });

    }));
});