Skip to content

Latest commit

 

History

History

scroll

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 

Scroll Elements Into View

Test Code: index.js

UPDATE: TestCafe v1.14 includes dedicated scroll actions. You do not need to interact with off-screen elements or execute client-side code to scroll the webpage. Read the documentation for details:

TestCafe actions have a built-in scrolling mechanism. In rare cases, you may need to scroll the page manually. This example demonstrates two common ways to do this: a hover action and a ClientFunction

The test page has two buttons. They are located at 2000 px and 4000 px along the X-axis (outside of the viewport), respectively.

The index.js file includes 2 tests.

The first test scrolls the page with a hover action.

The second test introduces two custom Client Functions that scroll the page:

  1. The scrollToElement(selector, offsetX, offsetY) function scrolls the element into the viewport.

    Parameter Description
    selector a selector that identifies the page element
    offsetX the offset on the X-axis in px
    offsetY the offset on the Y-axis in px
  2. The scrollBy(x, y) function scrolls the page by the given number of pixels.

    Parameter Description
    x the number of pixels by which the page is scrolled horizontally
    y the number of pixels by which the page is scrolled vertically