JavaScript实现UI自动化心得

最新推荐文章于 2024-07-18 11:18:51 发布

疯狂的程序员丶

最新推荐文章于 2024-07-18 11:18:51 发布

阅读量1.1k

点赞数

分类专栏：软件测试文章标签：软件测试 JavaScript UI自动化自动化测试

本文链接：https://blog.csdn.net/AndroidO2O/article/details/84068665

版权

本文介绍如何利用JavaScript、Protractor、Jasmine框架进行UI自动化测试。Protractor是AngularJS应用的测试工具，基于Selenium WebDriver，支持端到端测试。文章详细讲解了环境搭建、配置过程、编写测试脚本以及执行方式，提供了一个简单的自动化测试用例，展示了JavaScript在UI自动化中的应用。

摘要由CSDN通过智能技术生成

简介

Protractor是作为Angular JS应用程序的测试工具，简单的理解就是驱动脚本来实现客户端到服务器端测试的一种工具，也就是我们常听到的一个词，e2e(end to end),也就是端到端的测试，其中Angular JS是一款优秀的前端开发框架，当时的开发团队就额外设计出Protractor这样一个小工具便于测试基于Angular JS开发的产品，它的构建基于Selenium WebDriver之上，所以使用起来你会发现很多方法和不同语言下的webdriver操作类似，至少形式上看上去很像，而且是围绕着Selenium WebDriver进行封装的，因此，Protractor中包含的每一个feature对于Selenium WebDriver都是可用的。但是需要注意一点，假如我设计的自动化代码并不是基于Angular JS开发的，那么就会有个疑问，是不是还可以钟情于这款框架呢，答案是肯定的，我们只需要在js代码中加入这样一行“browser.ignoreSynchronization = true”，就可以跳过Angular JS产品的验证了。当然，既然人家最初设计目的是为了测试基于Angular JS的产品，它会提供了独享的一些方法，例如waitforangular()
我们还会接触到另外一个词“Jasmine”,其实它是Protractor内部支持的三种行为驱动开发中的一种，具体有Jasmine/Mocha/Cucumber，也就是我们理解上的自动化测试框架的三种，我听过前两种，第三种没用过，而且要注意一点protractor默认使用的就是Jasmine，自动化测试框架主要是提供语法、提供流程管理模块、和报告工具，主要也就是这三点，这些框架都是基于JavaScript和Nodejs的，Nodejs就是支持javascript的运行环境。

准备过程

接下来简单看下怎么搭建一个基于Protractor测试框架的测试环境，用来写我们的自动化测试代码。
第一步毫无疑问，安装Node.js，安装Node.js并不难，可以直接到 https://nodejs.org/en/ 网站上下载相应的安装包，这里选择的是windows的安装包，有的网络会下载比较慢，虽然只有12M左右（亲身经历，还会经常中断。。。）。</