问题
我正在使用 ngbDatepicker 测试一个日期选择器，它只允许用户从日历中选择一个日期。是否可以用量角器从中选择日期？

1. <form class="form-inline">
   
2.   <div class="form-group">
   
3.     <div class="input-group">
   
4.       <input class="form-control" placeholder="yyyy-mm-dd"
   
5.              name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker">
   
6.       <div class="input-group-append">
   
7.         <button class="btn btn-outline-secondary calendar" (click)="d.toggle()" type="button"></button>
   
8.       </div>
   
9.     </div>
   
10.   </div>
    
11. </form>

复制代码

这是日期选择器的屏幕截图：

我需要的是在日期选择器中选择后天。

提前致谢！ ！

回答
是的，量角器可用于选择日期。您可以模拟用户可以执行的所有操作。

因为，您没有提供 e2e 测试源代码。以下几点将指导您为 datepicker 编写 e2e 测试。

1. const EC = protractor.ExpectedConditions;
   
2. browser.wait(EC.presenceOf(element(by.css('btn-outline-secondary'))), 5000).then(() => {
   
3.     element(by.css('btn-outline-secondary')).click(); // This will click calendar icon
   
4.     const d = new Date().getDate()+1; // This will get you next day value
   
5. 
   
6.     // Write your code to find next day element and click it using click() function
   
7.     // Hint: Each day is a "div" with class "btn-light" and day as content of that div element
   
8. });
   

复制代码

EC.presenceOf() 将检查日历图标按钮是否存在（并在 5 秒后超时）。

如果它存在，那么它将单击该图标。因此，日历将打开。

现在你的任务是确定第二天并选择它。

可以使用

1. getDate()
   
2. function, as shown above.

复制代码

根据上面给出的提示也很容易选择。

问题
我正在使用 ngbDatepicker 测试一个日期选择器，它只允许用户从日历中选择一个日期。是否可以用量角器从中选择日期？

1. <form class="form-inline">
   
2.   <div class="form-group">
   
3.     <div class="input-group">
   
4.       <input class="form-control" placeholder="yyyy-mm-dd"
   
5.              name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker">
   
6.       <div class="input-group-append">
   
7.         <button class="btn btn-outline-secondary calendar" (click)="d.toggle()" type="button"></button>
   
8.       </div>
   
9.     </div>
   
10.   </div>
    
11. </form>

复制代码

这是日期选择器的屏幕截图：

我需要的是在日期选择器中选择后天。

提前致谢！ ！

回答
是的，量角器可用于选择日期。您可以模拟用户可以执行的所有操作。

因为，您没有提供 e2e 测试源代码。以下几点将指导您为 datepicker 编写 e2e 测试。

1. const EC = protractor.ExpectedConditions;
   
2. browser.wait(EC.presenceOf(element(by.css('btn-outline-secondary'))), 5000).then(() => {
   
3.     element(by.css('btn-outline-secondary')).click(); // This will click calendar icon
   
4.     const d = new Date().getDate()+1; // This will get you next day value
   
5. 
   
6.     // Write your code to find next day element and click it using click() function
   
7.     // Hint: Each day is a "div" with class "btn-light" and day as content of that div element
   
8. });
   

复制代码

EC.presenceOf() 将检查日历图标按钮是否存在（并在 5 秒后超时）。

如果它存在，那么它将单击该图标。因此，日历将打开。

现在你的任务是确定第二天并选择它。

可以使用

1. getDate()
   
2. function, as shown above.

复制代码

根据上面给出的提示也很容易选择。