Cypress（三）cypress实战

一.例子，模拟慕课网登陆

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

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

/// <reference types="cypress" />context('Actions', () => { beforeEach(() => { cy.visit('https://www.imooc.com/') }) it('Login', () => { cy.get('#js-signin-btn').click() cy.get('.ipt-email').type('aa').should('have.value', 'aa') cy.get('.js-loginPassword').type('bb').should('have.value', 'bb') cy.get('.moco-btn-lg').click() })
})

3.而后在命令窗口，输入npm run cypress

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

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

二.解决chrome下的跨域问题

找到项目根目录下的cypress.json文件，增长以下配置

{ "chromeWebSecurity": false}

三.抽取baseUrl

找到项目根目录下的cypress.json文件，增长以下配置

{ "baseUrl": "http://localhost:8013"}

四. 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文件加入如下配置

{ "scripts": { "cy:run": "cypress run" }}

而后就能够经过npm命令来执行

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

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