我如何在文本字段输入文本与onkeyup/onfocus javascript

How do I enter text in textfield with onkeyup/onfocus javascript?

本文关键字：文本 onkeyup onfocus javascript 字段 输入      更新时间：2023-09-26

我们有一个web应用程序，我正在尝试自动化测试，使用Java, web Driver和TestNG。我面临的最大挑战(失败的)是保持在开发的前面，防止测试框架因为很小的代码更改而中断。

  • 有一个接受数字的文本字段。到目前为止，sendKeys为我做了这项工作。
  • 在最近对页面源代码的更改中，当输入数字时，会自动插入逗号。
  • 所以"50000"变成了"50000"。
  • 现在sendKeys输入值正确，但在我移出字段编辑其他字段后，值重置为0。

这是元素的来源。注意onkeyup和onfocus的值:

<input type="text" class="form-control tooltip-default" id="my_budget" value="" data-mask="fdecimal" data-rad="." data-toggle="tooltip" data-placement="top" data-original-title="test tooltip" onfocus="removeErrors('my_budget');" onkeyup="removeNegativeSign('my_budget');">

我以前遇到过这个问题，并尝试使用W3Schools和其他研究来破解解决方案。

方法1:键。标签

我读到sendKeys(Keys)可以触发keyup事件，所以我试着发送Keys.TAB 

driver.findElement(By.id("my_budget")).sendKeys(Keys.TAB);

这没有任何影响。

方法2:发送keyDown-keyUp

我用这个问题作为参考，只是模拟按ctrl键。

    new Actions(driver).keyDown(driver.findElement(By.id("my_budget")), Keys.CONTROL).keyUp(driver.findElement(By.id("my_budget")), Keys.CONTROL).perform();

这没有任何影响。

方法3:手动执行Javascript

最后，我尝试手动执行Javascript，首先为onfocus，然后当它不起作用时，为onkeyup。

    SeleniumHelper.doJavascriptOnElement(driver, driver.findElement(By.id("my_budget")), driver.findElement(By.id("my_budget")).getAttribute("onfocus"));
    SeleniumHelper.doJavascriptOnElement(driver, driver.findElement(By.id("my_budget")), driver.findElement(By.id("my_budget")).getAttribute("onkeyup"));

这会导致Javascript未找到的错误:

Caused by: java.lang.Exception: org.openqa.selenium.WebDriverException: unknown error: removeErrors is not defined

So -

  • 我如何在文本域中输入文本，其中onkeyup或onfocus(或其他)Javascript是活跃的?
  • 我如何编程围绕这种情况(在我身上的代码变化)在未来?是否存在我不知道的"智能"sendKeys ?

经过一天的挖掘，我找到了答案。

要使用onfocus Javascript在文本字段中输入文本，我需要click()文本字段web元素:

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

这是有效的- Javascript在输入值时执行。

为了使输入文本+生成事件更容易一些，我创建了一个方法:

调用:

sendKeysWithEvent(driver, driver.findElement(By.id("my_budget")), "50000", "onfocus");

方法:

public static void sendKeysWithEvent(WebDriver driver, WebElement element, String text, String event) throws Exception {
    element.sendKeys(text);
    switch(event) {
    case "keyup":
        new Actions(driver).keyDown(element, Keys.CONTROL).keyUp(element, Keys.CONTROL).perform();
        break;
    case "onblurJS":
        doJavascriptOnElement(driver, element, element.getAttribute("onblur"));
        break;
    case "onfocus":
        element.click();
        break;
    case "keyupJS": 
        doJavascriptOnElement(driver, element, element.getAttribute("onkeyup"));
        break;
    case "keyupTAB":
        element.sendKeys(Keys.TAB);
        break;
    }
}
public static void doJavascriptOnElement(WebDriver driver, WebElement element, String javascript) throws Exception {
    ApiHelper.doLog("Running Javascript: " + javascript);
    ((JavascriptExecutor) driver).executeScript(javascript, element);
}

相关文章：