作用

访问远程 URL

语法格式

  1. cy.visit(url)
  2. cy.visit(url, options)
  3. 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

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

baseUrl 未运行

如果在 cypress 打开期间，指定了 baseUrl ，但服务器未运行，则会看到错误
Cypress系列（42）- visit() 命令详解 - 图2

如果在 cypress 运行期间几次重试后，服务器未在指定的 baseUrl 上运行，也会显示错误
Cypress系列（42）- visit() 命令详解 - 图3

其他参数 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')

具体的栗子

直接访问

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

加上 timeout 参数

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

加上 auth

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

加上 onBeforeLoad

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

加上 onLoad

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

加上 qs

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

加上 method 和 body

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

使用 window 对象

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

https://www.cnblogs.com/poloyy/p/13608977.html