前端自动化测试

Posted zq123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端自动化测试相关的知识,希望对你有一定的参考价值。

一、selenium自动化测试

1、自动化选型

不同点selenium类(RF、Katalon、Macaca等)UFT(QTP)JS类库(Phantomjs、CasperJS、Puppeteer)
是否开源
支持平台 Linux、Windows、Mac Windows Linux、Windows、Mac
支持语言 Python、Perl、php、C#等 VB JS
支持浏览器 ie、chrome、firefox、opera、safari chrome、firefox、IE PhantomJS、casperjS不支持、puppeteer:chrome
支持录制 支持 支持 不支持

2、selenium环境搭建(以nodejs示例)

1)安装node

Nodejs官方下载地址下载最新稳定版本Nodejs后安装。安装成功后在命令行模式使用以下命令查看是否成功。成功后会显示相应的版本信息。

node -v

2)项目初始化

创建一个文件夹(用户存放项目文件)后命令行模式进入到该文件夹下执行命令:

npm init

3)配置selenium运行环境

在上一步相同的命令行下运行以下命令至其运行安装完成。

npm install selenium-webdriver --save

4)安装浏览器驱动

  • 安装Chrome驱动

npm install chromedriver --save

  • 安装Firefox驱动

npm install geckodriver --save

  • 安装IE驱动

npm install iedriver --save

说明:出现安装驱动后运行脚本提示驱动不正常之类的问题时可自行下载驱动放到与脚本相同的目录下试试。驱动下载地址:http://www.seleniumhq.org/download/

5)验证浏览器与驱动是否匹配

新建一个文件test.js,实现初始化一个浏览器并打开一个网页。编辑内容如下:

var webdriver require(‘selenium-webdriver‘)

var driver new webdriver.Builder(.forBrowser(‘ie‘.build();

driver.get(‘http://www.baidu.com‘);

使用命令

node test.js

若成功打开浏览器,并且打开指定网站,通常版本匹配就没问题了

selenium详细文档可参考官方文档:http://seleniumhq.github.io/selenium/docs/api/javascript/module/selenium-webdriver/



以上是关于前端自动化测试的主要内容,如果未能解决你的问题,请参考以下文章

前端测试框架Jest总结

前端自动化测试框Cypress入门

超详细的前端自动化测试教学!建议收藏

超详细的前端自动化测试教学!建议收藏

手游前端性能测试

一篇超详细的vue项目前端自动化测试教学!