Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >Newbe.Pct-Web E2E 自动化测试脚手架

Newbe.Pct-Web E2E 自动化测试脚手架

作者头像
newbe36524
发布于 2020-03-16 06:12:31
发布于 2020-03-16 06:12:31
6630
举报

本项目为测试工作者提供了一套“简易的 Web E2E 自动化测试脚手架”。测试工作者可以通过该脚手架,实现编写一些简单的 Web E2E 自动化测试。

简介

E2E(End To End)即端对端测试,属于黑盒测试,通过编写测试用例,自动化模拟用户操作,确保组件间通信正常,程序流数据传递如预期。

本项目为测试工作者提供了一套“简易的 Web E2E 自动化测试脚手架”。测试工作者可以通过该脚手架,实现编写一些简单的 Web E2E 自动化测试。

本项目是基于github上优秀的开源项目protractor-cucumber-typescript 本土化改造,使之更加适用于国内的中小型测试团队。

名称Pct,即选取 protractor-cucumber-typescript 三个单词的首字母。欢迎使用者在使用本项目的同时,也能为原项目点赞。

适用场景

  • 中小型测试团队,认为自动化测试存在一定必要性
  • 独立全栈开发者

主要优势

  • 能够使用BDD的方式,管理你的测试用例
  • 能够利用TypeSciprt这种强类型语言进行编写,利于项目本身的可维护性
  • 能够在Chrome、Firefox和IE等主流浏览器上运行你的测试用例

必备知识

本项目要求对以下这些关键词或知识有一定程度的了解,具备这些能够使读者在使用时以至于举步维艰。但是,假如读者愿意在使用中不断学习,不断投入时间,那么这些将不是难题:

