新来测试用一手Postman实现UI自动化测试拿下了大厂面试官

待我称王封你为后i 2024-03-24 09:17 52阅读 0赞

看到这篇文章的标题，是不是有小伙伴会感到惊讶呢？

Postman不是做接口测试的吗？为什么还能做UI自动化测试呢？

其实，只要你了解Selenium的运行原理，就可以理解为什么Postman也能实现UI自动化测试了。

**Selenium底层原理**  
运行代码，启动浏览器后，webdriver会将浏览器绑定到特定的端口，作为webdriver的remote server（远程服务端），而client（客户端，也就是测试脚本，可以是Python或者Java代码）会借助CommandExecutor创建sessionId，发送http请求给remote server，remote server收到http请求后，调用webdriver完成操作，并将http响应结果返回给client。

所以，本质上是调用http请求的过程，因此也就可以理解为什么可以使用Postman实现UI自动化测试。

**Postman实现UI自动化测试**  
以上我们知道了Selenium的底层原理其实就是调用http请求的过程，那么我们要想调用接口就需要知道接口信息，包括请求方式、请求地址、请求参数、请求格式等。

这些接口信息，我们可以通过对源码的分析得到。

运行chromedriver.exe

Selenium脚本：

from selenium import webdriver
    driver = webdriver.Chrome()

执行上述代码，程序会打开Chrome浏览器。（前提：已经正确配置了Chrome驱动和对应的版本）

那么，Selenium是如何实现这一过程的呢？

源码分析：

D:\\Python3\\Lib\\site-packages\\selenium\\webdriver\\chrome\\webdriver.py  
![219533b4a2db2d4b3979fb4806856467.png][]

![05d7c657072d6b1557a83528f38b9db7.png][]

我们可以看到它执行了一个cmd命令，这个命令主要是启动chromedriver.exe浏览器驱动，我们每次执行脚本前，程序会自动帮我们启动浏览器驱动。

由于我们跳过了代码脚本，因此需要手动启动浏览器驱动。

地址及端口号：`127.0.0.1:9515`

![716908b6e7a35e3d53be7a77b653a55a.png][]

新建浏览器会话

D:\\Python3\\Lib\\site-packages\\selenium\\webdriver\\remote\\webdriver.py

继续查看源码，这里有一行重要的代码：

![8cd8bc01fca779b566ec15fcab1d045e.png][]

start\_session()这个方法是向地址`http://127.0.0.1:9515/session`发送了一个post请求，参数是JSON格式，然后返回一个特定的响应信息给程序，主要就是新建了一个sessionId。

![9364695a7cf347c7a4f117dc53ce5033.png][]

![f20d0ce343482adc8df2ab4dcec5bbf8.png][]

![c944cf93bc55d7b1e04d544ac218c830.png][]

接口信息：

url: /session
    method: POST
    content_type: application/json

请求参数：

{
        "capabilities": {
            "browserName": "chrome"
        }
    }

调用接口：

![7c9c2ad4d934ef4e5e80ea1b623190ee.png][]

访问目标网站

Selenium脚本：

driver.get("https://www.baidu.com")

执行以上代码，可以访问目标网站。

源码分析：

D:\\Python3\\Lib\\site-packages\\selenium\\webdriver\\remote\\remote\_connection.py

在RemoteConnection这个类中，定义了所有selenium操作需要的接口地址（这些接口地址全部封装在浏览器驱动程序中）。  
![9525b984409b9e8ad745c389750baf4b.png][]

其中`Command.GET: ("POST", "/session/$sessionId/url")`这个地址就是实现访问一个网站的URL。

![0bc5f0bbffa26f3cd98990434a909259.png][]

紧接着，可以看到主要是通过execute()方法调用\_request()方法通过urllib3标准库向服务器发送对应操作请求地址，进而实现浏览器各种操作。

而打开浏览器和操作浏览器实现各种动作是通过上一步新建浏览器会话返回的sessionId实现的关联。你也会发现后面操作的各种接口地址中都存在一个$sessionId，以达到能够在同一个浏览器中做操作。

![f0ac2a59458156539c5fcc6a2dbf04f8.png][]

![718482fed85d4b873a406d3973319759.png][]

接口信息：

url: /session/$sessionId/url
    method: POST
    content_type: application/json

请求参数：

{
        "url": "目标网站地址"
    }

窗口最大化

Selenium脚本：

driver.maximize_window()

源码分析：

![25d4c4425ae0288db5e6e0e4d3a72b2a.png][]

接口信息：

url: /session/$sessionId/window/maximize
    method: POST
    content_type: application/json

调用接口：

![dfd5527684b17740438351f3fcf5ad99.png][]

元素定位

Selenium脚本：

driver.find_element(By.XPATH, "//input[@id='kw']")

源码分析：

![1b847a591e14ddbfb8dd3232461d74a9.png][]

![22ce38e67dce3d52ba9a5a83a9a29578.png][]

接口信息：

url: /session/$sessionId/element
    method: POST
    content_type: application/json

请求参数：

{
        "using": "xpath", // 定位方式
        "value": "//input[@id='kw']" // 值
    }

接口调用：

![db803003b3ebf4a80dd34f6c6090778c.png][]

输入文本

Selenium脚本：

