Search Results for "component software"

A dead simple library to screenshot test React components. Under the hood, we start a local server that renders components server-side. Each component is given its own dedicated page (e.g. /render/my-component). Then we use Puppeteer to take a screenshot of that page. If you work on a team where developers use a different OS (e.g. Mac OS and Linux), or if you develop on Mac OS but use Linux for continuous integration, you would quickly run into issues where screenshots are inconsistent...

A library for isolated developing UI components and automatically taking snapshots of them. Playbook is a library that provides a sandbox for building UI components without having to worry about application-specific dependencies, strongly inspired by Storybook for JavaScript in web-frontend development. Components built by using Playbook can generate a standalone app as living style guide. This allows you to not only review UI quickly but also deliver more robust designs by separating...

nut.js gives you full control over your mouse. Move, click or drag your cursor where you need it! Press (and hold) single keys or type pages of text, nut.js handles both! It allows for native UI interactions via keyboard and/or mouse but additionally gives you the possibility to navigate the screen based on image matching. nut.js gives you access to your system clipboard. Copy and paste text as you go! Retrieve info about open windows to improve your tests or workflows. nut.js provides...

Aye Spy is a high-performance visual regression tool to catch UI regressions. Aye Spy takes inspiration from existing projects such as Wraith and BackstopJs. We have found visual regression testing to be one of the most effective ways to catch regressions. It's a great tool to have in your pipeline, but the current solutions on the market were missing one key component we felt was essential for a great developer experience performance.

Wraith is a screenshot comparison tool, created by developers at BBC News. Wraith uses a headless browser to create screenshots of webpages on different environments (or at different moments in time) and then creates a diff of the two images; the affected areas are highlighted in blue. There are two main modes for using Wraith, 'capture' mode and 'history' mode. Wraith has some built-in JavaScript and configuration file templates for you to get started with right away. If you wish to take...