harbor/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/artifact-list-tab.component.spec.ts

import { ComponentFixture, TestBed } from '@angular/core/testing';
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { ArtifactListTabComponent } from './artifact-list-tab.component';
import { of } from 'rxjs';
import { delay } from 'rxjs/operators';
import { HttpClient, HttpHeaders, HttpResponse } from '@angular/common/http';
import { ActivatedRoute, Router } from '@angular/router';
import {
    ArtifactDefaultService,
    ArtifactService,
} from '../../../artifact.service';
import {
    Label,
    ProjectDefaultService,
    ProjectService,
    ScanningResultDefaultService,
    ScanningResultService,
    UserPermissionDefaultService,
    UserPermissionService,
    USERSTATICPERMISSION,
} from '../../../../../../../shared/services';
import { ArtifactFront as Artifact } from '../../../artifact';
import { LabelPieceComponent } from '../../../../../../../shared/components/label/label-piece/label-piece.component';
import { ConfirmationDialogComponent } from '../../../../../../../shared/components/confirmation-dialog';
import { ImageNameInputComponent } from '../../../../../../../shared/components/image-name-input/image-name-input.component';
import { CopyInputComponent } from '../../../../../../../shared/components/push-image/copy-input.component';
import { ErrorHandler } from '../../../../../../../shared/units/error-handler';
import { OperationService } from '../../../../../../../shared/components/operation/operation.service';
import { ArtifactService as NewArtifactService } from '../../../../../../../../../ng-swagger-gen/services/artifact.service';
import { Tag } from '../../../../../../../../../ng-swagger-gen/models/tag';
import { SharedTestingModule } from '../../../../../../../shared/shared.module';
import { LabelService } from '../../../../../../../../../ng-swagger-gen/services/label.service';
import { Registry } from '../../../../../../../../../ng-swagger-gen/models/registry';
import { AppConfigService } from '../../../../../../../services/app-config.service';
import { ArtifactListPageService } from '../../artifact-list-page.service';
import { ClrLoadingState } from '@clr/angular';
import { Accessory } from 'ng-swagger-gen/models/accessory';

