干货 | 录制你的第一个web 自动化测试用例

215 阅读3分钟

获取更多技术文章分享

Web应用程序的验收测试常常涉及一些手工任务,例如打开一个浏览器,并执行一个测试用例中所描述的操作。但是手工执行的任务容易出现操作人员人为的错误,花费的时间成本也比较多。因此,将这些任务自动化,就可以消除人为因素。Selenium可以帮助我们自动完成验收测试,通过构建更严格的测试,从而使软件更为可靠也更易于维护。

Selenium 测试框架及用例编写

Selenium是什么?

Selenium 是用于测试 Web 应用程序用户界面 (UI) 的常用框架。它是一款用于运行端到端功能测试的超强工具。您可以使用多个编程语言编写测试,并且 Selenium 是能够在一个或多个浏览器中执行这些测试。

编写代码使用 client的 api 然后client和Selenium沟通如何操作,之后selenium通过浏览器driver操作浏览器执行各种动作。

目前最新的版本是Selenium 3,Selenium 核心组件包括:

  • Selenium WebDriver
  • Selenium IDE
  • Selenium Grid

Selenium 源代码: github.com/SeleniumHQ/… Client Driver] (seleniumhq.github.io/selenium/do… Selenium WebDriver的Python语言实现。 参考:Selenium with Python

1.安装浏览器:Firefox、Chrome 2.下载浏览器Driver: 3.GeckoDriver(Firefox)、ChromeDriver(Chrome),WebDriver版本需要和浏览器的版本保持一致。 4.安装Selenium Client Driver:

pip install selenium

测试用例是为了实施测试而向被测试的系统提供的一组集合,这组集合包含:测试环境、操作步骤、测试数据、预期结果等。 注意:一条测试用例的最终结果只有一个:成功或者失败。

三大核心要素为 :标题 、步骤 、预期结果

  • 标题:是对测试用例的描述,标题应该清楚的表达测试用例的用例
  • 步骤:对测试执行过程进行描述
  • 预期结果:提供测试执行的预期结果,预期结果一般是根据需求得出,如果实际结果和预期结果一致则测试通过,反之失败。

首先是在代码的最上面导入了 Selenium 的包,其次是测试方法命名、测试步骤、断言。

from selenium import webdriver

def test_search():      # 测试的标题即 test_search
    driver = webdriver.Chrome()                                        
        driver.get('https://www.baidu.com')                                     # 测试的步骤
            search = driver.find_element_by_id('su').get_attribute('value')         #
                assert search == "百度"  # 断言预期结果
                
                ```
                
                
                安装完成后,通过在浏览器的菜单栏中点击图标启动。
                
                ![](https://ceshiren.com/uploads/default/original/3X/1/f/1f3b53dc71773f2d242d21d1f0c6c3671fd5ad93.png)
                
                第一步:创建新项目后,取名为 hogwarts_demo1。
                第二步:然后需要填写 URL(要录制测试脚本的网站 URL)。这里使用的是 https://ceshiren.com/。
                第三步:完成设置后,将打开一个新的浏览器窗口,加载 URL 并开始录制脚本。在页面上的操作都将记录在 IDE 中。操作完成后,切换到 IDE 窗口并单击停止录制按钮。
                
                ![](https://ceshiren.com/uploads/default/original/3X/6/c/6c7b28e55b6e6a07574d9b6025f90f6a14706b6a.png)
                
                第四步:停止后,为刚录制的测试用例取名ceshiren_demo1
                
                   导出用例分析
                   
                   利用 Selenium IDE 导出 pytest 格式代码。
                   导出用例代码如下:
                   
                   ```
                   #注释是由 Selenium IDE 生成的代码
                   # Generated by Selenium IDE
                   #导入可能用到的依赖
                   import pytest
                   from selenium import webdriver
                   from selenium.webdriver.common.by import By
                   
                   class TestDemo():
                     #setup_module()只会在开始测试运行一次
                       def setup_method(self, method):
                           #初始化webdriver
                               self.driver = webdriver.Chrome()
                                   self.vars = {}
                                   
                                     #teardown_module()只会在结束测试运行一次
                                       def teardown_method(self, method):
                                         #关闭浏览器并关闭启动 ChromeDriver 时启动的 ChromeDriver 可执行文件
                                             self.driver.quit()
                                               #测试方法
                                                 def test_demo(self):
                                                     #访问网址
                                                         self.driver.get("https://ceshiren.com/")
                                                             #设置窗口大小
                                                                 self.driver.set_window_size(1473, 866)
                                                                     #点击操作
                                                                         self.driver.find_element(By.LINK_TEXT, "所有分类").click()
                                                                             self.driver.find_element(By.CSS_SELECTOR, "#ember201 .category-name").click()
                                                                                 #关闭当前窗口
                                                                                     self.driver.close()
                                                                                     
                                                                                     ```
                                                                                     
                                                                                     
                                                                                     这段代码就简单的实现了对浏览器简单的自动化
                                                                                     
                                                                                     
                                                                                     
                                                                                     
                                                                                     
                                                                                     ![](https://ceshiren.com/uploads/default/original/3X/1/c/1c726a58f5f93dfed587b31af4a9ffb601aee29a.png)
                                                                                     
                                                                                     
                                                                                     ![](https://ceshiren.com/uploads/default/original/3X/9/c/9c8c37d45ab06268130d70054aae0632cf46fd52.png)
                                                                                      
                                                                                      ![](https://ceshiren.com/uploads/default/original/3X/6/d/6de44e2d76cfec2ddc8a92c0ec36d9c0a94d2c39.png)
                                                                                      推荐学习
                                                                                      内容全面升级,4 个月 20+ 项目实战强化训练,资深测试架构师、开源项目作者亲授 BAT 大厂前沿最佳实践,带你一站式掌握测试开发必备核心技能(对标阿里P6+,年薪50W+)!直推 BAT 名企测试经理,普遍涨薪 50%+!
                                                                                      ![](https://ceshiren.com/uploads/default/original/3X/8/a/8a375e50c275efea5133f07d82d5bef028189784.jpeg)
                                                                                      
                                                                                      戳“阅读原文”,提升自己的核心竞争力吧!
                                                                                      [原文链接](https://mp.weixin.qq.com/s?__biz=MzU3NDM4ODEzMg==&mid=2247494453&idx=1&sn=e34cb2103362bac26be9ac6191298409&chksm=fd3189feca4600e8724194d33e839efa27034360162d89473378dde2351c6e3d8388784088f9#rd) 
                                                                                      
                                                                                      [获取更多技术文章分享](https://qrcode.ceba.ceshiren.com/link?name=article&project_id=qrcode&from=juejin&timestamp=1650249637
                                                                                      ) ![img](https://qrcode.ceba.ceshiren.com/link?name=article&project_id=qrcode&from=juejin&timestamp=1650249637)