在前端自动化测试中，常常需要检查页面跳转是否正确。其中一个常用的方法是通过检查浏览器的 URL 来判断是否跳转成功。在 Cypress 中，我们可以通过 Cypress 的命令和断言来实现这一功能。
1. 获取当前 URL
要检查浏览器的 URL 是否改变，首先需要获取当前页面的 URL。在 Cypress 中，我们可以使用 cy.url() 命令获取当前 URL。
示例代码如下：
cy.url().should('include', '/login')上述代码中，我们使用 cy.url() 命令获取当前页面的 URL，并使用 should 断言来检查 URL 是否包含字符串 /login。
2. 操作页面跳转
为了检查页面跳转是否成功，我们需要在测试中模拟用户的页面操作，例如点击链接或按钮，或者输入地址栏中的 URL。在 Cypress 中，我们可以使用 cy.visit() 命令模拟页面跳转。
示例代码如下：
cy.visit('/login')上述代码中，我们使用 cy.visit() 命令跳转到 URL 为 /login 的页面。
3. 检查 URL 是否改变
一旦完成页面跳转，我们就需要检查 URL 是否改变。在 Cypress 中，我们可以使用 cy.url() 命令获取页面的最新 URL，并使用断言来判断 URL 是否符合预期。
示例代码如下：
cy.url().should('include', '/dashboard')上述代码中，我们使用 cy.url() 命令获取页面的最新 URL，并使用 should 断言来检查 URL 是否包含字符串 /dashboard。
4. 完整示例
最后，我们来看一下如何在 Cypress 中实现页面跳转和 URL 检查的完整示例。
-- -------------------- ---- -------
-------------- ----- --- --------- ------ -- -- -
---------- -------- -- --------- ---- ----- ---------- ------- -- -- -
-- ----- ----- ----
------------------
-- ----- -------- --- --------
----------------------------------------
------------------------------------------
-- ------ ----- ----
---------------------------------------
-- ----- -- ---------- -- --------- ----
-------------------------- -------------
--
--上述示例代码中，我们首先跳转到登录页面，输入用户名和密码，然后提交登录表单。最后使用 should 断言检查是否成功跳转到了仪表盘页面。
结论
通过本文的介绍，我们了解了如何在 Cypress 中检查浏览器的 URL 是否改变。我们通过 cy.url() 命令获取当前 URL，通过 cy.visit() 命令模拟页面跳转，最后使用 should 断言来判断 URL 是否符合预期。
这种方式在前端自动化测试中非常常用，可以有效检查页面跳转是否正确，保障产品质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/676f7f1be9a7045d0d73a69e