describe('ArtifactListTabComponent (inline template)', () => {
    let comp: ArtifactListTabComponent;
    let fixture: ComponentFixture<ArtifactListTabComponent>;
    let userPermissionService: UserPermissionService;
    let spyLabels: jasmine.Spy;
    let spyLabels1: jasmine.Spy;
    let spyScanner: jasmine.Spy;
    let scannerMock = {
        disabled: false,
        name: 'Trivy',
    };
    let mockActivatedRoute = {
        snapshot: {
            params: {
                id: 1,
                repo: 'test',
                digest: 'ABC',
                subscribe: () => {
                    return of(null);
                },
            },
            data: {
                projectResolver: {
                    has_project_admin_role: true,
                    current_user_role_id: 3,
                    name: 'demo',
                },
            },
        },
        data: of({
            projectResolver: {
                name: 'library',
            },
        }),
        params: {
            subscribe: () => {
                return of(null);
            },
        },
    };
    let mockArtifacts: Artifact[] = [
        {
            id: 1,
            type: 'image',
            tags: [
                {
                    id: 1,
                    name: 'tag1',
                    artifact_id: 1,
                },
                {
                    id: 2,
                    name: 'tag2',
                    artifact_id: 2,
                    pull_time: '2020-01-06T09:40:08.036866579Z',
                    push_time: '2020-01-06T09:40:08.036866579Z',
                },
            ],
            references: [],
            media_type: 'string',
            digest: 'sha256:4875cda368906fd670c9629b5e416ab3d6c0292015f3c3f12ef37dc9a32fc8d4',
            size: 20372934,
            scan_overview: {
                'application/vnd.scanner.adapter.vuln.report.harbor+json; version=1.0':
                    {
                        report_id: '5e64bc05-3102-11ea-93ae-0242ac140004',
                        scan_status: 'Error',
                        severity: '',
                        duration: 118,
                        summary: null,
                        start_time: '2020-01-07T04:01:23.157711Z',
                        end_time: '2020-01-07T04:03:21.662766Z',
                    },
            },
            labels: [
                {
                    id: 3,
                    name: 'aaa',
                    description: '',
                    color: '#0095D3',
                    scope: 'g',
                    project_id: 0,
                    creation_time: '2020-01-13T05:44:00.580198Z',
                    update_time: '2020-01-13T05:44:00.580198Z',
                },
                {
                    id: 6,
                    name: 'dbc',
                    description: '',
                    color: '',
                    scope: 'g',
                    project_id: 0,
                    creation_time: '2020-01-13T08:27:19.279123Z',
                    update_time: '2020-01-13T08:27:19.279123Z',
                },
            ],
            push_time: '2020-01-07T03:33:41.162319Z',
            pull_time: '0001-01-01T00:00:00Z',
        },
        {
            id: 1,
            type: 'image',
            tags: [
                {
                    id: 1,
                    name: 'tag1',
                    artifact_id: 1,
                },
                {
                    id: 2,
                    name: 'tag2',
                    artifact_id: 2,
                    pull_time: '2020-01-06T09:40:08.036866579Z',
                    push_time: '2020-01-06T09:40:08.036866579Z',
                },
            ],
            references: [],
            media_type: 'string',
            digest: 'sha256:3e33e3e3',
            size: 20372934,
            scan_overview: {
                'application/vnd.scanner.adapter.vuln.report.harbor+json; version=1.0':
                    {
                        report_id: '5e64bc05-3102-11ea-93ae-0242ac140004',
                        scan_status: 'Error',
                        severity: '',
                        duration: 118,
                        summary: null,
                        start_time: '2020-01-07T04:01:23.157711Z',
                        end_time: '2020-01-07T04:03:21.662766Z',
                    },
            },
            labels: [
                {
                    id: 3,
                    name: 'aaa',
                    description: '',
                    color: '#0095D3',
                    scope: 'g',
                    project_id: 0,
                    creation_time: '2020-01-13T05:44:00.580198Z',
                    update_time: '2020-01-13T05:44:00.580198Z',
                },
                {
                    id: 6,
                    name: 'dbc',
                    description: '',
                    color: '',
                    scope: 'g',
                    project_id: 0,
                    creation_time: '2020-01-13T08:27:19.279123Z',
                    update_time: '2020-01-13T08:27:19.279123Z',
                },
            ],
            push_time: '2020-01-07T03:33:41.162319Z',
            pull_time: '0001-01-01T00:00:00Z',
        },
    ];
    let filtereName = '';
    let mockLabels: Label[] = [
        {
            color: '#9b0d54',
            creation_time: '',
            description: '',
            id: 1,
            name: 'label0-g',
            project_id: 0,
            scope: 'g',
            update_time: '',
        },
        {
            color: '#9b0d54',
            creation_time: '',
            description: '',
            id: 2,
            name: 'label1-g',
            project_id: 0,
            scope: 'g',
            update_time: '',
        },
    ];

    let mockLabels1: Label[] = [
        {
            color: '#9b0d54',
            creation_time: '',
            description: '',
            id: 1,
            name: 'label0-g',
            project_id: 1,
            scope: 'p',
            update_time: '',
        },
        {
            color: '#9b0d54',
            creation_time: '',
            description: '',
            id: 2,
            name: 'label1-g',
            project_id: 1,
            scope: 'p',
            update_time: '',
        },
    ];
    let mockHasAddLabelImagePermission: boolean = true;
    let mockHasRetagImagePermission: boolean = true;
    let mockHasDeleteImagePermission: boolean = true;
    let mockHasScanImagePermission: boolean = true;
    const mockErrorHandler = {
        error: () => {},
    };
    const permissions = [
        {
            resource: USERSTATICPERMISSION.REPOSITORY_ARTIFACT_LABEL.KEY,
            action: USERSTATICPERMISSION.REPOSITORY_ARTIFACT_LABEL.VALUE.CREATE,
        },
        {
            resource: USERSTATICPERMISSION.REPOSITORY.KEY,
            action: USERSTATICPERMISSION.REPOSITORY.VALUE.PULL,
        },
        {
            resource: USERSTATICPERMISSION.ARTIFACT.KEY,
            action: USERSTATICPERMISSION.ARTIFACT.VALUE.DELETE,
        },
        {
            resource: USERSTATICPERMISSION.REPOSITORY_TAG_SCAN_JOB.KEY,
            action: USERSTATICPERMISSION.REPOSITORY_TAG_SCAN_JOB.VALUE.CREATE,
        },
    ];
    const mockRouter = {
        navigate: () => {},
    };
    const mockOperationService = {
        publishInfo: () => {},
    };
    const mockTag: Tag = {
        id: 1,
        name: 'latest',
    };
    const mockNewArtifactService = {
        TriggerArtifactChan$: {
            subscribe: fn => {},
        },
        listAccessoriesResponse() {
            const res: HttpResponse<Array<Accessory>> = new HttpResponse<
                Array<Accessory>
            >({
                headers: new HttpHeaders({ 'x-total-count': '0' }),
                body: [],
            });
            return of(res).pipe(delay(0));
        },
        listAccessories() {
            return of(null).pipe(delay(0));
        },
        listArtifactsResponse: () => {
            if (filtereName === 'sha256:3e33e3e3') {
                return of({
                    body: [mockArtifacts[1]],
                });
            } else {
                return of({
                    body: mockArtifacts,
                }).pipe(delay(0));
            }
        },
        deleteArtifact: () => of(null),
        getIconsFromBackEnd() {
            return undefined;
        },
        getIcon() {
            return undefined;
        },
        listTagsResponse: () => {
            const res: HttpResponse<Array<Tag>> = new HttpResponse<Array<Tag>>({
                headers: new HttpHeaders({ 'x-total-count': '1' }),
                body: [mockTag],
            });
            return of(res).pipe(delay(0));
        },
    };
    const mockedAppConfigService = {
        getConfig() {
            return {};
        },
    };

    const mockedArtifactListPageService = {
        imageStickLabels: [],
        imageFilterLabels: [],
        resetClonedLabels() {},
        getScanBtnState(): ClrLoadingState {
            return ClrLoadingState.DEFAULT;
        },
        hasEnabledScanner(): boolean {
            return true;
        },
        hasAddLabelImagePermission(): boolean {
            return true;
        },
        hasRetagImagePermission(): boolean {
            return true;
        },
        hasDeleteImagePermission(): boolean {
            return true;
        },
        hasScanImagePermission(): boolean {
            return true;
        },
        init() {},
    };
    beforeEach(async () => {
        await TestBed.configureTestingModule({
            imports: [SharedTestingModule],
            schemas: [CUSTOM_ELEMENTS_SCHEMA],
            declarations: [
                ArtifactListTabComponent,
                LabelPieceComponent,
                ConfirmationDialogComponent,
                ImageNameInputComponent,
                CopyInputComponent,
            ],
            providers: [
                {
                    provide: ArtifactListPageService,
                    useValue: mockedArtifactListPageService,
                },
                { provide: ArtifactService, useClass: ArtifactDefaultService },
                { provide: AppConfigService, useValue: mockedAppConfigService },
                { provide: Router, useValue: mockRouter },
                { provide: ArtifactService, useValue: mockNewArtifactService },
                { provide: ProjectService, useClass: ProjectDefaultService },
                {
                    provide: ScanningResultService,
                    useClass: ScanningResultDefaultService,
                },
                {
                    provide: UserPermissionService,
                    useClass: UserPermissionDefaultService,
                },
                { provide: ErrorHandler, useValue: mockErrorHandler },
                { provide: ActivatedRoute, useValue: mockActivatedRoute },
                { provide: OperationService, useValue: mockOperationService },
                {
                    provide: NewArtifactService,
                    useValue: mockNewArtifactService,
                },
            ],
        }).compileComponents();
    });

    beforeEach(() => {
        fixture = TestBed.createComponent(ArtifactListTabComponent);
        comp = fixture.componentInstance;
        comp.projectId = 1;
        comp.repoName = 'library/nginx';
        comp.registryUrl = 'http://registry.testing.com';
        let labelService: LabelService;
        userPermissionService = fixture.debugElement.injector.get(
            UserPermissionService
        );
        let http: HttpClient;
        http = fixture.debugElement.injector.get(HttpClient);
        spyScanner = spyOn(http, 'get').and.returnValue(of(scannerMock));
        spyOn(userPermissionService, 'hasProjectPermissions')
            .withArgs(comp.projectId, permissions)
            .and.returnValue(
                of([
                    mockHasAddLabelImagePermission,
                    mockHasRetagImagePermission,
                    mockHasDeleteImagePermission,
                    mockHasScanImagePermission,
                ])
            );

        labelService = fixture.debugElement.injector.get(LabelService);
        const response: HttpResponse<Array<Registry>> = new HttpResponse<
            Array<Registry>
        >({
            headers: new HttpHeaders({ 'x-total-count': [].length.toString() }),
            body: mockLabels,
        });
        spyLabels = spyOn(labelService, 'ListLabelsResponse').and.returnValues(
            of(response).pipe(delay(0))
        );
        spyLabels1 = spyOn(labelService, 'ListLabels')
            .withArgs({ projectId: comp.projectId })
            .and.returnValues(of(mockLabels1).pipe(delay(0)));
        fixture.detectChanges();
    });

    it('should load and render data', async () => {
        fixture.detectChanges();
        await fixture.whenStable();
        comp.artifactList = mockArtifacts;
        fixture.detectChanges();
        await fixture.whenStable();
        const el: HTMLAnchorElement =
            fixture.nativeElement.querySelector('.digest');
        expect(el).toBeTruthy();
        expect(el.textContent).toBeTruthy();
        expect(el.textContent.trim()).toEqual('sha256:4875cda3');
    });
    it('should filter data by keyword', async () => {
        fixture.detectChanges();
        await fixture.whenStable();
        filtereName = 'sha256:3e33e3e3';
        comp.doSearchArtifactByFilter('sha256:3e33e3e3');
        fixture.detectChanges();
        await fixture.whenStable();
        fixture.detectChanges();
        const el: HTMLAnchorElement =
            fixture.nativeElement.querySelector('.digest');
        expect(el).toBeTruthy();
        expect(el.textContent).toBeTruthy();
        expect(el.textContent.trim()).toEqual('sha256:3e33e3e3');
    });
    it('should delete artifact', async () => {
        fixture.detectChanges();
        await fixture.whenStable();
        comp.selectedRow = [mockArtifacts[0]];
        filtereName = 'sha256:3e33e3e3';
        comp.confirmDeletion({ source: 9, state: 1, data: comp.selectedRow });
        fixture.detectChanges();
        await fixture.whenStable();
        fixture.detectChanges();
        const el: HTMLAnchorElement =
            fixture.nativeElement.querySelector('.digest');
        expect(el).toBeTruthy();
        expect(el.textContent).toBeTruthy();
        expect(el.textContent.trim()).toEqual('sha256:3e33e3e3');
    });
});