alfresco-ng2-components/lib/core/language-menu/language-menu.component.spec.ts

/*!
 * @license
 * Copyright 2019 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 { ComponentFixture, TestBed } from '@angular/core/testing';
import { AppConfigService } from '../app-config/app-config.service';
import { LanguageMenuComponent } from './language-menu.component';
import { CoreTestingModule } from '../testing/core.testing.module';
import { UserPreferencesService } from '../services/user-preferences.service';
import { TranslateModule } from '@ngx-translate/core';
import { LanguageService } from '../services/language.service';

describe('LanguageMenuComponent', () => {

    let fixture: ComponentFixture<LanguageMenuComponent>;
    let component: LanguageMenuComponent;
    let appConfig: AppConfigService;
    let userPreferencesService: UserPreferencesService;
    let languageService: LanguageService;

    const languages = [
        {
            key: 'fake-key-1',
            label: 'fake-label-1'
        },
        {
            key: 'fake-key-2',
            label: 'fake-label-2'
        },
        {
            key: 'fake-key-3',
            label: 'fake-label-3',
            direction: 'rtl'
        }
    ] as any[];

    beforeEach(() => {
        TestBed.configureTestingModule({
            imports: [
                TranslateModule.forRoot(),
                CoreTestingModule
            ]
        });

        fixture = TestBed.createComponent(LanguageMenuComponent);
        component = fixture.componentInstance;
        appConfig = TestBed.inject(AppConfigService);
        userPreferencesService = TestBed.inject(UserPreferencesService);
        languageService = TestBed.inject(LanguageService);
    });

    afterEach(() => {
        fixture.destroy();
    });

    it('should fetch the languages from the app config if present', async (done) => {
        languageService.setLanguages(languages);

        fixture.detectChanges();
        await fixture.whenStable();

        component.languages$.subscribe(langs => {
            expect(langs).toEqual(languages);
            done();
        });
    });

    it('should change user preference locale', () => {
        appConfig.config.languages = languages;

        userPreferencesService.locale = 'fake-key-2';

        fixture.detectChanges();
        component.changeLanguage(languages[0]);

        expect(userPreferencesService.locale).toEqual(languages[0].key);
    });

    it('should set text orientation when laguage direction is declared', () => {
        appConfig.config.languages = languages;
        userPreferencesService.locale = 'fake-key-1';
        const spy = spyOn(userPreferencesService, 'set');
        fixture.detectChanges();

        component.changeLanguage(languages[2]);
        expect(spy.calls.mostRecent().args[0]).toBe('textOrientation', 'rtl');
    });

    it('should change text orientation to default when laguage direction is not declared', () => {
        appConfig.config.languages = languages;
        userPreferencesService.locale = 'fake-key-1';
        const spy = spyOn(userPreferencesService, 'set');
        fixture.detectChanges();

        component.changeLanguage(languages[1]);
        expect(spy.calls.mostRecent().args[0]).toBe('textOrientation', 'ltr');
    });

    it('should emit changedLanguage event with language details', () => {
        const changedLanguageSpy = spyOn(component.changedLanguage, 'emit');
        appConfig.config.languages = languages;
        userPreferencesService.locale = 'fake-key-3';
        fixture.detectChanges();

        component.changeLanguage(languages[2]);
        expect(changedLanguageSpy).toHaveBeenCalledWith(languages[2]);
    });
});