driver.find_element(By.XPATH, '//input[@type="text"]').send_keys("测试蔡坨坨")

源码分析：

![4a989f407d06a2ca884f9532214e106c.png][]

![132e2906e730024fff7fe805d6ca08ab.png][]

接口信息：

url: /session/$sessionId/element/$id/value
    method: POST
    content_type: application/json

请求参数：

![0e519a2a941646d6845bccd7383283f4.png][]

接口调用：

![1a2b5e5bd0aa49029411a7294ed6d9e3.png][]

点击元素

Selenium脚本：

driver.find_element(By.XPATH, "//input[@id='su']").click()

源码分析：

![5c7e956b59cd2673915d851206d28a48.png][]

接口信息：

url: /session/$sessionId/element/$id/click
    method: POST
    content_type: application/json

接口调用：

![1e3ea8dbed814996913b7bc7cf38af75.png][]

关闭浏览器

Selenium脚本：

driver.quit()

源码分析：

![b65d470e6d25a2549e3381b1215b32fb.png][]

接口信息：

url: /session/$sessionId
    method: DELETE
    content_type: application/json

接口调用：

![5f6aa633c79befcf9a131238679601ad.png][]

postman\_collection.json

总结：  
现阶段很多人都在说软件测试太内卷了，工作太难找了，竞争太激烈了。那么如何在这样的现状下使得自己更具有竞争力呢？笔者认为大家需要迅速学习软件测试的硬技能，提升自己的业务能力，早日摆脱初中级测试的Title，虽然测试人员众多，但是高级的软件测试人员还是很稀缺，有很多人挂着高级测试的头衔却还在干着初中级测试的活。在掌握这些硬技能的同时，软技能的培养同样重要，沟通能力、自主学习能力越来越被企业看重。  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzU2NzM2MzY5_size_16_color_FFFFFF_t_70_pic_center][]

**这些资料，对于【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴上万个测试工程师们走过最艰难的路程，希望也能帮助到你!**

**有需要这份文档或者其他软件测试学习资源的小伙伴可以点击下方小卡片进群免费获取~**

[219533b4a2db2d4b3979fb4806856467.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/b2eaebaec2254738be5c415a16f6acb8.png
[05d7c657072d6b1557a83528f38b9db7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/31b5b678545544e59418946b4cd6fcce.png
[716908b6e7a35e3d53be7a77b653a55a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/61dd477924cd43f29eb57ac34a27fdd7.png
[8cd8bc01fca779b566ec15fcab1d045e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/be825818e21d48278dbc483a6d21640b.png
[9364695a7cf347c7a4f117dc53ce5033.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/c6392d4b24c04291a6ca070646b62c68.png
[f20d0ce343482adc8df2ab4dcec5bbf8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/ca91a3c461bb486592a92ee8daaae637.png
[c944cf93bc55d7b1e04d544ac218c830.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/5f5cf74d22d34ad09caccbb8e9c10923.png
[7c9c2ad4d934ef4e5e80ea1b623190ee.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/45eb21c041664d32a3133ab6592b9254.png
[9525b984409b9e8ad745c389750baf4b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/df8d6bb4af3149d5a95095d03a06f633.png
[0bc5f0bbffa26f3cd98990434a909259.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/df444a86a2064bac8dca8f742baca0ae.png
[f0ac2a59458156539c5fcc6a2dbf04f8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/c8cd67ab7a7c4ad082f93f0a685dc098.png
[718482fed85d4b873a406d3973319759.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/b2b88e0fefcf428dbd0bbc01ca9649ff.png
[25d4c4425ae0288db5e6e0e4d3a72b2a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/d4493744f5bb4401a032b77a7d26c27d.png
[dfd5527684b17740438351f3fcf5ad99.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/e8e086369f364e6fa3aac43518e07c0d.png
[1b847a591e14ddbfb8dd3232461d74a9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/328911c2d6b14bf6a67bd50dc32c3e15.png
[22ce38e67dce3d52ba9a5a83a9a29578.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/017cf9dd4efe4fc0aab22a2bca4888b6.png
[db803003b3ebf4a80dd34f6c6090778c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/0529e4a210ef41eebf8d461b1a6a6662.png
[4a989f407d06a2ca884f9532214e106c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/246180ab041047a9a273b1a338a83c22.png
[132e2906e730024fff7fe805d6ca08ab.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/33fd542b3d584d0985f90cf68281e33a.png
[0e519a2a941646d6845bccd7383283f4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/c9533b07b6f5434184df4e94d300eab2.png
[1a2b5e5bd0aa49029411a7294ed6d9e3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/af127b094d6048dc821f2e782e293834.png
[5c7e956b59cd2673915d851206d28a48.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/25118714a2d94685a8b75fc5f5d158a9.png
[1e3ea8dbed814996913b7bc7cf38af75.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/9a7ede7234944e6f841fde4107be1b78.png
[b65d470e6d25a2549e3381b1215b32fb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/5a4f4f8ddc344aa4a05e6a175aea95f9.png
[5f6aa633c79befcf9a131238679601ad.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/2ff0db63a0c44478988251967cf5ff5c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzU2NzM2MzY5_size_16_color_FFFFFF_t_70_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/a4c6c2c6a9774a08afa894c3f408fc04.png