如何使用 Selenium Java WebDriver 测试轮询 javascript ajax 调用答案

【问题标题】：How to test a polling javascript ajax call with Selenium Java WebDriver如何使用 Selenium Java WebDriver 测试轮询 javascript ajax 调用
【发布时间】：2020-11-11 02:22:27
【问题描述】：

我有一个带有 JavaScript 代码的页面，它每秒轮询一次 API，并用响应替换 HTML 页面中的元素。我想使用 Selenium WebDriver 测试这个页面。我在 Junit 测试中设置了 WebDriver，但我不知道如何处理轮询 Java 脚本。

RemoteWebDriver driver = chrome.getWebDriver();
driver.get("http://localhost:8080");

JavaScript 代码配置了一个定时器来调用getMessage() 是这样设置的。

 <body>
    <h1 id="message"> Loading ... </h1>
</body>
<script>
    function getMessage()
    {
        $.ajax({
            url : '/message',
            type: 'GET',
            success: function(data){
                $('#message').text(data.message);
            },
            error: function (data) {
                $('#message').text("Error Response");
            }
        });
    }

    $(document).ready(function() {
        window.setInterval(getMessage, 1000);
    });
</script>

我想测试 H1 消息值在 30 秒内每秒更改为某个值，因此我希望在 30 秒的测试运行中看到 25 个更改。如何使用 Selenium WebDriver 做到这一点？

【问题讨论】：

你到底需要测试什么？要测试页面上的值是否每 30 秒更改一次？或者测试间隔是30秒？或测试该值是否更改为收到的响应？
我想在 30 秒内测试每秒更改为某值的值。

标签： java selenium selenium-webdriver webdriver

【解决方案1】：

以下是每两秒打印一次消息的一种怪异方式

我们可以编写自己的函数并将该函数传递给 FluentWait 的 Until 方法。它将每 2 秒调用一次此方法，超时设置为 30 秒。我们使用 counter 一旦 count > 10 。它应该出来，直到。可能需要根据您的需要进行一些重构。

Function<WebDriver, Boolean> function = new Function<WebDriver, Boolean>()
 {
    int count = 1;
    public Boolean apply(WebDriver arg0) {
    count++;
    WebElement element = arg0.findElement(By.id("message"));
    String text= element.getText(); 
    System.out.println("Message " + text); // your logic
    if(count > 10))
    {
       return true;
    }
    return false;
    }
 }

使用示例。假设驱动路径等设置正确

public static void main(String[] args) throws InterruptedException {
 
 WebDriver driver = new FirefoxDriver();
 driver.get("http://localhost:8080");
 
 FluentWait<WebDriver> wait = new FluentWait<WebDriver>(driver);
 wait.pollingEvery(Duration.ofSeconds(2));
 wait.withTimeout(Duration.ofSeconds(30));
 wait.ignoring(NoSuchElementException.class);
 
 Function<WebDriver, Boolean> function = new Function<WebDriver, Boolean>()
 {
   int count = 1;
   public Boolean apply(WebDriver arg0) {
   count++;
   WebElement element = arg0.findElement(By.id("message"));
   String text= element.getText(); 
   System.out.println("Message " + text); // your logic
   if(count > 10))
   {
      System.out.println(count + "++++++++++++++++++");
      return true;
   }
   return false;
  }
  };
 
 wait.until(function);// You can handle timeout exception using try-catch as per your 
 //use case
}

【讨论】：

【解决方案2】：

这是另一种方法：

private boolean testElementFor1SecChange(SearchContext searchContext, By locator, Duration testDuration){
    String baseElementText = searchContext.findElement(locator).getText();
    for(int i = 0; i < testDuration.get(ChronoUnit.SECONDS); i++){
        try {
            Thread.sleep(1000);
            String nextElementText = searchContext.findElement(locator).getText();
            if(baseElementText == null || baseElementText.equals(nextElementText)){
                return false;
            }
        } catch (InterruptedException e) {
            e.printStackTrace();
            return false;
        }
    }
    return true;
}

所以测试看起来像：

@Test
public void testChanges(){
    driver.get("http://localhost:8080");
    Assert.assertTrue(
            testElementFor1SecChange(driver, By.id("message"), Duration.ofSeconds(30))
    );
}

【讨论】：