Need help on testing ejs components

Question

Hi,Could you please provide some resource on how to test different components like ejs-listbox, ejs-listview, ejs-radiobutton  of EJS2 in Angular 9 app ( e.g testing DataManager).Thank you!

Gayathri KarunaiAnandam · Accepted Answer

Hi Sneha, 

Sorry for the inconvenience caused. 

We have prepared a Listbox sample using ODataV4Adaptor and written test case for the component as demonstrated in the below code snippet 
 
App.component.spec.ts 




describe('AppComponent', () => { 
  let fixture: ComponentFixture<AppComponent>; 
  var originalTimeout; 
  beforeEach(() => { 
      TestBed.configureTestingModule({ 
      declarations: [ 
        AppComponent 
      ], 
      imports: [ 
        ListBoxAllModule 
      ] 
    }).compileComponents(); 
  }); 
 
  beforeEach(() => { 
    fixture = TestBed.createComponent(AppComponent); 
    fixture.detectChanges(); 
  }); 
 
  it('should create the app', () => { 
    const app = fixture.componentInstance; 
    expect(app).toBeTruthy(); 
  }); 
  it('getDataList method checking', (done: Function) => { 
    const app = fixture.componentInstance; 
    setTimeout(() => { 
      if (app.isDataBound) { 
        expect(app.getDataList()[0].FirstName).toBe('Andrew Fuller'); 
        done(); 
      } 
    }, 1000); 
  }); 
  it('getSortedList method checking', (done: Function) => { 
    const app = fixture.componentInstance; 
    setTimeout(() => { 
      if (app.isDataBound) { 
        expect(app.getSortedList()[0].FirstName).toBe("Steven Buchanan"); 
        done(); 
      } 
    }, 1000); 
  }); 
}); 
 
 
App.component.ts 




export class AppComponent { 
  title = 'angular-unit-testing'; 
   
  @ViewChild('listbox') 
  public listboxObj: ListBoxComponent; 
  public data: DataManager = new DataManager({ 
    url: 'https://ej2services.syncfusion.com/production/web-services/api/Employees', 
    adaptor: new WebApiAdaptor, 
    crossDomain: true 
  }); 
 
  public query: Query = new Query().select(['FirstName', 'EmployeeID']).take(10).requiresCount(); 
  public field: Object = { text:'FirstName',value: 'FirstName' }; 
  public value: string[] = ["Andrew Fuller"]; 
  public isDataBound: boolean = false; 
   
  dataBound(args) { 
    if (args.name === 'dataBound') { 
      this.isDataBound = true; 
    } 
  } 
 
  getDataList(): { [key: string]: Object; }[] { 
    return this.listboxObj.getDataList() as { [key: string]: Object; }[]; 
  } 
 
  getSortedList(): { [key: string]: Object; }[] { 
    return this.listboxObj.getSortedList() as { [key: string]: Object; }[]; 
  } 
} 
 
 
 
 
Sample: https://www.syncfusion.com/downloads/support/forum/162519/ze/LIB04E~11383926770 
 
Please check the above link and get back to us, if you need further assistance. 
 
Regards, 
Gayathri K

Gayathri KarunaiAnandam · Answer

Hi Sneha, 

Thank you for contacting Syncfusion support. 

We have checked your reported query. We have prepared a Listbox sample with test cases written in angular platform. We will provide Listbox with datamanager test cases soon. Please refer to the below link: 

Sample: https://www.syncfusion.com/downloads/support/directtrac/162519/ze/listbox-unit-390381263 

Please check the above link and get back to us, if you need further assistance. 

Regards, 
Gayathri K

sneha · Answer

Hi Gayathri,I don't have permission to access the sync fusion link which you provided below. Thanks,Sneha