用硒填写位于新页面中的表格

Question

我正在使用 JavaScript 和 selenium 创建简单的 Web 自动化以用于家庭作业。 练习的目的很简单，点击一个链接并在新页面中填写一个网络表格。 问题是即使我能够正确定位 Web 元素（我认为），我也无法填写此表单。

我尝试使用 Xpath 和 CSS 选择器来定位 Web 元素。

const driver = new selenium.Builder().forBrowser("chrome").build();

const form = driver.findElement(By.linkText("Form Authentication")).click;

const username = driver.findElement(By.xpath("//form/div/div/input[@id = "username"]")).sendKeys("some text");


driver.get(url);

预期的结果应该是填写一些文本的用户名/密码表单。 没有错误出现，只是没有动作，

Answer 1

请替换下面的代码行：

const username = driver.findElement(By.xpath("//form/div/div/input[@id = "username"]")).sendKeys("some text");

用这一行：

const username = driver.findElement(By.xpath("//form/div/div/input[@id = 'username']")).sendKeys("some text");

由于你在双引号内使用双引号，它一定会给你错误。

希望对你有帮助:)

Answer 2

我发现此代码存在许多问题。我不确定url 变量在运行时包含什么，但我怀疑它包含登录页面的URL。您想先访问 URL，然后填写字段。

const driver = new selenium.Builder().forBrowser("chrome").build();

driver.get(url);

接下来，您需要确保正确调用 JavaScript 中的方法。

const form = driver.findElement(By.linkText("Form Authentication")).click;

这行代码将对click 函数的引用分配给form 变量。我不认为这是你想要的。你想点击链接：

driver.findElement(By.linkText("Form Authentication")).click();

接下来，你不正确地嵌套了双引号：

const username = driver.findElement(By.xpath("//form/div/div/input[@id = 'username']")).sendKeys("some text");

在@id = 'username' 周围使用单引号。

此外，HTML 中的 id 属性本身就已经是唯一的了。您可以将最后一个 XPATH 表达式简化为：

By.xpath("//input[@id = 'username']")

您还缺少一个步骤。输入用户名和密码后，您需要提交表单，通常通过单击提交按钮。