Awesome GitHub RepositoriesSnapshot Testing Utilities

Storybook is an integrated environment for developing, documenting, and testing user interface components. It provides a development workshop for building components in isolation from main application logic, alongside a testing tool for simulating viewports and analyzing accessibility. The project creates a living catalog of interface elements that generates interactive examples and technical documentation for component APIs. It includes a dedicated environment for visual regression testing to verify states and behaviors across different configurations and screen dimensions. The platform cov

This project is a styling library and framework designed for component-based architectures, enabling developers to define and manage visual styles directly within JavaScript or TypeScript. It functions as a styling engine that generates unique class names from style definitions, ensuring encapsulated, predictable, and maintainable visual presentation across applications. By integrating with component logic, it allows for the creation of reusable UI elements with styles defined through template literals or object syntax. The library distinguishes itself through a comprehensive suite of build-t

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.

🔧 💅 Jest utilities for Styled Components

Regression Testing suite!