alfresco-ng2-components/lib/core/datatable/components/datatable/json-cell.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 { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { ObjectDataTableAdapter } from './../../data/object-datatable-adapter';
import { ObjectDataColumn } from './../../data/object-datacolumn.model';

import { setupTestBed } from '../../../testing/setupTestBed';
import { CoreTestingModule } from '../../../testing/core.testing.module';
import { JsonCellComponent } from './json-cell.component';

describe('JsonCellComponent', () => {
    let component: JsonCellComponent;
    let fixture: ComponentFixture<JsonCellComponent>;
    let dataTableAdapter: ObjectDataTableAdapter;
    let rowData;
    let columnData;

    setupTestBed({
        imports: [CoreTestingModule]
    });

    beforeEach(async(() => {
        fixture = TestBed.createComponent(JsonCellComponent);
        component = fixture.componentInstance;
    }));

    beforeEach(() => {
        rowData = {
            name: '1',
            entity: {
                'name': 'test',
                'description': 'this is a test',
                'version': 1
            }
        };

        columnData = { format: '/somewhere', type: 'json', key: 'entity'};

        dataTableAdapter = new ObjectDataTableAdapter(
            [rowData],
            [new ObjectDataColumn(columnData)]
        );

        component.column = dataTableAdapter.getColumns()[0];
        component.data = dataTableAdapter;
        component.row = dataTableAdapter.getRows()[0];
    });

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

    it('should set value', () => {
        fixture.detectChanges();
        component.value$.subscribe( (result) => {
            expect(result).toBe(rowData.entity);
        });
    });

    it('should render json object inside cell', () => {
        fixture.detectChanges();
        const spanElement: HTMLElement = fixture.debugElement.nativeElement.querySelector('.adf-datatable-cell-value');
        const unFormatedContent: string = spanElement.textContent.replace(/\n/g, '').replace(/\s/g, '');
        const rowDataStringify: string = JSON.stringify(rowData.entity).replace(/\s/g, '');
        expect(unFormatedContent).toBe(rowDataStringify);
    });

    it('should not setup cell when has no data', () => {
        rowData.entity = {};
        fixture.detectChanges();
        component.value$.subscribe( (result) => {
            expect(result).toEqual({});
        });
    });
});