Testing

BrowserStack - "App & Browser Testing Made Easy. Give your users a seamless experience by testing on 2000+ real devices and browsers. Don't compromise with emulators and simulators."

BrowserStack: Free Testing on Microsoft Edge - "Until now, developers have been relying on virtual machines or PC’s with Windows 10 to test their products and websites on Microsoft Edge. To provide an easier way to test, Microsoft and BrowserStack are partnering to give developers a cloud-based infrastructure to instantly test and ship great experiences on Microsoft Edge."

Grimlin.js - "Monkey testing library for web apps and Node.js"

Lighthouse Chrome extension - "Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps. When auditing a page, Lighthouse runs a barrage of tests against the page, and then generates a report on how well the page did. From here you can use the failing tests as indicators on what you can do to improve your app."

Microsoft Edge virtual machines - "Test Microsoft Edge (EdgeHTML) and versions of IE8 through IE11 using free virtual machines you download and manage locally."

ngrok - "Spend more time programming. One command for an instant, secure URL to your localhost server through any NAT or firewall."

nock - "HTTP server mocking and expectations library for Node.js"

nock-record - "Small wrapper around Nock Back, with improved ergonomics."

The Pragmatic Front End Tester #video - "Testing the front end shouldn't be that hard! There are ways to achieve a healthy testing strategy for our front-end applications."

Property-based Testing

Eris - #php

JSCheck - “JSCheck is a testing tool for JavaScript. It was inspired by QuickCheck, a testing tool for Haskell developed by Koen Claessen and John Hughes of Chalmers University of Technology.” #javascript

JSVerify - #javascript

PhpQuickCheck - #php

Qunit-jscheck - Property-based testing for qunit. #javascript

Visual Regression Testing

americanexpress/jest-image-snapshot - “Jest matcher that performs image comparisons using pixelmatch and behaves just like Jest snapshots do! Very useful for visual regression testing.” #javascript

applitools - “ AI powered Visual Testing & Monitoring. For a Visually Perfect Digital Experience at the Speed of Continuous Deployment”

BackstopJS #software - “BackstopJS automates visual regression testing of your responsive web UI by comparing DOM screenshots over time.”

Docker container

Chromatic - “Pinpoint UI component bugs instantly. Chromatic ensures UI consistency in React components, down to the pixel. Every commit is automatically tested for visual changes.”

jest-image-snapshot - “Jest matcher for image comparisons. Most commonly used for visual regression testing.”

Loki - “Visual Regression Testing for Storybook”

Percy - “Solving visual testing across design, development, and deployment. Stop doing QA in the dark. See every pixel changed on every pull request.”

GitHub Marketplace: Percy - “Percy adds visual reviews to your GitHub pull requests, helping your team spot UI bugs quickly and review visual changes easily.”

Percy Product Spotlight Series | Part 1: Visual testing and visual diffs #article - “Sometimes called visual regression testing or UI testing, visual testing is the process of automatically discovering and reviewing software for perceptual changes.”

Screener - “10x faster visual UI testing on the cloud without a line of code. Visual test automation for web apps. End-to-end visual + functional testing in minutes. No coding required.”

SmartBear VisualRegressionTesting - " Ditch your VMs and Device Lab. Easily run Manual, Visual, and Selenium Tests in the cloud on 2050+ real desktop and mobile browsers."

Spectre - “A simple UI for browsing and inspecting diffs, and an API for runner scripts to submit screenshots to and receive a pass or fail in real time. (For use with Wraith, Backstop, Selenium etc)”

Visual Regression Testing - Curated lists of articles, videos, tools, & talks on the subject of visual regression testing. #article #video #software

Storybook - "Build bulletproof UI components faster. Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient."

Last updated