Cypress系列（42）- visit() 命令详解

如果想从头学起Cypress，可以看下面的系列文章哦

https://www.cnblogs.com/poloyy/category/1768839.html

 

作用

访问远程 URL

 

语法格式

cy.visit(url)
cy.visit(url, options)
cy.visit(options)

 

参数讲解

url

两种值

1. 需要直接访问的 URL，可以是一个完整的 URL，比如：https://www.cnblogs.com/poloyy/
2. html 文件的相对路径，路径是相对于 Cypress 的安装目录，不需要 file:// 前缀

 

Cypress 关于 url 的最佳实践

• 建议在使用 cy.visit() 时，在  cypress.json 里设置一个baseUrl
• baseUrl 相当于一个全局共享的 host，在使用 visit() 和 request() 等命令时自动将 baseUrl 传递进去
• 优势：首次启动 Cypress 测试时，添加 baseUrl 还可以节省一些时间

 

不添加 baseUrl 的影响

一旦遇到 cy.visit() ，Cypress 便将主窗口的 URL 切换到访问指定的 URL，首次开始测试时，可能会导致刷新或重新加载

 

添加 baseUrl 的优势

• 通过设置 baseUrl，可以完全避免重新加载
• 测试开始后，Cypress 会将主窗口加载到您指定的 baseUrl 中

 

添加 baseUrl

 

baseUrl 未运行

如果在 cypress 打开期间，指定了 baseUrl ，但服务器未运行，则会看到错误

 

如果在 cypress 运行期间几次重试后，服务器未在指定的 baseUrl 上运行，也会显示错误 

 

其他参数 options

参数	默认	作用
method	GET	请求方法，GET或POST
body	null	l 与POST请求一起发送的数据体 l 如果是字符串，则将其原封不动地传递 l 如果是一个对象，它将被URL编码为字符串，并加上Content-Type：application / x-www-urlencoded
headers	{}	请求头
qs	null	Url的请求参数
log	true	是否打印日志
auth	null	添加基本授权标头
failOnStatusCode	true	是否在2xx和3xx以外的响应代码上标识为失败
onBeforeLoad	function	在页面加载所有资源之前调用指定的方法
onLoad	function	页面触发加载事件后调用
retryOnStatusCodeFailure	false	当状态码是错误码时，Cypress是否自动重试，最多重试4次
retryOnNetworkFailure	true	当网络错误时，Cypress是否自动重试，最多重试4次
timeout	pageLoadTimeout	最长等待 .visit() 完成的时间

 

正确写法

// 在新的窗口打开 URL
cy.visit('http://localhost:3000')  
cy.visit('./pages/hello.html')

 

具体的栗子

直接访问

 

加上 timeout 参数

 

加上 auth

 

加上 onBeforeLoad

 

加上 onLoad

 

加上 qs

 

加上 method 和 body

 

使用 window 对象