Basic dynamic render
Fetches product JSON on page load and renders cards into an empty container.
Open caseDynamic Products
Client-side rendered product listings for testing browser-based extraction, waiting, network activity, and DOM mutation.
This is a fictional static scenario for Ferret demos and tests. Product data is loaded from static JSON files and rendered in the browser.
Load more pagination
Appends additional static JSON pages after deterministic button clicks.
Open caseInfinite scroll pagination
Appends additional static JSON pages when scrolling reaches a sentinel.
Open caseClient-side filtering
Loads search JSON once, then mutates the DOM from form controls.
Open caseError state
Renders a deterministic error panel from an ok:false JSON payload.
Open caseEmpty state
Renders an empty result state from a successful empty API response.
Open caseDelayed dynamic render
Uses short deterministic delays before fetching and rendering products.
Open caseReplace vs append
Compares DOM replacement and DOM append behavior for page-two data.
Open case