教程链接

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-12-032,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
30·灵魂前端工程师养成-jQuery中的设计模式
-多年互联网运维工作经验,曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维,曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台(功能如下): 1)整合了各个公有云API,自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机,连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
DriverZeng
2022/09/26
1.5K0
30·灵魂前端工程师养成-jQuery中的设计模式
28·灵魂前端工程师养成-DOM编程
-多年互联网运维工作经验,曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维,曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台(功能如下): 1)整合了各个公有云API,自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机,连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
DriverZeng
2022/09/26
4520
28·灵魂前端工程师养成-DOM编程
jQuery原理(DOM操作相关方法)
删除所有的元素或指定元素。判断是否传入参数,如果传入参数,则删除指定元素,否则删除全部。
Dreamy.TZK
2020/06/28
5600
第八节dom以及dom库的封装
1、获取页面中元素的方法 document.getElementById() context.getElementsByTagName() context.getElementsByClassName() ie6~8不兼容 document.getElementsByName() 应用于表单中的name document.body document.documentElement context.querySelector/context.quer
河湾欢儿
2018/09/06
1.1K0
JavaScript DOM基础
DOM(Document Object Model)即文档对象模型,针对HTML和XML文档的API(应用程序接口)。 一.DOM介绍 DOM中的三个字母,D(文档)可以理解为整个Web加载的网页文档;O(对象)可以理解为类似window对象之类的东西,可以调用属性和方法,这里我们说的是document对象;M(模型)可以理解为网页文档的树型结构。 DOM有三个等级,分别是DOM1、DOM2、DOM3,并且DOM1在1998年10月成为W3C标准。DOM1所支持的浏览器包括IE6+、Firefox、Safa
汤高
2018/01/11
1.4K0
Vue——node-ops.ts【十三】
node-ops.ts位于src/platforms/web/runtime/node-ops.ts,主要封装了 DOM 操作的 API;
思索
2024/08/15
660
前端day13-JS(WebApi)学习笔记(attribute语法、DOM节点操作)
小技巧:如果API写的是Emement复数的形式,也就是后面加了s(Emements)那么它返回的就是一个伪数组 否则就是单个对象,一般只有id才会是单个对象,其他方式获取(标签名 类名)都是伪数组.
帅的一麻皮
2020/04/19
3.1K0
前端day13-JS(WebApi)学习笔记(attribute语法、DOM节点操作)
DOM笔记2
<!– 节点类型检查 if(someNode.nodeType==ElementNode){ alert(“Node is an element”); } 或者 if(someNode.nodeType==1){ alert(“Node is an element”); } 使用nodeName和nodeValue这两个属性 if(someNode.nodeType==1){ var someNode.nodeName();//nodeName的值是元素的标签名 } 每一个节点都有一个childNodes属性。当中保存NodeList对象,NodeList是一种类型数组对象,用于保存一组有序的节点 这个对象也有length属性,能够通过位置来訪问这些节点 var firstChild=someNode.childNodes[0]; var secondChild=someNode.childNodes.item(1); var length=someNode.childNodes.length; 每一个节点都有一个parentNode属性。该属性指向文档树中的父节点 if(someNode.nextSibling===null){ alert(“last node in the parent’s childNodes list…”); }else if(someNode.previousSibling===null){ alert(“First node in the parent’s childNodes list…”); 假设列表中仅仅有一个节点,那么该节点的nextSibling和previousSibling都为null } 父节点和第一个子节点和最后一个子节点也存在关系 firstChild lastChild 即存在这种关系 (someNode.childNodes[0]===someNode.firstChild) (someNode..childNodes[childNodes.length-1]===someNode.lastChild) 操作节点 最经常使用的方法是appendChilde();//用于向childNodesd的末尾加入一个节点 var returnNode=somenNode.appendChild(newNode); alert(returnNode==newNode);//true alert(someNode.lastChild==newNode);//true 使用insertBefore()方法将节点附加到ChildNodes的任何位置 var returnNode=someNode.appendChild(newNode,null); alert(returnNode==someNode.lastNode);//true //插入后成为一个子节点 var returnNode=someNode.appendChild(newNode,someNode.firstNode); alert(returnNode===newNode); alert(returnNode===someNode.firstNode); //插入后成为最后一个节点的前一个节点 var returnNode=someNode.appendChild(newNode,someNode.lastNode); alert(returnNode===someNode.childNodes.length-2);//true alert(returnNode===newNode);//true //注意:appendChild()和insertBefore不会删除节点 //replaceChild()方法接受两个參数,要插入的节点和要替换的节点,要替换的节点将由这种方法返回并从文档树中删除 //替换第一个子节点 var retuenNode=someNode.replaceChild(newNode,someNode.firstChild); //替换最后一个子节点 var returnNode=somNode.replaceChild(newNode,someNode.lastChild); //使用removeChild()方法删除一个子节点 var formerFirstNode=someNode.removeChild(someNode.firstNode); //删除最后一个子节点 var lastNode=someNode.removeChild(someNode.lastNode); //parentNode属性 。。。
全栈程序员站长
2022/07/06
2190
读Zepto源码之操作DOM
对角另一面
2017/12/27
9300
JavaScript DOM(二)
通过上文可知获取元素可以来利用 DOM 提供的方法来获取元素,如 getElementById、querySelector 等方法,但是也可以利用节点关系来获取元素
赤蓝紫
2023/01/01
6450
JavaScript DOM(二)
一道二栏布局题目
<div id="wrapper">     <div>C</div>     <div>A</div>     <div>B</div> </div>
meteoric
2019/02/25
3490
一道二栏布局题目
整理常见 DOM 操作
整理常见 DOM 操作 ⭐️ 更多前端技术和知识点,搜索订阅号 JS 菌 订阅 框架用多了,你还记得那些操作 DOM 的纯 JS 语法吗?看看这篇文章,来回顾一下~ ? 操作 className ad
JS菌
2019/05/06
1.1K0
DOM Core 与 HTML-DOM
DOM(文档对象模型)是由W3C制定的一套访问和操作XML(eXtensible Markup Language)文档的标准,即API。比如DOM告诉JavaScript引擎如何在浏览器窗口中显示和操作XML创建的标记(Tag)。
Chor
2019/11/07
1.9K0
dom操作
var div = document.getElementById(‘id名’);//返回是一个,不是数组 var div = document.getElementsByTagName(‘标签名’);//返回数组 (实时) var div = document.getElementsByClassName(‘class名’);//(带s的都是数组) var div = document.getElementsByName(‘name’);//name名 var div = quarySelector();//css选择器 选择一个 里面放’id’,‘class’… var div - quarySelectorAll();//css选择器 选择一个(静态的,不实时。用途受局限)
微醺
2019/01/17
6930
【收藏】JavaScript DOM操作简易速查手册
本文中简要罗列了JavaScript操作Dom的基本方法,其中包括元素查询、文档结构遍历、属性及内容操作、创建节点、插入节点及删除节点等内容。虽然JQuery更便利,但我还是喜欢用原生的API。
毛瑞
2019/05/06
1.2K0
【收藏】JavaScript DOM操作简易速查手册
HTML DOM(二):节点的增删改查
       上一篇:HTML DOM(一)        上一篇讲述了DOM的基本知识,从其得知,在DOM眼中,HTML的每个成分都可以看作是节点(文档节点、元素节点、文本节点、属性节点、注释节点,
高爽
2017/12/28
1.6K0
前端学习(47)~DOM简介和DOM操作
DOM:Document Object Model,文档对象模型。DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。
Vincent-yuan
2020/03/19
1.8K0
浅析Vue响应系统原理与搭建Vue2.x迷你版
数据模型仅仅是普通的JavaScript对象,而当我们修改数据时,视图会进行更新,避免了繁琐的DOM操作,提高开发效率。简言之,在改变数据的时候,视图会跟着更新。
Vam的金豆之路
2021/12/01
3550
浅析Vue响应系统原理与搭建Vue2.x迷你版
从零开始学 Web 之 DOM(四)节点
页面中的所有内容,包括标签,属性,文本(文字,空格,回车,换行等),也就是说页面的所有内容都可以叫做节点。
Daotin
2018/08/31
1.1K0
HTML DOM 学习
DOM简单来说就是文档对象模型,当一个HTML页面被加载就会创建HTML页面的DOM
Mirror王宇阳
2020/11/12
9770
相关推荐
30·灵魂前端工程师养成-jQuery中的设计模式
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档