你有没有注意到网上冲浪时无处不在的网络表单？您访问的几乎每个网站或web应用程序都利用web表单获取有关您自己的相关信息。从在web应用程序上创建一个帐户到填写一个简短的调查，Web表单无处不在！表单包括复选框、单选按钮、密码、下拉以收集用户数据等web元素。

如果你要表演自动浏览器测试对于您的网站或web应用程序，那么您根本负担不起从您的测试自动化脚本中删除表单。说到测试自动化，Selenium有一个API来帮助查找这些Web元素并对它们采取后续的操作，比如选择一个值或输入一些文本。

本文将帮助您理解如何访问Selenium中的表单来自动化Web应用程序的浏览器测试。我将使用JUnit框架和一些注释来执行硒自动化测试在本文的后面。

首先，我们将了解WebElement是什么，如何在Selenium自动化中访问WebElement，然后查看基本的表单元素，比如输入框、按钮、可以在这些表单上执行的操作，最后编写一个脚本来处理表单并在各种浏览器上运行它。如果您已经知道基本知识，那么可以根据自己的情况跳过这些部分：

什么是 WebElement？

在外行人的语言中，网页上的任何内容都构成了WebElement。示例可以是文本框、单选按钮等。Selenium Webriver提供了一个名为WebElement负责所有可能发生在网页中的交互。要找到这些WebElement，SeleniumWebDriver提供了两个方法，即findElement()和findElements()。

findElement()：此方法用于定位单个Web元素。找到元素后，它作为WebElement对象返回。现在让我们看看findElement()的语法，但是在我们开始在测试脚本中使用WebElement对象之前，我们需要注意一个非常重要的问题。

在开始创建WebElement的对象之前，我们需要导入下面的包：

import org.openqa.selenium.WebElement;

findElement()的语法：

