Java selenium - 无法从日历弹出窗口中选择日期

Question

我是使用 selenium webdriver 进行自动化的新手。我正在尝试在旅游网站上预订航班。 (ryanair.com)

我遇到了弹出日期选择器。我只能使用 .sendkeys 输入日期，在单击日期输入上的任何字段后，它会触发弹出日历出现，所以如果输入的格式是 dd/mm/yyyy 并且我想输入“20042019”它只输入20 在 dd 然后自动选择当前月份和年份作为自动完成并打开日历弹出窗口。

我读过一些文章说这些日历通常有两种类型 1. iframe 2. datepicker - 我认为 ryanair 上的那个是基于下面 xpath 的 datepicker

//div[@id='datetimepicker_dateview']//table//tbody//td[not(contains(@class,'k-other-month')

也许这是错误的 xpath？但我认为这是正确的

我已尝试使用以下方法查找要预订的日期列表：

   List<WebElement> list_AllDateToBook = driver.findElements(By.xpath()
   System.out.println("size of list is : " + list_AllDateToBook.size() );
   System.out.println("list is : " + list_AllDateToBook );

输出是： 列表大小为：0 列表是：[]

当我使用 xpath 输入日期字段的日期时，它适用于第一个输入：

WebElement day = driver.findElement(By.xpath("//*[@id='row-dates-pax']/div[1]/div/div[1]/div/div[2]/div[2]/div/input[1]"));

但是，当我将 xpath 更改为第二个输入时，它不会输入第二个输入（月）

WebElement day = driver.findElement(By.xpath("//*[@id='row-dates-pax']/div[1]/div/div[1]/div/div[2]/div[2]/div/input[2]"));

下面是一个日期选择器 HTML 示例（添加它太长了！）

   <core-datepicker class="start-date" default-date="" start-date="18-03-2019" end-date="28-03-2020" highlight-from="20-03-2019" highlight-to="20-04-2019" end-show="true" fly-out="true" value="dateRange.startDate" cb-event-id="cal-selector:select-start-date" unavailable-dates="dateRange.unavailabiltyStartDates" selected-month-view="dateRange.startDateSelectedMonthView" show-month-toggle="::dateRange.showMonthToggle" show-single-month=""><!----><div ng-class="::{'has-monthly-toggle': isMonthToggleVisible()}"><div bindonce="" class="datepicker-wrapper r scrollable value-selected" ng-class="{ scrollable: !device.isPhone(), mobile: device.isPhone(), 'value-selected': value, 'six-rows': checkIf6Rows()}" style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);"><!----><!----><ul ng-if="!device.isPhone()"><!----><li bindonce="" ng-repeat="i in _monthViews" ng-class="{ 'starting-month': checkIfIsSame(getDate(i), highlightFrom, 'month'), 'selected-month': checkIfIsSame(getDate(i), value, 'month'), 'highlight-on': canHighlight(i) }" class="calendar-view starting-month selected-month"><h1 class="month-name">March 2019</h1><ul class="week-days"><!---->

我真的被困在这里了。任何建议都会很棒。

谢谢

Answer 1

这是来自 python 的工作代码。请参阅我遵循的方法并在 java 中进行模拟。

import os
import time
from selenium import webdriver
from selenium.webdriver import ChromeOptions
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.ui import WebDriverWait


def get_full_path_to_folder(folderName):
    folders = os.path.abspath(os.pardir).split(os.sep)
    folderPath = ''
    for folder in folders:
        if folderPath == '':
            folderPath = folder
        else:
            folderPath = folderPath + "\\" +folder
        if os.path.isdir(os.path.join(folderPath, folderName)):
            return os.path.join(folderPath, folderName)
            break
def wait_for_element_present(locator_type, locator):
    if locator_type == 'xpath':
        return (wait.until(EC.presence_of_element_located((By.XPATH, locator))))
    elif locator_type == "css":
        return (wait.until(EC.presence_of_element_located((By.CSS_SELECTOR, locator))))

chrome_options = ChromeOptions()
chrome_options.add_argument("--incognito")
driver = webdriver.Chrome(executable_path=os.path.join(get_full_path_to_folder('drivers'), "chromedriver.exe"))
driver.implicitly_wait(10)
wait = WebDriverWait(driver,10)
url = "https://www.ryanair.com/us/en/"
# go to url
driver.get(url)
#================ you should focus the below code=======================
# close the cookie pop up, otherwise the date and country elements not interable for selenium for interaction
wait_for_element_present('css',".cookie-popup__close").click()
#click on destination edit box
driver.find_element_by_css_selector(".route-selector-destination").click()
# select desitnation country
destiCountry = wait_for_element_present('xpath',"//div[@ng-repeat='option in $ctrl.firstOptions track by option.id' and text()=' Italy']")
destiCountry.click()
#select destination airport
desti = wait_for_element_present('xpath',"//span[contains(@ng-if,'secondOptionsEnabled') and .='Naples']")
desti.click()
# select outbound date
dateEle = wait_for_element_present('css',"li[data-id='24-03-2019']")
if dateEle.value_of_css_property('font-size') == '15px':
    dateEle.click()
#select in bound date
dateEle = wait_for_element_present('css',"li[data-id='20-04-2019']")
if dateEle.value_of_css_property('font-size') == '15px':
    dateEle.click()
#hurry, the date selection is successful.

Answer 2

请尝试：

li[data-id='12-04-2019'] span

注意：添加 until span 标签。刚刚通过控制台尝试并正常工作。

document.querySelector("li[data-id='12-04-2019'] span").click()