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

lsekfe

　Web应用程序的验收测试常常涉及一些手工任务，例如打开一个浏览器，并执行一个测试用例中所描述的操作。但是手工执行的任务容易出现操作人员人为的错误，花费的时间成本也比较多。因此，将这些任务自动化，就可以消除人为因素。Selenium可以帮助我们自动完成验收测试，通过构建更严格的测试，从而使软件更为可靠也更易于维护。
　　Selenium 测试框架及用例编写。
　　Selenium是什么？
　　Selenium 是用于测试 Web 应用程序用户界面 (UI) 的常用框架。它是一款用于运行端到端功能测试的超强工具。您可以使用多个编程语言编写测试，并且 Selenium 是能够在一个或多个浏览器中执行这些测试。
　　编写代码使用 client的 api 然后client和Selenium沟通如何操作，之后selenium通过浏览器driver操作浏览器执行各种动作。
　　目前最新的版本是Selenium 3，Selenium 核心组件包括：
　　·Selenium WebDriver
　　· Selenium IDE
　　· Selenium Grid
　　Selenium 源代码：

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

1. 　　pip install selenium

复制代码

　测试用例是为了实施测试而向被测试的系统提供的一组集合，这组集合包含：测试环境、操作步骤、测试数据、预期结果等。
　　注意：一条测试用例的最终结果只有一个：成功或者失败。
　　三大核心要素为 ：标题 、步骤 、预期结果
　　· 标题：是对测试用例的描述，标题应该清楚的表达测试用例的用例。
　　· 步骤：对测试执行过程进行描述。
　　· 预期结果：提供测试执行的预期结果，预期结果一般是根据需求得出，如果实际结果和预期结果一致则测试通过，反之失败。
　　首先是在代码的最上面导入了 Selenium 的包，其次是测试方法命名、测试步骤、断言。

1. 　from selenium import webdriver
   
2. 　　def test_search():      # 测试的标题即 test_search
   
3. 　　    driver = webdriver.Chrome()                                       
   
4. 　　        driver.get('https://www.baidu.com')                                     # 测试的步骤
   
5. 　　            search = driver.find_element_by_id('su').get_attribute('value')         #
   
6. 　　                assert search == "百度"  # 断言预期结果
   
7. 　　               
   
8. 　　                ```
   
9. 　　               
   
10. 　　               
    
11. 　　                安装完成后，通过在浏览器的菜单栏中点击图标启动。
    
12. 　　               
    
13. 　　                
    
14. 　　               
    
15. 　　                第一步：创建新项目后，取名为 hogwarts_demo1。
    
16. 　　                第二步：然后需要填写 URL（要录制测试脚本的网站 URL）。这里使用的是 https://ceshiren.com/。
    
17. 　　                第三步：完成设置后，将打开一个新的浏览器窗口，加载 URL 并开始录制脚本。在页面上的操作都将记录在 IDE 中。操作完成后，切换到 IDE 窗口并单击停止录制按钮。
    
18. 　　               
    
19. 　　                
    
20. 　　               
    
21. 　　                第四步：停止后，为刚录制的测试用例取名ceshiren_demo1
    
22. 　　               
    
23. 　　                   导出用例分析
    
24. 　　                  
    
25. 　　                   利用 Selenium IDE 导出 pytest 格式代码。
    
26. 　　                   导出用例代码如下：
    
27. 　　                  
    
28. 　　                   ```
    
29. 　　                   #注释是由 Selenium IDE 生成的代码
    
30. 　　                   # Generated by Selenium IDE
    
31. 　　                   #导入可能用到的依赖
    
32. 　　                   import pytest
    
33. 　　                   from selenium import webdriver
    
34. 　　                   from selenium.webdriver.common.by import By
    
35. 　　                  
    
36. 　　                   class TestDemo():
    
37. 　　                     #setup_module()只会在开始测试运行一次
    
38. 　　                       def setup_method(self, method):
    
39. 　　                           #初始化webdriver
    
40. 　　                               self.driver = webdriver.Chrome()
    
41. 　　                                   self.vars = {}
    
42. 　　                                   
    
43. 　　                                     #teardown_module()只会在结束测试运行一次
    
44. 　　                                       def teardown_method(self, method):
    
45. 　　                                         #关闭浏览器并关闭启动 ChromeDriver 时启动的 ChromeDriver 可执行文件
    
46. 　　                                             self.driver.quit()
    
47. 　　                                               #测试方法
    
48. 　　                                                 def test_demo(self):
    
49. 　　                                                     #访问网址
    
50. 　　                                                         self.driver.get("https://ceshiren.com/")
    
51. 　　                                                             #设置窗口大小
    
52. 　　                                                                 self.driver.set_window_size(1473, 866)
    
53. 　　                                                                     #点击操作
    
54. 　　                                                                         self.driver.find_element(By.LINK_TEXT, "所有分类").click()
    
55. 　　                                                                             self.driver.find_element(By.CSS_SELECTOR, "#ember201 .category-name").click()
    
56. 　　                                                                                 #关闭当前窗口
    
57. 　　                                                                                     self.driver.close()
    
58. 　　                                                                                    
    
59. 　　                                                                                   

复制代码

这段代码就简单的实现了对浏览器简单的自动化。