Selenium IDE:如何从日期选择器中选择下一个可用日期

在Selenium IDE中自动化这样的任务将是相当具有挑战性的，因为获取下一个可用日期涉及到一个重要的逻辑，您应该考虑切换到Selenium WebDriver，选择一个可用的Selenium语言绑定。

下面是使用Python语言Selenium绑定的工作代码。这个想法是:

• 实例化WebDriver(在本例中使用Firefox()，但也有其他选择)
• 最大化浏览器窗口
• 导航到URL (http://www.jet2.com)
• 等待直到页面被显式加载(docs)
• 填写出发地和目的地字段
• 点击"出发"字段触发日历显示
• 在日历中，找到当前日期-它具有ui-datepicker-current-day类
• 使用"by XPath"定位技术和following轴检查本月是否有可用的日期。如果是，打印出来并单击。
• 如果我们没有在这个月找到下一个可用的日期，初始化和"无尽"循环，点击"下一个"月按钮检查我们是否有一个可用的日期。将其打印出来，如果找到了就单击并退出循环。否则，点击"下一步"按钮。
• 如果我们没有"下一个"按钮-那么我们是在一年的末尾，在年份下拉框中选择下一年，继续循环
• 完成后关闭驱动程序

代码:

from selenium import webdriver
from selenium.common.exceptions import NoSuchElementException
from selenium.webdriver import ActionChains
from selenium.webdriver.common.by import By
from selenium.webdriver.support.select import Select
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

FROM = "Leeds Bradford"
TO = "Budapest BUD"
driver = webdriver.Firefox()  # or, webdriver.Chrome(), or webdriver.PhantomJS() or etc.
driver.maximize_window()
driver.get("http://www.jet2.com")
wait = WebDriverWait(driver, 10)
actions = ActionChains(driver)
# wait for the page to load
wait.until(EC.presence_of_element_located((By.ID, "departure-airport-input")))
# fill out the form
driver.find_element_by_id("departure-airport-input").send_keys(FROM)
wait.until(EC.presence_of_element_located((By.CSS_SELECTOR, "#ui-id-1 .ui-menu-item"))).click()
driver.find_element_by_id("destination-airport-input").send_keys(TO)
wait.until(EC.presence_of_element_located((By.CSS_SELECTOR, "#ui-id-2 .ui-menu-item"))).click()
# select date
datepicker = driver.find_element_by_id("departure-date-selector")
actions.move_to_element(datepicker).click().perform()
# find the calendar, month and year picker and the current date
calendar = driver.find_element_by_id("departureDateContainer")
month_picker = Select(calendar.find_element_by_class_name("ui-datepicker-month"))
year_picker = Select(calendar.find_element_by_class_name("ui-datepicker-year"))
current_date = calendar.find_element_by_class_name("ui-datepicker-current-day")
# printing out current date
month = month_picker.first_selected_option.text
year = year_picker.first_selected_option.text
print("Current date: {day} {month} {year}".format(day=current_date.text, month=month, year=year))
try:
    # see if we have an available date in this month
    next_available_date = current_date.find_element_by_xpath("following::td[@data-handler='selectDay' and ancestor::div/@id='departureDateContainer']")
    print("Found an available date: {day} {month} {year}".format(day=next_available_date.text, month=month, year=year))
    next_available_date.click()
except NoSuchElementException:
    # looping over until the next available date found
    while True:
        # click next, if not found, select the next year
        try:
            calendar.find_element_by_class_name("ui-datepicker-next").click()
        except NoSuchElementException:
            # select next year
            year = Select(calendar.find_element_by_class_name("ui-datepicker-year"))
            year.select_by_visible_text(str(int(year.first_selected_option.text) + 1))
        # reporting current processed month and year
        month = Select(calendar.find_element_by_class_name("ui-datepicker-month")).first_selected_option.text
        year = Select(calendar.find_element_by_class_name("ui-datepicker-year")).first_selected_option.text
        print("Processing {month} {year}".format(month=month, year=year))
        try:
            next_available_date = calendar.find_element_by_xpath(".//td[@data-handler='selectDay']")
            print("Found an available date: {day} {month} {year}".format(day=next_available_date.text, month=month, year=year))
            next_available_date.click()
            break
        except NoSuchElementException:
            continue
driver.close()

• 利兹布拉德福德->安塔利亚AYT(下一个可用日期为4月):

  Current date: 28 Mar 2016
  Processing Apr 2016
  Found an available date: 4 Apr 2016
  

• 利兹布拉德福德->布达佩斯BUD(下一个可用日期与当前日期在同一个月):

  Current date: 12 Feb 2016
  Found an available date: 15 Feb 2016
  

• ?(明年下一个上市日期)

通过Selenium IDE实现这一点是相当具有挑战性的。参考这里的链接，看看gotoIF是如何工作的。从这里下载用户扩展js并添加到您的selenium IDE。如果你可以使用Selenium Webdriver，那么它将很容易实现。

我下面的例子是通过Selenium IDE来做的。我只给出了选择出站航班的例子。在这两种情况下，我都首先发送带有今天的出发日期和到达日期的url。然后，我使用gotoIf为出站选择第一个可用日期。

示例1:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://selenium-ide.openqa.org/profiles/test-case">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="selenium.base" href="http://www.jet2.com/" />
<title>21jet2_01</title>
</head>
<body>
<table cellpadding="1" cellspacing="1" border="1">
<thead>
<tr><td rowspan="1" colspan="3">21jet2_01</td></tr>
</thead><tbody>
<tr>
    <td>open</td>
    <td>/cheap-flights/leeds-bradford/larnaca/2016-02-07/2016-02-07?adults=2</td>
    <td></td>
</tr>
<tr>
    <td>storeElementPresent</td>
    <td>xpath=//div[@class='monthview outbound ']/div[2]/table/tbody/tr/td[starts-with(@class, &quot;LS1FlightDay flights&quot;)]/a/div/span[@class='fare']</td>
    <td>x</td>
</tr>
<tr>
    <td>gotoIf</td>
    <td>${x} == true</td>
    <td>select</td>
</tr>
<tr>
    <td>label</td>
    <td>clickNextMonth</td>
    <td></td>
</tr>
<tr>
    <td>clickAndWait</td>
    <td>xpath=//div[@class='monthview outbound ']/div/div[2]/a[@class='changepage nextmonth icon icon-arrow-next']</td>
    <td></td>
</tr>
<tr>
    <td>storeElementPresent</td>
    <td>xpath=//div[@class='monthview outbound ']/div[2]/table/tbody/tr/td[starts-with(@class, &quot;LS1FlightDay flights&quot;)]/a/div/span[@class='fare']</td>
    <td>y</td>
</tr>
<tr>
    <td>gotoIf</td>
    <td>${y} == false</td>
    <td>clickNextMonth</td>
</tr>
<tr>
    <td>label</td>
    <td>select</td>
    <td></td>
</tr>
<tr>
    <td>click</td>
    <td>xpath=//div[@class='monthview outbound ']/div[2]/table/tbody/tr/td[starts-with(@class, &quot;LS1FlightDay flights&quot;)]/a/div/span[@class='fare']</td>
    <td></td>
</tr>
</tbody></table>
</body>
</html>

示例2:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://selenium-ide.openqa.org/profiles/test-case">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="selenium.base" href="http://www.jet2.com/" />
<title>21jet2_01</title>
</head>
<body>
<table cellpadding="1" cellspacing="1" border="1">
<thead>
<tr><td rowspan="1" colspan="3">21jet2_01</td></tr>
</thead><tbody>
<tr>
    <td>open</td>
    <td>/cheap-flights/belfast/alicante/2016-02-07/2016-02-07?adults=2</td>
    <td></td>
</tr>
<tr>
    <td>storeElementPresent</td>
    <td>xpath=//div[@class='monthview outbound ']/div[2]/table/tbody/tr/td[starts-with(@class, &quot;LS1FlightDay flights&quot;)]/a/div/span[@class='fare']</td>
    <td>x</td>
</tr>
<tr>
    <td>gotoIf</td>
    <td>${x} == true</td>
    <td>select</td>
</tr>
<tr>
    <td>label</td>
    <td>clickNextMonth</td>
    <td></td>
</tr>
<tr>
    <td>clickAndWait</td>
    <td>xpath=//div[@class='monthview outbound ']/div/div[2]/a[@class='changepage nextmonth icon icon-arrow-next']</td>
    <td></td>
</tr>
<tr>
    <td>storeElementPresent</td>
    <td>xpath=//div[@class='monthview outbound ']/div[2]/table/tbody/tr/td[starts-with(@class, &quot;LS1FlightDay flights&quot;)]/a/div/span[@class='fare']</td>
    <td>y</td>
</tr>
<tr>
    <td>gotoIf</td>
    <td>${y} == false</td>
    <td>clickNextMonth</td>
</tr>
<tr>
    <td>label</td>
    <td>select</td>
    <td></td>
</tr>
<tr>
    <td>click</td>
    <td>xpath=//div[@class='monthview outbound ']/div[2]/table/tbody/tr/td[starts-with(@class, &quot;LS1FlightDay flights&quot;)]/a/div/span[@class='fare']</td>
    <td></td>
</tr>
</tbody></table>
</body>
</html>

下面是Java版本。

import java.util.List;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
public class DatePicketJet2 {
    public static WebDriver browser;
    public static void main(String args[]) throws InterruptedException {
        browser = new FirefoxDriver();
        String url = "http://www.jet2.com/";
        browser.get(url);
        browser.manage().window().maximize();
        browser.findElement(By.id("departureAirportList")).click();  
        WebElement departureCountry = browser.findElement(By.id("destinations-uk"));
        WebElement departureCityLocator = departureCountry.findElement(By.tagName("ul"));
        List<WebElement> departureCities = departureCityLocator.findElements(By.tagName("li"));
        /*
        for (WebElement we : departureCities) {
            System.out.println(we.getText());
        }
        */
        departureCities.get(1).click();
        browser.findElement(By.id("destinationAirportList")).click();  
        WebElement destinationCountry = browser.findElement(By.id("destinations-country"));
        WebElement destinationCityLocator = destinationCountry.findElement(By.tagName("ul"));
        List<WebElement> destinationCities = destinationCityLocator.findElements(By.tagName("li"));
        /*
        for (WebElement we : destinationCities) {
            System.out.println(we.getText());
        }
        */
        destinationCities.get(1).click();
        browser.findElement(By.id("departure-date-selector")).click();
        WebElement departureMonth = browser.findElement(By.tagName("tbody"));
        //System.out.println(departureMonth.getText());
        List<WebElement> departureDate = departureMonth.findElements(By.tagName("a"));
        for (WebElement we : departureDate) {
            System.out.println("~" + we.getText());
            we.click();
            break;
        }
        browser.findElement(By.id("return-date-selector")).click();
        Thread.sleep(1000);
        WebElement returnMonth = browser.findElement(By.tagName("tbody"));
        System.out.println("<>" + returnMonth.isEnabled());
        System.out.println(returnMonth.getText());
        List<WebElement> returnDate = returnMonth.findElements(By.tagName("a"));
        for (WebElement we1 : returnDate) {
            System.out.println("~" + we1.getText());
            we1.click();
            break;
        }
        Thread.sleep(1000);
        browser.close();
    }
}

寻找<tbody>并找到所有可见的日期，使用名称标记为"a"，您将获得所有可行的日期或显示为绿色。

稍后根据您的需求细化您的逻辑