harbor/src/portal/src/app/shared/components/list-project-ro/list-project-ro.component.spec.ts

import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ListProjectROComponent } from './list-project-ro.component';
import { SharedTestingModule } from '../../shared.module';
import { Project } from '../../../../../ng-swagger-gen/models/project';
import { Component } from '@angular/core';

// mock a TestHostComponent for ListProjectROComponent
@Component({
    template: ` <list-project-ro [projects]="projects"> </list-project-ro>`,
})
class TestHostComponent {
    projects: Project[] = [];
}

describe('ListProjectROComponent', () => {
    let component: TestHostComponent;
    let fixture: ComponentFixture<TestHostComponent>;
    const mockedProjects: Project[] = [
        {
            name: 'test1',
            metadata: {},
            project_id: 1,
            repo_count: 1,
        },
        {
            name: 'test2',
            metadata: {},
            project_id: 2,
            repo_count: 1,
        },
    ];
    beforeEach(async () => {
        await TestBed.configureTestingModule({
            imports: [SharedTestingModule],
            declarations: [ListProjectROComponent, TestHostComponent],
        }).compileComponents();
    });

    beforeEach(() => {
        fixture = TestBed.createComponent(TestHostComponent);
        component = fixture.componentInstance;
        fixture.detectChanges();
    });

    it('should create', () => {
        expect(component).toBeTruthy();
    });

    it('should render project list', async () => {
        component.projects = mockedProjects;
        fixture.detectChanges();
        await fixture.whenStable();
        const rows = fixture.nativeElement.querySelectorAll('clr-dg-row');
        expect(rows.length).toEqual(2);
    });
});