WebElement ele = driver.findElement(By.xpath(---xpath---);

findElements()：它返回与方法中定义的定位器对应的WebElement列表。findElements()的语法如下所示：

List<WebElement> ele = driver.findElements(By.xpath(---xpath---);

现在我们已经完全了解了WebElement接口，以及Selenium自动化测试中findElement()和findElements()方法之间的区别。

现在是深入研究这些Web元素的时候了。我们现在将列出所有可能涉及您的网站或网页申请表格的网页字段。然后，我们将注意如何访问SeleniumWebDriver中的表单。

以Selenium形式访问的字段类型

为了随后构建在SeleniumWebDriver中访问表单的脚本，我们需要了解测试自动化脚本中必须处理的各个字段。让我们试着一个接一个地挖掘这些WebElement。

输入箱

输入框是任何形式的主元素。没有用户的输入，任何表单都是不完整的。它可分为两类：

文本框-显示用户输入的值的文本框。密码字段框-当用户输入值时显示特殊字符(大部分为“*”)的文本框。

以下是表示表单内输入框的图像。

Buttons

在访问Selenium自动化测试表单时，需要考虑的最重要领域之一。如果没有提交表单的接口，就没有必要填写表单。按钮只用于提交我们在文本框中填写的任何信息。这可以是提交某种形式的数据，或者简单地向服务器提交登录信息。

CheckBox

在大多数被广泛使用的网站中，我们看到一个小框，使我们能够检查或取消它。主要是在协议部分，用户需要确认对这些策略的理解。复选框用于返回布尔值，如果选中它，则返回True，否则返回false。

Radio Button

记得当我们在任何一个注册表格中选择我们的性别时，在屏幕上看到一个圆形元素吗？这就是单选按钮。它类似于复选框，只不过不同之处在于，如果给我们多个单选按钮，我们只能选择一个，而在多个复选框的情况下，我们可以选择多个单选按钮。

Link

我们都面临着忘记账户密码的共同问题。注意到屏幕上的忘记密码链接了吗？这就是联系。它将我们重定向到一个新的网页或一个新窗口弹出或类似的东西。它将我们链接到一个全新的URL。

Drop Down

对于一个特定类别有多个选项的网站，有时会出现这样的情况。比如说一个网站来预订你的机票。要获取原产地和目的地城市，我们经常会看到一个具有多个值的列表。这个列表在最右边的一端有一个箭头来展开和显示值，称为下拉列表。它向用户提供选项列表，从而根据需求提供对一个或多个值的访问。

下面是Facebook如何使用表单的快照。

如何用Selenium在表单中Web元素？

现在我们已经知道了我们可以在应用程序中遇到哪些不同类型的Web元素，我们需要通过Selenium自动化测试脚本来识别这些Web元素，并为此使用Selenium定位器。定位器是提供给findElement()或findElements()方法的参数，这些方法通过使用web元素的属性(如ID、name、Class等)来帮助检索Web元素。通常，Selenium中有8个定位器，它们被广泛使用：

ID名字标签名类名LinkText部分LinkTextXPathCSS选择器

很少有这样的例子：

WebElement eid = driver.findElement(By.id(“email”);

WebElement pswd = driver.findElement(By.name(“password”);

WebElement sbmtBtn = driver.findElement(By.xpath(“//input[@value=”submit”]”);

以类似的方式，我们可以使用By.className、By.CSSSelector()、By.link text()等。

通过访问Selenium中的表单与Web元素交互

在通过Selenium自动化测试访问表单时，找到这些Web元素只是半途而废。现在，在Selenium中访问表单的关键是。使用Selenium执行操作和与表单交互。让我们看看如何对其中每一个执行不同的操作。

1.输入箱

要处理任何输入框，我们必须能够输入信息、清除信息或从框中获取信息。Selenium提供的处理文本框的不同方法如下：

SendKeys()清空()getText()

若要在文本框中输入文本，可以使用发送键方法，该方法将从我们的自动化脚本中输入用户所需的文本。

driver.findElement(By.id(“username”).sendKeys(“abc@gmail.com”);

上述语句将输入电子邮件ID为ABC@gmail.com输入ID为用户名的文本框中。现在，要清除预先输入的文本或上次输入的文本，可以使用清空()方法。

driver.findElement(By.id(“username”)).clear();

可用于文本框的第三个方法是getText()方法。它将获取在文本框中写入的文本，以防我们需要验证现有文本或输入的文本。

String nameText = driver.findElement(By.id(“username”)).getText();

上面的代码行将返回文本，让我们接受上面第一行代码输入的文本，即ABC@gmail.com并将其存储在字符串类型的nameText变量中。当文本出现在Value属性中时，可能会出现这种情况。在这种情况下，我们将使用getAttribute()方法代替getText()。

String nameText = driver.findElement(By.id(“username”)).getAttribute(“value”);

2.按钮

我们可以使用按钮提交信息。这可以通过单击相同的操作来完成。下面是Selenium中用于对按钮执行操作的方法。

点击()提交()

看起来这两种方法并没有什么区别，但是一个非常细微的细节改变了每个方法的用法。这两种方法最终都会将表单数据提交给服务器，但我们需要了解存在的Web元素的类型。如果元素类型为“Submit”或“按钮”，则单击()方法将两者都适用，但如果元素类型为“Submit”，且按钮位于其中

标记，那么只有Submit()才能工作。如果其中任何条件为false，则submit()将无法工作。

以下是这两种语言的语法：

driver.findElement(By.id(“submtLogIn”).click();

driver.findElement(By.id(“submtLogIn”).submit()

3.复选框

在使用复选框时，我们将使用以下Selenium方法：

点击()isSelected()

要选择或检查一个值，我们使用click()方法。它只是将状态从未检查更改为CHECK，反之亦然。

driver.findElement(By.id(“name”)).click();

既然我们可以选中/取消选中复选框，那么在执行Selenium自动化测试的特定操作之前，我们可能首先需要知道复选框的状态。要获得状态，我们使用isSelected()方法，它将返回一个布尔值。这意味着如果选中复选框，我们将得到一个True，否则我们将得到假。

boolean state = driver.findElement(By.id(“name”)).isSelected();

4.收音机按钮

在单选按钮上执行的操作类似于复选框上的操作，我们也可以对单选按钮使用与上面相同的方法。

点击()isSelected() 5.联系

链接通常嵌入在网页中，让我们导航到一个新的屏幕，弹出或表单。我们可以对它们执行单击操作，也可以获取它所保存的文本，然后继续执行。

点击()getText()

上述两种方法都可以以类似上述的方式使用。

6.下拉

下拉列表在web应用程序中非常常见，并且广泛用于在一系列选项中进行选择。有各种各样的方法，我们可以使用下拉。让我们逐一看看它们及其相应的语法和用法。

selectByVisibleText(字符串)-它通过比较可见文本来选择选项，其中在方法中传递的字符串值是要比较的。

selectByIndex(Int)-基于下拉菜单中的索引选择选项，整数参数作为索引传递。

selectByValue(字符串)-基于字符串格式的选项值选择选项

以类似的方式，我们可以使用以下任何选项从下拉列表中取消选择任何选定的值：

deselectByVisibleText(字符串)

deselectByIndex(INT)

deselectByValue(字符串)

deSelectAll()-这将取消从下拉列表中选择的所有选项。

要在Selenium代码中使用上述任何方法，语法可以如下所示：

Select se=new Select(driver.findElement(By.id("nation")));

se.selectByValue("Ind");

在对我们的web应用程序执行Selenium自动化测试时，有时我们需要验证下拉列表中的选项，或者我们是否可以选择多个选项。使用Selenium非常容易地对这些操作进行排序，这使我们能够执行更多的操作。以下是其中几个：

getAllSelectedOptions()-我们可能会遇到下拉列表，在其中我们可以选择多个选项。现在，要获得所有选定选项的列表，我们可以使用此方法。

getFirstSelectedOption()-此方法将返回从下拉列表中选择的第一个选项，与上面的方法不同，它将返回单个web元素，而不是列表。

getOptions()-此方法将使我们能够在下拉列表中获得所有可用选项的列表。

isMultiple()-要检查下拉列表是否可以采用多个选项，我们可以使用isMultiple()方法返回一个布尔值。

要获得选项列表，我们可以通过引用List对象来编写代码：

Select se=new Select(driver.findElement(By.id("nation"))); List<WebElement>

list=se.getOptions();

现在我们已经了解了Web元素的基本操作和处理，让我们继续在Selenium脚本中实现这些操作。在下一节中，我将向您展示一个处理演示站点上表单元素的简单程序。

通过Selenium WebDriver处理表单元素

现在，我们将自动化Facebook注册功能，以访问Selenium中的表单，因为我们在Web元素上执行操作。下面是一个使用Java使用JUnit框架访问Selenium表单的测试脚本。

//Complete code to run the test of facebook sign up

import org.junit.AfterClass;

import org.junit.BeforeClass;

import org.junit.Test;

import org.openqa.selenium.By;

import org.openqa.selenium.WebDriver;

import org.openqa.selenium.WebElement;

import org.openqa.selenium.chrome.ChromeDriver;

import org.openqa.selenium.support.ui.Select;

public class TestForms {

static WebDriver driver;

@BeforeClass

public static void setUp(){

System.out.println("-----This is the beginning of our test !!!-----");

System.setProperty("webdriver.chrome.driver", "C:\\Users\\admin\\Downloads\\chromedriver_win32(1)\\chromedriver.exe");

driver = new ChromeDriver();

driver.manage().window().maximize();

driver.get(";);

}

@Test

public void fillForm(){

System.out.println("-----Let us start the sign up process!!!-----");

/*

* Handling text boxes to enter and clear values

*/

WebElement fName = driver.findElement(By.xpath("//input[@name='firstname']"));

fName.sendKeys("--Enter you name here--");

WebElement lName = driver.findElement(By.xpath("//input[@name='lastname']"));

lName.sendKeys("--Enter your last name--");

//Clear the textbox

lName.clear();

lName.sendKeys("XYZ");

WebElement eMail = driver.findElement(By.xpath("//input[@name='reg_email__']"));

eMail.sendKeys("--Enter mail or contact number--");

WebElement pwd = driver.findElement(By.xpath("//input[@name='reg_passwd__']"));

pwd.sendKeys("--Enter a valid password here--");

/*

* Handling dropdown to select date of birth

*/

Select date = new Select(driver.findElement(By.xpath("(id('day'))")));

date.selectByVisibleText

通过运行上面的脚本，您将能够使用JUnit访问Selenium中的表单。如果你们不熟悉JUnit的话。以下是使用JUnit运行第一个Selenium自动化测试脚本的端到端指南。

关于更快测试周期的可伸缩性的思考？

干得好！但是，如果您要访问web应用程序的Selenium表单，那么您的测试套件很可能会变得更大、更复杂。您需要在数百个浏览器+操作系统上访问Selenium中的表单。不知道为什么？

那么，您的表单可能不像您想象的那样兼容跨浏览器！下面是一个简单的Datetime输入字段在呈现中的不同之处。

日期时间(IE8)

GoogleChrome 72中的日期时间

这让我们回到了一个重要的问题！如何在SeleniumWebDriver中访问超过100个浏览器+OS的表单？

好吧，首先你可以继续建立Selenium Grid。然而，如果您有一个更大的测试套件，丰富的测试需求，那么您可能需要花费大量的金钱和时间来扩展您的内部Selenium Grid。您将需要继续添加正在启动的最新设备、浏览器和操作系统到Selenium Grid中。考虑到采用敏捷、看板和其他现代SDLCS(软件开发生命周期)，主要的浏览器供应商，操作系统每个月推出一个新版本。

软件开发生命周期(软件开发生命周期)，主要的浏览器供应商，操作系统正在推出一个新的版本每月。

云上Selenium Grid中的访问表单

让我向您演示一种在Selenium中访问表单的可伸缩方法。我将使用LambdaTest的Online Selenium Grid在不同的浏览器和操作系统中并行运行上述脚本。在我们开始在LambdaTest上运行脚本之前，我们需要处理以下几点：

而不是调用常规的FirefoxDriver，我们必须使用远程WebDriver以及与浏览器、其版本、操作系统等相关的功能。

由于我们已经在本地创建了脚本，因此我们将使用Selenium所需的功能生成器，通过提供一些细节，如OS、分辨率、浏览器(&它的版本)、Selenium版本、位置等等，这个生成器将提供几行代码，这些代码将根据我们的选择如下所示。

现在，我们只需要在Selenium自动化测试脚本中声明LambdaTest身份验证凭据。这样，WebDriver将知道它需要处理的正确的集线器URL。下面是我们将用于在LambdaTest上运行测试的最后一个脚本。对现有脚本的更改将突出显示。

import java.net.MalformedURLException;

import java.net.URL;

import org.junit.AfterClass;

import org.junit.BeforeClass;

import org.junit.Test;

import org.openqa.selenium.By;

import org.openqa.selenium.WebElement;

import org.openqa.selenium.remote.DesiredCapabilities;

import org.openqa.selenium.remote.RemoteWebDriver;

import org.openqa.selenium.support.ui.Select;

public class TestForms {

static String username = "Your UserName";

static String accesskey = "Your Access Key";

static RemoteWebDriver driver = null;

static String gridURL = "@hub.lambdatest.com/wd/hub";

boolean status = false;

@BeforeClass

public static void setUp(){

System.out.println("-----This is the beginning of our test !!!-----");

DesiredCapabilities capabilities = new DesiredCapabilities();

capabilities.setCapability("build", "TestFormsV1.0");

capabilities.setCapability("name", "SeleniumForms");

capabilities.setCapability("platform", "Windows 10");

capabilities.setCapability("browserName", "Chrome");

capabilities.setCapability("version","79.0");

capabilities.setCapability("selenium_version","3.13.0");

capabilities.setCapability("geoLocation","IN");

capabilities.setCapability("chrome.driver","78.0");

try {

driver = new RemoteWebDriver(new URL("; + username + ":" + accesskey + gridURL), capabilities);

}

catch (MalformedURLException e) {

System.out.println("Invalid grid URL");

} catch (Exception e) {

System.out.println(e.getMessage());

}

driver.manage().window().maximize();

}

@Test

public void fillForm(){

driver.get(";);

System.out.println("-----Let us start the sign up process!!!-----");

/*

* Handling text boxes to enter and clear values

*/

WebElement fName = driver.findElement(By.xpath("//input[@name='firstname']"));

fName.sendKeys("--Enter you name here--");

WebElement lName = driver.findElement(By.xpath("//input[@name='lastname']"));

lName.sendKeys("--Enter your last name--");

//Clear the textbox

lName.clear();

lName.sendKeys("XYZ");

WebElement eMail = driver.findElement(By.xpath("//input[@name='reg_email__']"));

eMail.sendKeys("--Enter mail or contact number--");

WebElement pwd = driver.findElement(By.xpath("//input[@name='reg_passwd__']"));

pwd.sendKeys("--Enter a valid password here--");

/*

* Handling dropdown to select date of birth

*/

Select date = new Select(driver.findElement(By.xpath("(id('day'))")));

date.selectByVisibleText("15");

Select month = new Select(driver.findElement(By.xpath("(id('month'))")));

month.selectByVisibleText("Jan");

Select year = new Select(driver.findElement(By.xpath("(id('year'))")));

year.selectByVisibleText("1990");

/*

* Handling Radio buttons to select gender

*/

driver.findElement(By.className("_58mt")).click();

/*

* Handling the Sign Up button to perform click action

*/

WebElement sgnUp = driver.findElement(By.xpath("//button[@id='u_0_13']"));

sgnUp.click();

}

@AfterClass

public static void tearDown(){

System.out.println("-----We're now closing the session...-----");

driver.quit();

}

}

您可以通过Eclipse或命令行直接运行上述代码，步骤与我们前面已经完成的步骤相同。在执行脚本时，结果将在Lambda测试仪表板中获得。我们一次用并行浏览器执行脚本后，我将向您展示相应的结果页面。接下来是最有趣的部分，我们可以在并行浏览器中运行测试，而无需每次打算运行测试时更改浏览器细节。

但是在这样做之前，我们必须创建一个帮助类来领导测试。随后，我们必须对包含测试脚本的主类进行一些更改，这样就可以了。在下面的部分中，您将看到使用LambdaTest在不同浏览器上并行运行测试的最终测试脚本。

测试脚本容器类

下面的代码将包含我们打算执行的主要测试脚本。这与上面所写的类似，在变量中做了一些小的调整。此示例显示在3种不同浏览器上的执行情况。您可以根据您的执行需求修改您的脚本。

import java.net.MalformedURLException;

import java.net.URL;

import java.util.LinkedList;

import org.junit.After;

import org.junit.Before;

import org.junit.Test;

import org.junit.runner.RunWith;

import org.junit.runners.Parameterized;

import org.openqa.selenium.By;

import org.openqa.selenium.WebElement;

import org.openqa.selenium.remote.DesiredCapabilities;

import org.openqa.selenium.remote.RemoteWebDriver;

import org.openqa.selenium.support.ui.Select;

@RunWith(ParallelHelper.class)

public class TestForms {

static String username = "Your User Name";

static String accesskey = "Your Access Key";

static RemoteWebDriver driver = null;

static String gridURL = "@hub.lambdatest.com/wd/hub";

public static String platform;

public static String browserName;

public static String browserVersion;

boolean status = false;

/*

* Creating parameters for the browsers to be used

*/

@Parameterized.Parameters

public static LinkedList<String[]> getEnvironments() throws Exception {

LinkedList<String[]> env = new LinkedList<String[]>();

env.add(new String[]{"WIN10", "chrome", "79.0"});

env.add(new String[]{"WIN10","firefox","71.0"});

env.add(new String[]{"WIN10","internet explorer","11.0"});

return env;

}

public TestForms(String platform, String browserName, String browserVersion) {

this.platform = platform;

this.browserName = browserName;

this.browserVersion = browserVersion;

}

@Before

public void setUp() {

System.out.println("-----This is the beginning of our test !!!-----");

DesiredCapabilities capabilities = new DesiredCapabilities();

capabilities.setCapability("build", "TestFormsV1.0"); //Can provide you Build Name

capabilities.setCapability("name", "SeleniumForms"); //Provide your Test Name

capabilities.setC

测试脚本助手/运行程序类

该类包含能够在不同浏览器上并行执行测试的代码。

import java.util.concurrent.ExecutorService;

import java.util.concurrent.Executors;

import java.util.concurrent.TimeUnit;

import org.junit.runners.Parameterized;

import org.junit.runners.model.RunnerScheduler;

public class ParallelHelper extends Parameterized {

private static class ThreadPoolScheduler implements RunnerScheduler {

private ExecutorService exec;

public ThreadPoolScheduler() {

String threads = System.getProperty("junit.parallel.threads", "10");

int numThreads = Integer.parseInt(threads);

exec= Executors.newFixedThreadPool(numThreads);

}

public void finished() {

exec.shutdown();

try {

exec.awaitTermination(10, TimeUnit.MINUTES);

} catch (InterruptedException exc) {

throw new RuntimeException(exc);

}

}

public void schedule(Runnable childStatement) {

exec.submit(childStatement);

}

}

public ParallelHelper(Class<?> klass) throws Throwable {

super(klass);

// TODO Auto-generated constructor stub

}

}

在运行上述类时，我们将看到我们的测试在LambdaTestCloud上运行，并生成测试结果。请注意，您可以在EclipseIDE上看到进展&随后，结果(如执行视频)可以在LambdaTestAutomationDashboard上获得。下面是在LambdaTestDashboard中执行结果的快照：

另一方面，EclipseIDE控制台和结果将显示如下：

您能够访问Selenium WebDriver中的表单吗？

我希望这个SeleniumJava教程帮助您访问SeleniumWebDriver中的表单。记住，表单对于每一家在线经营的企业来说都是基本的。几乎每个Web应用程序都通过表单收集用户信息。作为一个自动化测试人员，您需要确保两件事：

您的所有表单都按其应有的功能工作。您的所有表单都是跨浏览器兼容的，因此每个客户都可以访问它们。

为感谢您对我们的认可，特意准备了一些IT入门和进阶的干货

包括：Java、UI设计、H5前端、Python+人工智能、软件测试和新媒体运营六大学科视频资料。以及IT就业大礼包。

线上视频、音频，随时学习观看

关注我们并私信“资料”即可获取。