作用

获取当根元素

语法格式

  1. cy.root()
  2. cy.root(options)

options：只有 timeout 和 log，不再展开讲了

正确写法

  1. // 根元素是<html>
  2. cy.root()
  3. // 根元素是<nav>
  4. cy.get('nav').within(($nav) => {
  5.   cy.root() 
  6. })

实际栗子

html 代码

  1. <form id="contact">
  2.     <input type="text" name="email">
  3.     <input type="text" name="password">
  4.     <button type="submit">Send</button>
  5. </form>

测试文件代码

Cypress系列（35）- root() 命令详解 - 图1
这里调用了两次 root()

  1. 直接通过 cy调用
  2. 在 .within() 回调函数中获取根元素

测试结果

Cypress系列（35）- root() 命令详解 - 图2
可以看到， cy.root() 返回的就是 html 元素

Cypress系列（35）- root() 命令详解 - 图3
而这里返回的是 form 元素

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