![](/img/trans.png)
[英]How to write test case for switch case in Angular for following case
[英]How to write a test case for input changes in Angular
嗨,我正在使用Angular和TypeScript开发应用程序。
以下是模板代码:
<input type="text" placeholder="Search Results" (input)="searchInput($event)">
和我关于searchInput方法的打字稿代码是:
searchInput(event: Event & { target: HTMLInputElement}) {
const { value } = event.target;
this.value = value;
// calling other method to reset values
}
我想知道如何在我的spec.ts文件中编写输入测试用例。
describe('Component', () => {
let component: Component;
let fixture: ComponentFixture<Component>;
const event = Event; // Is this fine ?
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [
AppModule
],
providers: [
]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(Component);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('searchInput() ', () => {
// how to approach
});
});
请提供一种方法来编写测试用例。
这是编写简单测试用例的一种方法。
它能做什么:
value
是falsy value
并调度input event
value
代码 (记得要导入By
):
...
import { By } from '@angular/platform-browser';
...
it('searchInput should update value when input changes', async(() => {
const fixture = TestBed.createComponent(AppComponent);
expect(fixture.debugElement.nativeElement.value).toBeFalsy()
const el: HTMLInputElement = fixture.debugElement.query(By.css('input')).nativeElement;
const testValue = 'some_value';
el.value = testValue;
el.dispatchEvent(new Event('input'));
expect(fixture.componentInstance.value).toEqual(testValue);
}));
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.