無法在日期選擇器中選擇日期

Question

我正在測試一個小部件，其中必須使用壓延機輸入開始日期和結束日期。 在現實生活中，我選擇從下拉菜單中輸入日期的選項，然后出現日歷，這時我必須單擊開始日期和結束日期。 只有在我單擊兩天后，日期字段才被填寫。 我手動進行此操作沒有問題，但是自動化測試非常困難。 這是一些屏幕截圖，以說明我正在嘗試執行的操作。 選擇輸入日期的選項后，將出現以下屏幕：

在這里，我首先單擊“起始日”（24），然后單擊“終止日”（31）。 當我單擊31后，日歷消失了，並且兩個日期字段都充滿了我的選擇：

我正在嘗試使用以下代碼將其自動化：

driver.findElement(By.xpath(".//span[@class='DateRangePicker__DateLabel'][contains(text(), '24')]")).click();
driver.findElement(By.xpath(".//span[@class='DateRangePicker__DateLabel'][contains(text(), '31')]")).click();

這是我基於的部分代碼：

<span class="DateRangePicker__DateLabel" data-reactid=".0.1.1.0.1.1.1.0.0.2.0.1:$0-2016-4.1.1.$4.$1.2">24</span>

代碼不會失敗，但是日期也不會被選擇。

Answer 1

使用日期選擇器中的硒- LINK

Answer 2

您可以檢查from和to字段的ID。 然后使用javascript執行此命令

$('#id').datepicker("setDate", "date_you_want_in_right_format")

注意1：您必須嚴格遵循datePicker允許的日期格式

注意2：已通過https://jqueryui.com/datepicker/測試

$('#datepicker').datepicker("setDate", "03/15/2016")