Selenium 与 Github 教程

---

---

使用 Selenium 编写的测试可以保存在 Github 中进行版本控制。版本控制系统是一个应用程序，它使开发人员能够协调工作、协同工作并维护其工作的历史记录。Git 的云版本称为 Github。

在 Github 中设置 Selenium 测试的先决条件

步骤 1 − 使用链接 https://github.com/signup 注册并创建一个 Github 帐户

步骤 2 − 从以下链接下载并安装 Java：

https://www.oracle.com/java/technologies/downloads/.

要更详细地了解如何设置 Java，请参阅以下链接：

https://www.youtube.com/watch?v=bxIZ1GVWYkQ.

成功安装 Java 后，我们可以通过在命令提示符中运行命令：java 来确认其安装。

C:\java 

步骤 3 − 通过运行以下命令确认已安装的 Java 版本：

java –version

它将显示以下输出：

openjdk version "17.0.9" 2023-10-17
OpenJDK Runtime Environment Homebrew (build 17.0.9+0)
OpenJDK 64-Bit Server VM Homebrew (build 17.0.9+0, mixed mode, sharing)

执行的命令的输出表明系统中安装的 Java 版本为 17.0.9。

步骤 4 − 使用链接 https://maven.apache.org/download.cgi 在我们的系统中安装 Maven。

通过运行以下命令确认已安装的 Maven 版本：

mvn –version

它将显示以下输出：

Apache Maven 3.9.6 (bc0240f3c744dd6b6ec2920b3cd08dcc295161ae)
Maven home: /opt/homebrew/Cellar/maven/3.9.6/libexec
Java version: 21.0.1, vendor: Homebrew, runtime: /opt/homebrew/Cellar/openjdk/21.0.1/libexec/openjdk.jdk/Contents/Home
Default locale: en_IN, platform encoding: UTF-8
OS name: "mac os x", version: "14.0", arch: "aarch64", family: "mac"

步骤 5 − 从以下链接下载并安装代码编辑器 IntelliJ 以编写和运行 Selenium 测试：

https://www.jetbrains.com/idea/.

步骤 6 − 从链接 https://git-scm.cn/ 下载并安装 Git。

步骤 7 − 通过运行以下命令确认已安装的 Git 版本：

git –version

执行的命令的输出表明系统中安装的 Git 版本。

步骤 8 − 启动 IntelliJ，“欢迎使用 IntelliJ IDEA” 应该出现。单击“新建项目”按钮。

步骤 9 − 在“名称”字段下输入名称。选择 Java 作为语言，Maven 作为构建系统，以及 JDK 版本，然后单击“创建”按钮。

步骤 10 − 输入 ArtifactId，然后单击“创建”。

步骤 11 − IntelliJ 编辑器设置应成功完成。

步骤 12 − 从链接 https://mvnrepository.com/artifact/ 添加 Selenium Maven 依赖项。

步骤 13 − 将步骤 12 中复制的依赖项粘贴到 pom.xml 文件（位于 IntelliJ 工作区中创建的 Maven 项目下）。

步骤 14 − 保存包含所有依赖项的 pom.xml 并更新 Maven 项目。

步骤 15 − 在 Maven 项目 SeleniumGit 中，右键单击 test 文件夹中的 java 文件夹，并创建一个包，例如 TestCases。

步骤 16 − 右键单击 TestCases 包，选择“新建”菜单，然后单击“Java 类”选项。

步骤 17 − 在“新建 Java 类文件”字段中输入文件名，例如 MyGitTest，然后按 Enter 键。

步骤 18 − 在 MyGitTest.java 文件中添加以下 Selenium 代码。

代码实现

package org.example;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.edge.EdgeDriver;
import java.util.concurrent.TimeUnit;

public class MyGitTest {
   public static void main(String[] args) throws InterruptedException {
   
      // Initiate the Webdriver
      WebDriver driver = new EdgeDriver();
      
      // adding implicit wait of 15 secs
      driver.manage().timeouts().implicitlyWait(15, TimeUnit.SECONDS);
      
      // Opening the webpage where we will identify an element
      driver.get("https://tutorialspoint.com/selenium/practice/links.php");
      
      // identify link with link text locator then click
      WebElement l = driver.findElement(By.linkText("Created"));
      l.click();
      
      // identify text locator
      WebElement t = driver.findElement(By.xpath("/html/body/main/div/div/div[2]/div[1]"));
      System.out.println("Text appeared is: " + t.getText());
      
      // Closing browser
      driver.quit();
   }
}

在 pom.xml 文件中添加的总体依赖项：

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 
   http://maven.apache.org/xsd/maven-4.0.0.xsd">
   
   <modelVersion>4.0.0</modelVersion>
   <groupId>org.example</groupId>
   <artifactId>SeleniumGit</artifactId>
   <version>1.0-SNAPSHOT</version>
   
   <dependencies>
      <!-- https://mvnrepository.com/artifact/org.seleniumhq.selenium/selenium-java -->
      <dependency>
         <groupId>org.seleniumhq.selenium</groupId>
         <artifactId>selenium-java</artifactId>
         <version>4.19.1</version>
      </dependency>
   </dependencies>

   <properties>
      <maven.compiler.source>21</maven.compiler.source>
      <maven.compiler.target>21</maven.compiler.target>
      <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
   </properties>
