awesome-repositories.com
Blog
MCP
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektMCP-ServerÜber unsRanking-MethodikPresse
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

14 Repos

Awesome GitHub RepositoriesVisual Testing

Automated utilities that compare visual output against expected designs to detect rendering errors or UI regressions.

Explore 14 awesome GitHub repositories matching testing & quality assurance · Visual Testing. Refine with filters or upvote what's useful.

Awesome Visual Testing GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • microsoft/playwrightAvatar von microsoft

    microsoft/playwright

    91,074Auf GitHub ansehen↗

    Playwright is a comprehensive browser automation framework designed for end-to-end testing and web workflow automation. It provides a unified API to drive web applications across multiple browser engines, enabling developers to simulate complex user interactions, perform web scraping, and validate application behavior in consistent, isolated environments. The framework distinguishes itself through a web-first testing paradigm that prioritizes stability and resilience. By utilizing an auto-waiting actionability engine and accessibility-tree-based locators, it eliminates common sources of test

    Captures visual state as in-memory buffers to facilitate pixel-diffing or programmatic image analysis without disk I/O.

    TypeScriptautomationchromechromium
    Auf GitHub ansehen↗91,074
  • avaloniaui/avaloniaAvatar von AvaloniaUI

    AvaloniaUI/Avalonia

    30,986Auf GitHub ansehen↗

    Avalonia is a cross-platform desktop framework that enables the creation of native-feeling applications for Windows, macOS, and Linux from a single codebase. It functions as a declarative UI toolkit, allowing developers to define complex visual hierarchies and interface structures using a markup-based syntax that maps directly to underlying object properties. By utilizing the Model-View-ViewModel architectural pattern, the framework facilitates a clean separation between application logic and user interface layout, which simplifies unit testing and component maintenance. The framework disting

    Compares captured bitmaps of rendered frames against baselines to identify layout or styling changes.

    C#androidapp-frameworkavalonia
    Auf GitHub ansehen↗30,986
  • responsively-org/responsively-appAvatar von responsively-org

    responsively-org/responsively-app

    24,991Auf GitHub ansehen↗

    This application is a specialized web browser designed to streamline responsive design testing by rendering multiple viewport configurations simultaneously. It functions as a cross-platform testing suite that allows developers to preview and interact with web content across diverse mobile, tablet, and desktop device profiles within a single workspace. The tool distinguishes itself by synchronizing user interactions and application state across all active browser instances. When a user navigates, scrolls, or clicks in one view, these events are broadcast to every other open viewport to ensure

    Captures and saves screenshots across multiple device profiles to track design changes and layout status.

    TypeScriptcontributions-welcomedesktop-appdeveloper-tools
    Auf GitHub ansehen↗24,991
  • goldbergyoni/javascript-testing-best-practicesAvatar von goldbergyoni

    goldbergyoni/javascript-testing-best-practices

    24,589Auf GitHub ansehen↗

    This project is a comprehensive knowledge base and educational resource for JavaScript developers, focused on establishing industry-standard methodologies for automated software testing. It provides a structured collection of design patterns and actionable guidelines designed to improve code reliability, maintainability, and overall software quality across the development lifecycle. The repository distinguishes itself by offering a granular, pattern-based approach to testing that spans unit, integration, and end-to-end verification. It emphasizes specific architectural strategies such as comp

    Utilizes automated tools to detect visual regressions and layout issues.

    JavaScriptangularchaici
    Auf GitHub ansehen↗24,589
  • imagemagick/imagemagickAvatar von ImageMagick

    ImageMagick/ImageMagick

    15,742Auf GitHub ansehen↗

    ImageMagick is a comprehensive software suite for the creation, editing, composition, and conversion of digital images. It functions as both a command-line utility for batch processing and automation, and as a programming library that allows developers to integrate advanced image manipulation capabilities into external applications. The project is distinguished by its modular architecture, which supports hundreds of image formats through a pluggable coder system and external delegate libraries. It is designed for high-performance environments, utilizing memory-mapped pixel caching, stream-ori

    Calculates and visualizes the mathematical or visual variance between two images to identify changes or errors.

    Ccommand-line-image-tooldigital-image-editingimage-conversion
    Auf GitHub ansehen↗15,742
  • asweigart/pyautoguiAvatar von asweigart

    asweigart/pyautogui

    12,564Auf GitHub ansehen↗

    PyAutoGUI is a Python GUI automation library and desktop automation framework. It provides a set of tools for programmatically controlling the mouse and keyboard to automate user interface interactions across different operating systems. The project functions as a cross-platform input simulator and computer vision screen scanner. It enables the simulation of keystrokes and cursor movements to perform repetitive tasks and utilizes screen analysis to locate specific images or pixel colors on the display. Its capability surface includes mouse and keyboard input simulation, screen image capture,

    Implements automated visual scanning of the screen to verify that the user interface is displaying correctly.

    Python
    Auf GitHub ansehen↗12,564
  • pestphp/pestAvatar von pestphp

    pestphp/pest

    11,537Auf GitHub ansehen↗

    Pest is a testing framework for PHP that provides a comprehensive suite for executing unit, integration, and end-to-end tests. It functions as an automated testing tool that prioritizes developer experience and readability through a concise, expressive syntax for defining test suites. By wrapping an established testing foundation, it maintains compatibility with existing ecosystem tools while offering a specialized interface for writing and organizing automated tests. The framework distinguishes itself through integrated support for parallel test execution, which distributes suites across mul

    Generates and compares pixel-level representations of rendered interfaces against baseline images to detect visual regressions.

    PHPframeworkpestphp
    Auf GitHub ansehen↗11,537
  • karatelabs/karateAvatar von karatelabs

    karatelabs/karate

    8,882Auf GitHub ansehen↗

    Karate ist ein Gherkin-API-Testframework und JVM-Test-Orchestrator, der für API-Validierung, Workflow-Automatisierung und Browser-Automatisierung entwickelt wurde. Es bietet eine einheitliche Umgebung für die Ausführung skriptbarer Logik auf der Java Virtual Machine mit thread-sicherer, paralleler Verarbeitung. Das Projekt enthält einen integrierten HTTP-Mock-Server, um das Verhalten von Backend-APIs durch die Bereitstellung dynamischer Antworten auf abgefangene Anfragen zu simulieren. Es verfügt zudem über ein visuelles Regressionstest-Tool, das Interface-Änderungen durch den Vergleich von Screenshots mit Referenzbildern mittels Pixel-Matching-Analyse erkennt. Das System unterstützt API-Lasttests durch die Skalierung funktionaler Tests zu Performancetests, um Systemengpässe zu identifizieren. Zusätzliche Funktionen umfassen End-to-End-UI-Tests durch Browser-Interaktionsautomatisierung sowie die Validierung von Datenstrukturen für JSON- und XML-Antworten.

    Allows adjusting mismatch thresholds and defining ignore-regions via a browser interface to refine visual test results.

    Java
    Auf GitHub ansehen↗8,882
  • winmerge/winmergeAvatar von WinMerge

    WinMerge/winmerge

    8,510Auf GitHub ansehen↗

    WinMerge is a visual file comparison and merge tool used to identify and synchronize differences between text files, folders, and images. It functions as a diff and patch generator, a visual folder synchronizer, and a hex binary comparator for non-text data. The tool provides specialized comparison modes for diverse content types, including side-by-side webpage rendering for HTML and resource trees, tabular data analysis for delimited files in a grid view, and visual image comparison using overlays and animations. It also supports comparing the contents of compressed archives without manual e

    Detects pixel-level changes between images using overlays and blinking animations.

    C++c-plus-pluscompare-filescsv
    Auf GitHub ansehen↗8,510
  • garris/backstopjsAvatar von garris

    garris/BackstopJS

    7,156Auf GitHub ansehen↗

    BackstopJS ist ein automatisiertes Screenshot-Testframework und ein Tool für visuelle Regressionstests, das entwickelt wurde, um Pixel-Differenzen zwischen verschiedenen Versionen einer Webanwendung zu identifizieren. Es fungiert als Browser-Automatisierungs-Testsuite, die visuelle Snapshots einer Benutzeroberfläche aufnimmt und diese mit gespeicherten Referenzbildern vergleicht, um unbeabsichtigte Änderungen zu erkennen. Das Projekt nutzt eine containerisierte Testumgebung via Docker, um ein konsistentes Browser-Rendering zu gewährleisten und plattformübergreifende visuelle Diskrepanzen zu vermeiden. Es enthält eine Web-UI-Diffing-Schnittstelle, die es Benutzern ermöglicht, visuelle Unterschiede zu analysieren und aktualisierte Referenz-Screenshots über ein interaktives Dashboard zu genehmigen. Das Framework bietet Funktionen zur Automatisierung von Browser-Interaktionen, einschließlich der Möglichkeit, Benutzersequenzen zu simulieren, Seitenzustände vorzubereiten und die Aufnahmezeitpunkte zu steuern. Es unterstützt die gezielte Aufnahme spezifischer DOM-Elemente, CSS-Selektor-basiertes Maskieren von Elementen zur Vermeidung von False Positives und konfigurierbare Schwellenwerte für Pixel-Abweichungen zur Bestimmung von Testfehlern. Das Tool generiert statische HTML-Berichte und exportiert Ergebnisse in Formate, die für die Integration in CI/CD-Build-Systeme geeignet sind.

    Utilizes a containerized setup to execute visual tests that compare rendered output against expected designs.

    JavaScript
    Auf GitHub ansehen↗7,156
  • aheckmann/gmAvatar von aheckmann

    aheckmann/gm

    6,980Auf GitHub ansehen↗

    gm is a JavaScript image processing library and Node.js manipulation tool that serves as a programmatic wrapper for the GraphicsMagick engine. It translates JavaScript method calls into shell commands to automate the resizing, cropping, and transformation of images. The library provides an interface to execute specific GraphicsMagick operations while allowing raw command passthrough for custom arguments or engine features not covered by the standard API. Its capabilities cover geometric manipulation, color and tone adjustment, and image quality optimization. It includes tools for image compo

    Provides utilities for analyzing and diffing visual assets to detect pixel-level changes.

    JavaScript
    Auf GitHub ansehen↗6,980
  • mapbox/pixelmatchAvatar von mapbox

    mapbox/pixelmatch

    6,849Auf GitHub ansehen↗

    pixelmatch is a JavaScript image comparison library and pixel-level difference detector. It identifies mismatched pixels between image data arrays and quantifies the differences based on a configurable sensitivity threshold. The tool generates visual difference maps that highlight specific pixel changes for manual review. It includes a command-line interface for comparing image files and exporting the resulting difference maps to the file system. The project provides capabilities for automated image analysis and visual regression testing, utilizing anti-aliasing heuristic filtering to ignore

    Provides utilities for analyzing and diffing visual assets to detect pixel-level changes between versions.

    JavaScript
    Auf GitHub ansehen↗6,849
  • facebook/webdriveragentAvatar von facebook

    facebook/WebDriverAgent

    4,260Auf GitHub ansehen↗

    WebDriverAgent is an on-device control agent and automation server that implements the WebDriver protocol for iOS devices. It serves as a bridge that enables the remote control of applications and the operating system on physical iOS devices and simulators for automated testing. The project provides a UI testing framework capable of interacting with on-screen elements, capturing screenshots, and simulating user gestures. It translates remote commands into native system calls to interact with the iOS accessibility hierarchy. The server covers a broad range of device orchestration and UI autom

    Captures the current display frame buffer and encodes it as an image for remote visual verification.

    Objective-C
    Auf GitHub ansehen↗4,260
  • americanexpress/jest-image-snapshotAvatar von americanexpress

    americanexpress/jest-image-snapshot

    3,913Auf GitHub ansehen↗

    jest-image-snapshot ist eine Node.js-Bibliothek für Bildtests und eine Engine für visuellen Vergleich, die für visuelle Regressionstests innerhalb von Jest entwickelt wurde. Sie bietet einen benutzerdefinierten Matcher, um aktuelle Bilder mit Baseline-Snapshots zu vergleichen und Pixelabweichungen zu identifizieren. Das Tool generiert Bild-Diffs, die spezifische Unterschiede zwischen Baseline- und empfangenen Snapshots hervorheben. Es enthält Mechanismen zur Aktualisierung von Baseline-Bildern bei genehmigten Änderungen und ermöglicht die Anpassung der Empfindlichkeit über Pixelanzahl, prozentuale Schwellenwerte oder Weichzeichnung, um Rauschen zu ignorieren. Die Bibliothek deckt das Management von Bild-Snapshots ab, einschließlich benutzerdefinierter Speicherkonfiguration für Verzeichnispfade sowie Dienstprogramme zum Identifizieren und Entfernen veralteter Snapshots, die nicht mehr mit aktiven Tests verknüpft sind. Sie unterstützt sowohl Pixel-für-Pixel- als auch strukturelle Ähnlichkeitsalgorithmen zur Überprüfung der Konsistenz von Benutzeroberflächen.

    Provides interfaces for adjusting mismatch thresholds and applying blur to ignore visual noise.

    JavaScript
    Auf GitHub ansehen↗3,913
  1. Home
  2. Testing & Quality Assurance
  3. Accessibility and Visual Testing
  4. Visual Testing

Unter-Tags erkunden

  • Comparison TuningInterfaces for adjusting mismatch thresholds and defining ignore-regions to refine visual test results. **Distinct from Visual Testing:** Focuses on the adjustment and tuning of comparison parameters rather than the execution of the tests.
  • Image Comparison UtilitiesTools for rendering, analyzing, and diffing visual assets to detect pixel-level changes.
  • Screenshot BuffersIn-memory image data capture for programmatic visual analysis and processing.
  • Sensitivity ConfigurationsSettings for defining pixel mismatch thresholds and dimension requirements to determine visual test failure triggers. **Distinct from Visual Testing:** Focuses on the specific threshold and sensitivity parameters of the comparison algorithm rather than the general process of visual testing.