public/src/app/diagram/diagram.component.spec.ts

import { ComponentFixture, TestBed, async } from '@angular/core/testing';
import { DiagramComponent } from './diagram.component';

describe('DiagramComponent', () => {
  let component: DiagramComponent;
  let fixture: ComponentFixture<DiagramComponent>;

  beforeEach(
    async(() => {
      TestBed.configureTestingModule({
        declarations: [DiagramComponent]
      }).compileComponents();
    })
  );

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

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

  it('should check on change check maxLengthLeft', () => {
    component.list = [
      {
        name1: 'node1dsvsdsvd',
        name2: 'node2',
        p1: 'Stream_publish_0',
        p2: 'capability'
      },
      {
        name1: 'node33',
        name2: 'node2555',
        p1: 'requirement2',
        p2: 'capability11'
      },
      {
        name1: 'namber4',
        name2: 'namber3',
        p1: 'requirement3',
        p2: 'capability4'
      }
    ];
    component.ngOnChanges();
    expect(component.maxLengthLeft).toBe(16);
  });
  it('should check on change check maxLengthRight', () => {
    component.list = [
      {
        name1: 'node1dsvsdsvd',
        name2: 'node2',
        p1: 'Stream_publish_0',
        p2: 'capability'
      },
      {
        name1: 'node33',
        name2: 'node2555',
        p1: 'requirement2',
        p2: 'capability11'
      },
      {
        name1: 'namber4',
        name2: 'namber3',
        p1: 'requirement3',
        p2: 'capability4'
      }
    ];
    component.ngOnChanges();
    expect(component.maxLengthRight).toBe(12);
  });
  it('should check on change check maxWidth', () => {
    component.list = [
      {
        name1: 'node1dsvsdsvd',
        name2: 'node2',
        p1: 'Stream_publish_0',
        p2: 'capability'
      },
      {
        name1: 'node33',
        name2: 'node2555',
        p1: 'requirement2',
        p2: 'capability11'
      },
      {
        name1: 'namber4',
        name2: 'namber3',
        p1: 'requirement3',
        p2: 'capability4'
      }
    ];
    component.ngOnChanges();
    expect(component.maxWidth).toBe(550);
  });
});