Libraries / L27 · Library · Quality & testing
Runs a scroll scene across 30+ device profiles and writes one contact sheet with flags
Loading the demo.
pnpm add @quartifex/contactsheetNot on npm yet: the first release is pending. The quickstart, API table, browser support and limitations are in the README.
Checking 7 profiles
36 profiles in 8 groups: phones, landscape phones, foldables, tablets including split view, laptops, desktops up to 4K, 21:9 and 32:9 ultrawides, and in-app browsers. Flags: subject outside the frame, copy over the subject, overlapping text, tap targets under 24 x 24, canvases over their pixel budget, and layout shift. Nothing here animates.
# Every profile, every chapter, one sheet: reports/contactsheet/contactsheet.html (+ .png, .json)
npx contactsheet https://lab.quartifex.com/scene --out reports/contactsheet
# A subset
npx contactsheet http://localhost:3100/scene --profiles phone,foldable,"Desktop 4K"