.focus() 命令

聚焦 DOM 元素

语法格式

  1. .focus()
  2. .focus(options)

正确写法

  1. cy.get('input').first().focus()

重点

  • 必须是 DOM 元素才能调用 .focus() 方法，不一定是要输入框哦
  • 确保 DOM 元素是可聚焦的

错误写法

  1. // 不能直接用 cy 调用
  2. cy.focus('#search') 
  3. // 必须是 DOM 元素才能调用
  4. cy.window().focus()

options

Cypress系列（26）- 聚焦与失焦命令的详解 - 图1

.blur()

让聚焦的 DOM 元素失焦

语法格式

  1. .blur()
  2. .blur(options)

正确写法

  1. // 输入内容后，再让输入框失焦
  2. cy.get('[type="email"]').type('me@email.com').blur()
  3. // 先聚焦再失焦
  4. cy.get('[tabindex="1"]').focus().blur()

重点

  • 必须是 DOM 元素才能调用 .blur() 方法，不一定是要输入框哦
  • 确保 DOM 元素是可失焦的

错误写法

  1. // 不能直接用 cy 调用
  2. cy.blur('#search') 
  3. // 必须是 DOM 元素才能调用
  4. cy.window().blur()

options

Cypress系列（26）- 聚焦与失焦命令的详解 - 图2

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