我想知道如何确保 ion-list
显示正确的内容。ion-list
看起来像这样:
<ion-list [virtualScroll]="list" [approxItemHeight]="'132px'">
<ion-item *virtualItem="let item">
<span item-start>{{item.foo}}</span>
</ion-item>
</ion-list>
单元测试:
it('should display the correct content', () => {
comp.list = [ { foo: 'bar' } ];
fixture.detectChanges();
de = fixture.debugElement.query(By.css('ion-content'));
el = de.nativeElement;
console.log(el);
});
这输出:
<ion-list class="list list-md virtual-loading" ng-reflect-virtual-scroll="[object Object],[object Object" ng-reflect-approx-item-height="132px">
<!---->
</ion-list>
如何触发 karma 来渲染
ion-item
在 ion-list
?
最佳答案
您已在测试中手动发出更新事件:
const virtualScrollComponent = fixture.debugElement.query(By.directive(VirtualScrollComponent)).componentInstance;
virtualScrollComponent.update.emit(list);
关于ionic-framework - 使用包含 [virtualScroll] 属性的 ion-list 对页面进行单元测试,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49195467/