https://github.com/bahmutov/infinite-scroll-quotes
Example testing the infinite scroll using Cypress
https://github.com/bahmutov/infinite-scroll-quotes
cypress-example
Last synced: 9 months ago
JSON representation
Example testing the infinite scroll using Cypress
- Host: GitHub
- URL: https://github.com/bahmutov/infinite-scroll-quotes
- Owner: bahmutov
- Created: 2021-10-20T16:34:55.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2025-01-16T06:40:52.000Z (over 1 year ago)
- Last Synced: 2025-01-16T07:42:05.578Z (over 1 year ago)
- Topics: cypress-example
- Language: JavaScript
- Homepage: https://youtu.be/918BqmTa-w4
- Size: 186 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# infinite-scroll-quotes [![renovate-app badge][renovate-badge]][renovate-app]   [](https://github.com/bahmutov/infinite-scroll-quotes/actions/workflows/ci.yml)
> Example testing the infinite scroll using Cypress
## Infinite scroll tests
Watch the video [Testing The Infinite Scroll With Cypress](https://youtu.be/918BqmTa-w4)
Infinite scroll tests are in [cypress/integration/spec.js](./cypress/integration/spec.js).
## Find the text
The spec [cypress/integration/find-text.js](./cypress/integration/find-text.js) shows how to keep scrolling the page until we find a quote with the word "debug" in it. Watch the video [Use cypress-recurse To Scroll The Page Until It Loads The Text We Are Looking For](https://youtu.be/KHn7647xOz8).
## Install and run
```
$ npm install
$ npm run dev
```
Start the application and opens Cypress. Click on the spec `spec.js` to run all tests
The example page copied from [JavaScript Infinite Scroll](https://www.javascripttutorial.net/javascript-dom/javascript-infinite-scroll/)
[renovate-badge]: https://img.shields.io/badge/renovate-app-blue.svg
[renovate-app]: https://renovateapp.com/