Selenium 的组件神器Selenium IDE

前段时间介绍过UI自动化后起之秀的playwright录制脚本，那么作为UI自动化的前辈的Selenium肯定也应该具有录制脚本的功能，今天它来了就是Selenium的三大组件之一的Selenium IDE。

步骤 1: 使用 Selenium IDE 录制测试

1. 安装 Selenium IDE：首先，需要在你的浏览器上安装 Selenium IDE。对于 Chrome 或 Firefox，可以从相应的扩展/插件商店下载并安装。

   下载插件地址：国内下载地址：https://www.crx4chrome.com/crx/77585/

2. 录制测试：

• 打开 Selenium IDE。

• 创建一个新的项目，命名为 “百度测试”。

• 在浏览器点击Selenium IDE ，创建一个测试项目，并命名

• 如果选择第一个，创建好项目后就会直接让你输入地址

• 如果选择创建一个项目，不立刻录制的话就进入项目里面点击 '录制' 按钮，打开百度网站（https://www.baidu.com）。

• 在搜索框中输入“测试”，然后点击“百度一下”按钮。

• 记录下搜索结果页面，然后返回插件页面停止录制。

步骤 2: 导出 Python 脚本

1. 导出脚本：

• 在 Selenium IDE 中，选择你刚才录制的测试用例。

• 点击 “文件”> “导出” > “选择 Python（pytest）”。

• 保存生成的 Python 脚本文件。

Python 脚本示例：导出的 Python 脚本如下所示：

# Generated by Selenium IDE
import pytest
import time
import json
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.support import expected_conditions
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.common.desired_capabilities import DesiredCapabilities

class TestBaidutest():
  def setup_method(self, method):
    self.driver = webdriver.Chrome()
    self.vars = {}
  
  def teardown_method(self, method):
    self.driver.quit()
  
  def test_baidutest(self):
    self.driver.get("https://www.baidu.com/")
    self.driver.set_window_size(1050, 652)
    actions = ActionChains(self.driver)
    actions.move_to_element(element).perform()
    self.driver.find_element(By.ID, "kw").click()
    self.driver.find_element(By.ID, "kw").send_keys("selenium")
    self.driver.find_element(By.ID, "kw").send_keys(Keys.ENTER)
    element = self.driver.find_element(By.CSS_SELECTOR, "section:nth-child(1) section:nth-child(3) .cover-img-boder_1-OG1")
    actions = ActionChains(self.driver)
    actions.move_to_element(element).perform()

步骤 3: 导出 Java 脚本并使用 TestNG

1. 导出 Java 脚本：

• 重复上述 Python 脚本的导出步骤，但选择 “Java Junit)” 作为导出选项。

  // Generated by Selenium IDE
  import org.junit.Test;
  import org.junit.Before;
  import org.junit.After;
  import static org.junit.Assert.*;
  import static org.hamcrest.CoreMatchers.is;
  import static org.hamcrest.core.IsNot.not;
  import org.openqa.selenium.By;
  import org.openqa.selenium.WebDriver;
  import org.openqa.selenium.firefox.FirefoxDriver;
  import org.openqa.selenium.chrome.ChromeDriver;
  import org.openqa.selenium.remote.RemoteWebDriver;
  import org.openqa.selenium.remote.DesiredCapabilities;
  import org.openqa.selenium.Dimension;
  import org.openqa.selenium.WebElement;
  import org.openqa.selenium.interactions.Actions;
  import org.openqa.selenium.support.ui.ExpectedConditions;
  import org.openqa.selenium.support.ui.WebDriverWait;
  import org.openqa.selenium.JavascriptExecutor;
  import org.openqa.selenium.Alert;
  import org.openqa.selenium.Keys;
  import java.util.*;
  import java.net.MalformedURLException;
  import java.net.URL;
  public class BaidutestTest {
    private WebDriver driver;
    private Map<String, Object> vars;
    JavascriptExecutor js;
    @Before
    public void setUp() {
      driver = new ChromeDriver();
      js = (JavascriptExecutor) driver;
      vars = new HashMap<String, Object>();
    }
    @After
    public void tearDown() {
      driver.quit();
    }
    @Test
    public void baidutest() {
      driver.get("https://www.baidu.com/");
      driver.manage().window().setSize(new Dimension(1050, 652));
      driver.findElement(By.id("kw")).click();
      driver.findElement(By.cssSelector(".bdsug-s")).click();
      {
        WebElement element = driver.findElement(By.cssSelector(".weather-icon"));
        Actions builder = new Actions(driver);
        builder.moveToElement(element).perform();
      }
      driver.findElement(By.id("kw")).click();
      driver.findElement(By.id("kw")).sendKeys("selenium");
      driver.findElement(By.id("kw")).sendKeys(Keys.ENTER);
      {
        WebElement element = driver.findElement(By.cssSelector("section:nth-child(1) section:nth-child(3) .cover-img-boder_1-OG1"));
        Actions builder = new Actions(driver);
        builder.moveToElement(element).perform();
      }
    }
  }

修改为 TestNG：

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.testng.Assert;
import org.testng.annotations.AfterTest;
import org.testng.annotations.BeforeTest;
import org.testng.annotations.Test;

public class BaiduTest {
    private WebDriver driver;

    @BeforeTest
    public void setUp() {
        driver = new ChromeDriver();
    }

    @Test
    public void testSearch() {
        driver.get("http://www.baidu.com");
        WebElement element = driver.findElement(By.name("wd"));
        element.sendKeys("测试");
        element.submit();
        Assert.assertTrue(driver.getTitle().contains("测试"));
    }

    @AfterTest
    public void tearDown() {
        driver.quit();
    }
}

• 如果不想用Junit可以将 JUnit 相关的代码部分改写为使用 TestNG。

• 示例代码可能如下：

配置 Maven 的 pom.xml：

<dependencies>
    <dependency>
        <groupId>org.seleniumhq.selenium</groupId>
        <artifactId>selenium-java</artifactId>
        <version>4.1.0</version>
    </dependency>
    <dependency>
        <groupId>org.testng</groupId>
        <artifactId>testng</artifactId>
        <version>7.4.0</version>
        <scope>test</scope>
    </dependency>
</dependencies>

• 为了使用 TestNG 和 Selenium，需要在 Maven 的 pom.xml 文件中添加相应的依赖：

本次分享到此结束，录制完成剩下的也就是修修改改，删删减减，这也节省了许多时间，有什么问题大家可以一起交流