我一直在尝试在日期选择器上进行 Protractor 测试。 我的 html 文件中有以下内容
<div fxFlex>
<mat-datepicker #pickerBirthdate></mat-datepicker>
<input matInput
style="visibility: hidden;"
[min]="minBirthdate"
[max]="maxBirthdate"
[matDatepicker]="pickerBirthdate"
placeholder="Fecha de nacimiento"
[(ngModel)]="registry.data.fechaNac"
name="fechaNac">
</div>
我的规范文件中包含以下内容
expect(page.getElementByClass('.date-select-picker'));
// get today's date
let today: any = new Date();
let dd: any = today.getDate();
let mm: any = today.getMonth() + 1; // January is 0!
const yyyy = today.getFullYear();
if (dd < 10) {
dd = '0' + dd;
}
if ( mm < 10) {
mm = '0' + mm;
}
today = mm + '/' + dd + '/' + yyyy;
page.sleep();
page.getElementByClass('.date-select-picker').sendKeys(today);`
问题是,它没有显示任何它只是看起来提出的日期。
我已阅读此主题,但无法使其正常工作,我不知道这是否是由于我的角度版本所致。
- How to test a Angular js date picker from Protractor
- https://github.com/angular/material/issues/10404
提前致谢,祝你有美好的一天
最佳答案
我在日期选择器上遇到了类似的问题,这就是我选择 future 日期的方式:
/// click the datepicker
element(by.css('.mat-datepicker-toggle')).click();
/// opens the table with years
element(by.css('.mat-calendar-arrow')).click();
/// select year, month and day
element(by.cssContainingText(".mat-calendar-body-cell-content", "2040")).click();
element(by.cssContainingText(".mat-calendar-body-cell-content", "DEC.")).click();
element(by.cssContainingText(".mat-calendar-body-cell-content", "31")).click();
关于datepicker - 如何用 Protractor 测试日期选择器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51484960/