作用

将指定 DOM 元素滑动到可视视图中的左上角

语法格式

  1. .scrollIntoView()
  2. .scrollIntoView(options)

正确写法

  1. // 将 footer 元素 滚动到视图中
  2. cy.get('footer').scrollIntoView()

错误写法

  1. // cy 不能直接调用
  2. cy.scrollIntoView('footer') 
  3. // 必须是 DOM 元素调用
  4. cy.window().scrollIntoView()

options

Cypress系列（27）- scrollIntoView() 命令详解 - 图1

实际栗子

html 代码

Cypress系列（27）- scrollIntoView() 命令详解 - 图2

测试文件代码

Cypress系列（27）- scrollIntoView() 命令详解 - 图3

测试结果

Cypress系列（27）- scrollIntoView() 命令详解 - 图4

Cypress系列（27）- scrollIntoView() 命令详解 - 图5

Cypress系列（27）- scrollIntoView() 命令详解 - 图6

注意

Cypress 运行的命令快照不会显示滚动的过程，如果要查看滚动的过程，需要用 .pause() 遍历每个命令，或者通过观察测试运行的视频
Cypress系列（27）- scrollIntoView() 命令详解 - 图7

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