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

正确写法

// 在新的窗口打开 URL

cy.visit('http://localhost:3000')  

cy.visit('./pages/hello.html')

具体的栗子

直接访问