Infinite Scroll - Instructions

Click to Stop

Some pages are infinite scroll. They add new content when you scroll to a certain point on the screen.

On this page, the new content is loaded when the button at the bottom of the page is visible.

You need to click the button to stop the scroll.

When you click the button you will see a message in the dom.

• Is this a challenge to automate? Or a challenge to test?
  • Does the distinction matter?

Server Side

There are two versions of the app:

• default which generates the next items using JavaScript
• Server Side which makes an API call to the server to get the next items

Consider:

• Would you use the same test approach for both of these?
• Do they have different risks?

How Many Ways?

The most obvious way to click the button is to scroll down the page and click the button with the mouse.

That’s also the ‘hardest’ way, since the page updates with more content when the button is visible.

So… can you think of any other ways of clicking the button?

Possible Hints

The button is supposed to be visible for a time delay before loading the next items.

Someone must have coded this with a time delay that is too short.

You might be able to automate with the value set to the default. But if you change the value of the variable preLoadTimeout then you can increase the delay.

This might be considered cheating though.