前言

很多时候学习UI 自动化测试就会遇到对象找不到，找到了对象不知道是否识别正确，识别正确的对象不清楚用什么方法操作，操作完了不知道如何把代码整理成用例。

这些问题在刚接触UI自动化的时候很多人都有一个或者多个这样的问题，Selenium作为UI自动化开源工具很多问题都可以解决，但是对于“小白”刚入门的小伙伴来说还有很长的路要走，那么不妨试试Selenium IDE,作为Selenium配套使用的工具到底可以做什么，请看下面的文章。

Selenium IDE 介绍

URL: https://selenium.dev/selenium-ide/

Author by xianling.he

官网的介绍：

(https://selenium.dev/selenium-ide/docs/en/introduction/command-line-runner).
1.Simple, turn-key solution to quickly author reliable end-to-end tests. Works out of the box for any web app.
2.Enjoy easier test debugging with rich IDE features like setting breakpoints and pausing on exceptions.
3.Run your tests on any browser/OS combination in parallel using the [Command-line Runner for Selenium IDE]

Selenium IDE 安装

1.选择适用的浏览器，然后下载IDE，这里我用的是Chrome IDE

Author by xianling.he

2.点击安装"Add to Chrome"
安装不需要什么操作，就是Chrome extensions 里面显示
当然如果在不使用的情况下建议先关掉IDE。

Author by xianling.he

打开工具IDE

针对工具一些简单的介绍，主要是获取对象及常用的使用方法都可以在IDE里面通过录制实现
1.比如以下例子是使用的搜索网站baidu作为例子使用。

Author by xianling.he Author by xianling.he

录制脚本并回放

• 点击右上角的REC按钮，就会提示需要录制的网站。填写相应的信息就可以开始录制工作

• 录制的时候会自动打开被测试的浏览器，并将baidu打开

• 进行搜索关键字操作然后点击“咨询”工具栏

  
  Author by xianling.he

• 注意录制的时候操作尽量慢一点，有时候IDE的反应并没有那么迅速

• 如果每一步操作都能够在Command里面显示，说明操作步骤已经录制成功

回放验证

1.回放的时候直接点三角形箭头

Author by xianling.he Author by xianling.he

识别对象

• 对象的识别往往会影响整个测试用例的可靠性，比如有的对象属性经常变化，有的对象需要界面加载完成以后才能正常显示，还有的对象元素会根据每个版本进行修改，这样就容易出现对象无法识别的情况。
• 建议大家使用不易变化的元素属性作为优先的元素属性
• 常用的获取元素方法ID,Name,ClassName,Xpath,CSS,LinkText...

1.以下是baidu搜索框的元素，里面常用的识别方法。有ID,Name,CSS,Xpath

Author by xianling.he

2.默认是ID进行识别，如果你想重新识别对象就选择“Select target in page”

Author by xianling.he

3.比如现在将最后的点击“资讯”，修改成点击“百度首页”
操作就是选好要修改的行，然后点击“Select target in page”.一个蓝色的箭头会提示你选择对应的对象
点击一下就能够保存成功。

Author by xianling.he

4.验证是否修改成功，回放一次

Author by xianling.he

查看对象元素常用方法

选中空行，然后选择“Command” 下拉列表会将所有常用功能显示出来

Author by xianling.he

对应元素的操作方法

Author by xianling.he

导出代码

• 最实用的方法，将代码无缝的导出成需要的格式

• 格式如下：

  
  Author by xianling.he

以下是导出的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 TestDefaultSuite():
  def setup_method(self, method):
    self.driver = webdriver.Chrome()
    self.vars = {}
  
  def teardown_method(self, method):
    self.driver.quit()
  
  def test_testBaidu(self):
    self.driver.get("https://www.baidu.com/")
    self.driver.set_window_size(1561, 860)
    self.driver.find_element(By.ID, "kw").click()
    self.driver.find_element(By.ID, "kw").send_keys("自动化测试")
    self.driver.find_element(By.ID, "su").click()
    self.driver.find_element(By.LINK_TEXT, "百度首页").click()

以下是导出的Java:

// 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 DefaultSuiteTest {
  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 testBaidu() {
    driver.get("https://www.baidu.com/");
    driver.manage().window().setSize(new Dimension(1561, 860));
    driver.findElement(By.id("kw")).click();
    driver.findElement(By.id("kw")).sendKeys("自动化测试");
    driver.findElement(By.id("su")).click();
    driver.findElement(By.linkText("百度首页")).click();
  }
}

结束语

虽然这只是UI自动化，基于IDE工具最初的起步阶段，但相信常用方法掌握以后，对写好测试用例是非常有帮助的。
至于以后实用PO模型还是CI的集成测试，都是迈出了一小步。
希望跟各位共勉。

(如果有喜欢的可以点赞鼓励！)