如何根据提供的 HTML 单击按钮？

Question

这是弹出窗口中按钮的 html 代码（弹出窗口有一个潜在客户表单）-

<button id="getCoupon" class="fetch" data-bind="click: submitForm" type="submit">Fetch Coupon</button>

这是我在 Eclipse 中用 JAVA 编写的脚本。我可以填写姓名、电子邮件和电话号码，但我无法点击按钮 -

driver.findElement(By.id("getCoupon")).click();

Answer 1

根据评论和网址，您已分享：

你可以试试这段代码：

public class Pawan  {

    static WebDriver driver ; 

    public static void main(String[] args) throws InterruptedException {
        System.setProperty("webdriver.chrome.driver", "C:\\Users\\user**\\Downloads\\chromedriver_win32\\chromedriver.exe");
        driver = new ChromeDriver();
        driver.manage().window().maximize();
        driver.get("http://vets.cm.qa.preview.vca.webstagesite.com/free-first-exam");
        WebDriverWait wait = new WebDriverWait(driver, 10);

        wait.until(ExpectedConditions.elementToBeClickable(By.cssSelector("input[value='/santa-monica']~div.select-btn"))).click();
        wait.until(ExpectedConditions.elementToBeClickable(By.id("fName"))).sendKeys("Pawan");
        wait.until(ExpectedConditions.elementToBeClickable(By.id("lName"))).sendKeys("Sharma");
        wait.until(ExpectedConditions.elementToBeClickable(By.id("email"))).sendKeys("ps12@gmail.com");
        wait.until(ExpectedConditions.elementToBeClickable(By.id("zip"))).sendKeys("90404");
        wait.until(ExpectedConditions.elementToBeClickable(By.id("phone"))).sendKeys("9697989900");  

        JavascriptExecutor jse = (JavascriptExecutor)driver;
        jse.executeScript("window.scrollBy(0,100)", "");

        wait.until(ExpectedConditions.elementToBeClickable(By.id("getCoupon"))).click();    
    }
}

Answer 2

根据您的 HTML 代码，您的 id 是：“getCoupon”， 而在代码中，您提到 id 为：“getCouponFetch”。请更正，它应该工作。代码 -

driver.findElement(By.id("getCoupon")).click();

如果 selenium 点击不起作用，请使用下面的 Java Script 点击代码：

WebElement element = driver.findElement(By.id("getCoupon")); JavascriptExecutor executor = (JavascriptExecutor)driver; executor.executeScript("arguments[0].click();", element);

Answer 3

首先，你得到了什么样的错误？？

如果您得到如下所示的“NoSuchElementException”，请尝试使用隐式等待：

driver.manage().timeOuts().implicitlywait(30,TimeUnit.SECONDS);

然后尝试使用以下方式找到该按钮：

driver.findElementByXpath("text()[contains(.,'Fetch Coupon')]").click();

Answer 4

根据您在按钮上共享给click() 的 HTML，您必须诱导 WebDriverWait 以使所需的元素可点击您可以使用以下任一解决方案：

• cssSelector:

  new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("button.fetch#getCoupon"))).click();
  

• xpath:

  new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//button[@class='fetch' and @id='getCoupon'][contains(.,'Fetch Coupon')]"))).click();
  

---

更新

您也可以使用executeScript() 方法调用click()，如下所示：

• 使用cssSelector：

  WebElement fetch_coupon = new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("button.fetch#getCoupon")));
  ((JavascriptExecutor)driver).executeScript("arguments[0].click();", fetch_coupon);      
  

• 使用xpath：

  WebElement fetch_coupon = new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//button[@class='fetch' and @id='getCoupon'][contains(.,'Fetch Coupon')]")));
  ((JavascriptExecutor)driver).executeScript("arguments[0].click();", fetch_coupon);