抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

Cypress--调试

说明开头说过,cypress的自动筛选非常舒服,基本上90%的场景可以一键复制过来。同时基于真实的快照页面,在进行回放的时候,每一步都可以重现当时的场景,假如你想看console,是非常方便的。 自动筛选说明打开开关 变成下面这个样子 然后鼠标在页面上滑动,可以看到上面属性在不断变换,焦点持续跟踪。 Jietu20200402-150735-HD.mp4 视频中我点击了搜索框,可以看到...

Cypress--request用法

背景上文说了封装登陆为方法,是打开登陆页面输入用户名和密码登陆的,但其实登陆不是我们所关心的,那么既然登陆不是重点关注的点,在ui层面可以不考虑,cypress使用request来实现接口登陆并获取cookie,然后带着cookie去访问页面。 request用法官方文档地址:https://docs.cypress.io/api/commands/request.html#Options ...

Cypress--快速登陆的实现

背景上文举例了公共方法,用的是登陆的例子,然后发现每个case都会走一遍登陆,这也太恶心了。能不能只登陆一次?作为前端语言来讲,这种便捷功能,获取cookie,自定义cookie必须有啊。 cypress关于cookie操作的官方文档:https://docs.cypress.io/api/cypress-api/cookies.html 思路登陆写成Command Before中调用登陆实...

Cypress--封装command

前言在自动化中经常需要反复掉一个接口或者进到某个页面,这个时候就可以考虑把这个过程封装为公共方法,在cypress中,称为Commands。 示例例如登陆操作,每个case重头开始跑,登陆可以写成一个方法,在case内部调用。 123456789101112131415161718192021222324252627const getIframeDocument = () => ...

Cypress--生成Junit-allure报告

一.前言allure可能很多人都用过,对于生成测试报告来说比较方便。之前在python自动化里体验里一下,cypress作为js写的狂简,本身也有junit,也支持allure。 二.配置生成xml打开cypress.json添加如下配置 12345"reporter": "junit","reporterOptions": &#...

Cypress--配置说明

前言关于cypress的配置,其实很多都有默认配置,可以在cypress客户端看到。 打开cypress客户端选择项目目录,点击Settings-->Configuration。 配置介绍 以下内容转载于 https://www.cnblogs.com/leozhanggg/p/11011110.html 全局配置项 选项 默认 描述 baseUrl null 用作命令...

Cypress--操作iframe页面

一.前言cypress对于iframe的操作比较蛋疼,虽然可以实现,但是丢失了很多特性,当我们操作iframe的时候,不会自动截图,在调试模式下也没法点选iframe内的元素。 关于iframe的实现,网上搜到到资料比较零散,官方已经提供了许多案例,直接分析官方例子吧。 官方代码: https://github.com/cypress-io/cypress-example-recipes/t...

Cypress--Dashboard的使用

介绍cypress dashborad的运行依托于官网,所以需要在本地配置你的projectId,并且运行的时候需要通过命令行来执行,且记录带上Record Keys。(尽管如此,实际体验下来,dashborad页面的网络响应速度还是非常快的。) 官方文档:https://docs.cypress.io/guides/dashboard/projects.html#Set-up-a-proj...

Cypress--为什么选择Cypress

一.背景web端ui自动化,主要为谷歌浏览器和少部分360极速浏览器,均为chrome内核。 官网: https://www.cypress.io/ 中文文档:https://docs.cypress.io/zh-cn/guides/overview/why-cypress.html# 二.简单分析cypress是做界面自动化的,说到界面自动化就不可避免的想到了selenium。这些年玩过一...

Cypress--安装和使用

安装先为你的工程创建个目录 mac/linux 123mkdir ~/cypressdemocd ~/cypressdemonpm install cypress --save-dev windows 创建目录 1D:\develop\autotest\cypressdemo 进入cypressdemo文件夹 执行 1npm install cypress --save-dev...