</project>

本例中遵循的项目结构：

步骤 19 − 运行测试并等待运行完成。

它将显示以下输出：

Text appeared is: Link has responded with status 201 and status text Created

Process finished with exit code 0

在上面的示例中，单击链接已创建后获得的文本带有消息链接已响应状态 201 和状态文本已创建。

最后，收到消息进程已完成，退出代码为 0，表示代码已成功执行。

步骤 20 − 重启 IntelliJ 应用程序。

如何将 Selenium 代码推送到 GitHub？

将 Selenium 代码推送到 GitHub 的步骤如下所示：

步骤 1 − 登录到前面“先决条件”部分中步骤 1 中提到的 GitHub 帐户。然后单击“新建”按钮以创建存储库。

步骤 2 − 输入存储库名称，例如 SeleniumGit，并将存储库选择为公共或私有，然后单击“创建”按钮。

步骤 3 − 记录此存储库的 HTTPs 地址，如下图所示：

步骤 4 − 在前面创建的 IntelliJ 中打开 SeleniumGit 项目，并单击 VCS 菜单。然后单击“创建 Git 存储库”按钮。

步骤 5 − 单击 Git 菜单，然后选择“提交”选项。

步骤 6 − 单击“查看文件”选项，选择要推送的文件，然后单击“添加”按钮。

步骤 7 − 选中“更改”复选框，然后单击“提交并推送”按钮。输入 GitHub 用户名和电子邮件地址，然后单击“设置并提交”按钮。

步骤 8 − 单击“定义远程链接”，输入步骤 3 中记录的 HTTP 地址，然后单击“确定”按钮。

步骤 9 − 选择“通过 GitHub 登录”或“使用令牌”选项。

步骤 10 − 我们将被导航到浏览器中的另一个页面，其中包含“在 GitHub 中授权”链接。此外，应显示消息 - 仅当页面从 JetBrains IDE 打开时才继续。单击“在 GitHub 中授权”链接。

步骤 11 − 应建立 GitHub 和 IntelliJ 的成功集成。单击“授权 JetBrains”按钮。

步骤 12 − 应显示消息 - 您已成功在 GitHub 中获得授权。您可以关闭页面。

步骤 13 − 移动到 IntelliJ 并单击“推送”按钮。

步骤 14 − 代码应使用消息 - 将 master 推送到新的分支 origin/master 和已提交的文件数量从 IntelliJ 推送到 GitHub。

步骤 15 − 刷新在 GitHub 中创建的新存储库，从 IntelliJ 推送的代码将反映出来。

如何推送更新并将新的 Selenium 代码添加到 GitHub？

将更新和新的 Selenium 代码推送到 GitHub 的步骤如下所示：

步骤 1 − 对之前编写的 MyGitTest.java 文件进行一些更改。然后单击 Git 菜单，并选择“提交”选项。

步骤 2 − 在“更改”部分下选择已更新的 MyGitTest.java 文件，添加一些提交消息，然后单击“提交并推送”按钮。

步骤 3 − 单击“推送”按钮。

步骤 4 − 一段时间后，代码应该会通过 IntelliJ 推送到 GitHub，并显示消息 - “已将 1 次提交推送到 master 到 origin/master”以及已提交文件的数量。

步骤 5 − 已更改的文件 MyGitTest.java 将会反映在 GitHub 仓库中，同时显示文件更新后的时间。

步骤 6 − 切换到 IntelliJ 并添加另一个文件 MyGitTest1.java。然后在“将文件添加到 Git”弹出窗口中单击“添加”按钮。

步骤 7 − 单击 Git 菜单。然后单击“提交”选项。

步骤 8 − 单击“推送”按钮。

步骤 9 − 在“更改”部分下选择文件 MyGitTest1.java。添加提交消息，然后单击“提交并推送”按钮。

步骤 10 − 一段时间后，代码应该会通过 IntelliJ 推送到 GitHub，并显示消息 - “已将 1 次提交推送到 master 到 origin/master”以及已提交文件的数量：添加了一个文件 - MyGitTest1.java。

步骤 11 − 已更改的文件 MyGitTest1.java 将会反映在 GitHub 仓库中，同时显示文件更新后的时间。

如何从 GitHub 克隆 Selenium 仓库？

从 GitHub 克隆 Selenium 仓库的步骤如下所示：

步骤 1 − 打开 IntelliJ，然后单击“从 VCS 获取”按钮。

步骤 2 − 单击“GitHub”选项卡，选择一个项目（例如 SeleniumGit），选择一个目录，然后单击“克隆”按钮。

步骤 3 − 等待一段时间，然后单击“信任项目”按钮。

步骤 4 − GitHub 上的代码应该会被克隆到本地并在 IntelliJ 中打开。

结论

本教程全面介绍了 Selenium GitHub 的使用方法。我们首先介绍了在 Github 中设置 Selenium 测试的先决条件，如何将 Selenium 代码推送到 GitHub，如何推送更新和将新的 Selenium 代码添加到 GitHub，以及如何从 GitHub 克隆 Selenium 仓库。这将使您深入了解 Selenium - GitHub。建议您继续练习所学内容，并探索与 Selenium 相关的其他知识，以加深理解并拓宽视野。