我是茉莉花的萌芽者,并尝试使用茉莉花角代码编写单元测试用例。我在下面遇到了一个问题
失败:无法读取未定义的属性“ mobileNum”
我编写了一个笔译服务,并试图从笔译服务中获取标签并为此编写一个测试用例。基本上它只是我要检查的标签部分。不知道为什么要尝试检查输入标签中的mobileNum。非常感谢您提供任何帮助。
html:
<label for="mobileNumber" class="col-form-label col-form-label-lg" id="textformat">
{{ 'ENTER_YOUR_MOBILE_NUMBER' | translate }} <span class="labelHint">(05XXXXXXXX)</span>
</label>
<input type="text" name="mobileNumber" placeholder="05XXXXXXXX" [(ngModel)]="validateUserRequest.mobileNum" only-number maxlength="10" />
规格:
it('label should be Enter your mobile number', async(() => {
const fixture = TestBed.createComponent(LoginForm1Component);
fixture.detectChanges();
let injector = getTestBed();
let translate = injector.get(TranslateService);
const compiled = fixture.debugElement.nativeElement;
console.log('compiled',compiled);
expect(compiled.querySelector('#textFormat label').textContent).toEqual('ENTER_YOUR_MOBILE_NUMBER');
translate.setTranslation('en', { ENTER_YOUR_MOBILE_NUMBER: 'Enter your mobile number' });
translate.use('en');
fixture.detectChanges();
expect(compiled.querySelector('#textFormat label').textContent).toEqual('Enter your mobile number');
}));