Cypress(三)cypress实战

Stella981
• 阅读 790

一.例子,模拟慕课网登录

1.在项目下新建login.js文件

Cypress(三)cypress实战

2.在项目的cypress->integration目录下新建login.spec.js文件,输入以下代码

/// <reference types="cypress" />

3.然后在命令窗口,输入npm run cypress

Cypress(三)cypress实战

4.打开cypress选择我们新建的login.spec.js文件

Cypress(三)cypress实战

5.cypress会自动打开浏览器模拟慕课网登录

二.解决chrome下的跨域问题

找到项目根目录下的cypress.json文件,增加如下配置

{

三.抽取baseUrl

找到项目根目录下的cypress.json文件,增加如下配置

{

四. cypress命令行

命令格式

cypress run [options]

Option(选项)

Description

--browser, -b

指定的浏览器名或者浏览器路径运行Cypress

--ci-build-id

给当前运行指定唯一标识

--config, -c

指定配置

--config-file, -C

指定配置文件

--env, -e

指定环境变量

--group

将当前运行的测试记录进行分组

--headed

指定浏览器GUI模式运行

--headless

指定浏览器headless模式运行

--help, -h

显示命令帮助信息

--key, -k

指定秘钥

--no-exit

在执行完测试后,不退出Cypress

--parallel

通过多台机器并行运行

--port,-p

指定Cypress启动端口

--project, -P

指定Cypress启动时的项目

--record

是否记录测试

--reporter, -r

指定是否生成Mocha报告

--reporter-options, -o

指定生成Mocha报告选项

--spec, -s

指定运行的文件

--tag, -t

使用tag标识测试

那么我们怎么去执行cypress命令呢,这里我们有两种方式

1.cypress命令行脚本是在项目下面的node_modules/.bin目录下,所以我们在linux可以输入以下命令,windows系统可以装下git bash命令行工具也能输入linux命令

./node_modules/.bin/cypress run

2.在项目的package.json文件加入以下配置

{

然后就可以通过npm命令来执行

npm run cy:run -- --record --spec "cypress/integration/login.js"

本文分享自微信公众号 - 软件测试架构师俱乐部(gh_03227f9a322f)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

点赞
收藏
评论区
推荐文章
编程范儿 编程范儿
2年前
如何在启动 Vue 程序之前读取本地静态文件内容
有这样一个需求,就是希望通过本地的Json文件来写入一些内容,比如请求后端接口的API前缀,我们在public目录下面新建一个project.config.json文件来做一些配置项:"baseUrl":"http://192.168.199.201:10000/"这样有一个好处就是项目打包发布之后的文件也可以通过更改这个静态文件来改
Stella981 Stella981
2年前
Nginx的安装
在一个新的centOS7.5 的系统中安装1. 安装Nginx在/etc/yum.repos.d/ 目录下新建一个文件 名为 nginx.repo  输入以下内容并保存\nginx\namenginxrepobaseurlhttp://nginx.org/packages/centos/7/$
Wesley13 Wesley13
2年前
Javaweb入门基础(尚硅谷,佟刚老师)笔记(一)
\恢复内容开始第一个WEB应用程序:开发,并部署到Tomcat服务器下运行1)在eclipse新建一个javaProject2)在Java项目下创建WEB开发的目录结构:\WebContentWEBINFclasses(编译后的class文件必须放在该目录下)libweb.xml(从  \\a
Wesley13 Wesley13
2年前
VBA二次学习笔记(1)——文件操作
1\.判断文件是否存在,新建文件,另存为!复制代码(https://oscimg.oschina.net/oscnet/b572fdec9c358b5572c6b3d77aa139f8348.gif)Subtest3()'判断文件是否存在,新建文件DimwbAsWorkbook
Stella981 Stella981
2年前
Android中的Selector的用法
Android中的Selector主要是用来改变ListView和Button控件的默认背景。其使用方法可以按一下步骤来设计:(以在mylist\_view.xml为例)1.创建mylist\_view.xml文件首先在res目录下新建drawable文件夹,再在新建的drawable文件夹中新建mylist\_view.xml,
Wesley13 Wesley13
2年前
ThinkPHP5自定义分页样式
1.在thinkphp/library/think/paginator/driver目录下新建文件Page.php注意命名空间和继承<?phpnamespacethink\paginator\driver;usethink\Paginator;classPageextendsPaginator
Stella981 Stella981
2年前
Redis Cluster in Ubuntu
1\.首先,进到Redisserver 的位置,确认Redisserver 可以正常启动!(https://oscimg.oschina.net/oscnet/fb11911e35266a35f5b62dcbf9b02288c97.png)2. 在 redis5.0.3 目录下创建文件夹redisCluster\_Demo\_byMe
Stella981 Stella981
2年前
Android !No Launcher activity found!错误
今天新建了个android工程跑程序时显示NoLauncheractivityfound错误,模拟器也不运行。上网一查,发现问题出在整个项目的那个主配置xml中,一般名字都是叫AndroidManifest.xml里面没有配置启动项(原因多种多样),在<application</application中少了这段代码<a
Stella981 Stella981
2年前
Android studio中创建一个Menu方法
1.先在res目录下新建一个menu文件夹(右键res目录NewDirectory)输入文件夹名为menu,点击OK2.在新建的menu目录下创建一个名为main的菜单文件(右键menu文件夹NewMenuresourcefile)输入文件名为main点击OK里面内容为:<itemandroid:
Stella981 Stella981
2年前
DuangDuangDuang!码云项目的 Readme
我们在码云(https://git.oschina.net/)上创建新项目的时候,常常会看到默认使用README文件初始化该项目(如图1所示),然后在新建项目的根目录下就会生成一个README.md文件(如图2所示)。!图1(https://static.oschina.net/uploads/img/201702/2622463