如何使用茉莉花角编写为translateservice的测试用例

时间:2020-08-04 06:32:22

标签: angular jasmine

我是茉莉花的萌芽者,并尝试使用茉莉花角代码编写单元测试用例。我在下面遇到了一个问题

失败:无法读取未定义的属性“ mobileNum”

我编写了一个笔译服务,并试图从笔译服务中获取标签并为此编写一个测试用例。基本上它只是我要检查的标签部分。不知道为什么要尝试检查输入标签中的mobileNum。非常感谢您提供任何帮助。

html:

 <label for="mobileNumber" class="col-form-label col-form-label-lg" id="textformat">
            {{ 'ENTER_YOUR_MOBILE_NUMBER' | translate }}&nbsp;<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');
    }));

0 个答案:

没有答案