awesome-repositories.com
Blog
awesome-repositories.com

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

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

57 Repos

Awesome GitHub RepositoriesComponent Testing

Strategies for isolating and testing individual UI or logic components.

Distinguishing note: Focuses on component-level isolation as a primary testing strategy.

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

Awesome Component Testing GitHub Repositories

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

    storybooks/storybook

    90,364Auf GitHub ansehen↗

    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

    Offers a workbench for simulating viewports and mocking data to test individual UI components.

    TypeScript
    Auf GitHub ansehen↗90,364
  • addyosmani/agent-skillsAvatar von addyosmani

    addyosmani/agent-skills

    60,849Auf GitHub ansehen↗

    Agent-skills is a collection of structured instructions and behavioral personas designed to standardize how AI coding agents perform engineering tasks. It functions as a workflow orchestrator that maps natural language intent to repeatable technical sequences and verification checklists. The project distinguishes itself through the use of specialized markdown-defined roles, such as security auditors or test engineers, to apply targeted domain expertise. It employs an evidence-based verification model that requires runtime data or passing tests as mandatory exit criteria to ensure AI-generated

    Provides instructions for isolating and testing individual UI components using accessible roles.

    Shellagent-skillsantigravityantigravity-ide
    Auf GitHub ansehen↗60,849
  • cypress-io/cypressAvatar von cypress-io

    cypress-io/cypress

    50,113Auf GitHub ansehen↗

    Cypress is a browser-based testing framework designed for writing and running automated tests directly inside the browser. It serves as an end-to-end testing framework, a frontend component testing tool, and a web application test runner. The project also functions as a headless browser automation tool and a network traffic interceptor. The system differentiates itself by executing test code within the same browser process as the application, allowing for direct access to the DOM. It includes a network traffic interception system to stub and manipulate browser requests, as well as a graphical

    Renders individual user interface components in isolation to perform targeted functional testing without loading the entire application.

    TypeScriptangular-testing-librarycomponent-testingcypress
    Auf GitHub ansehen↗50,113
  • block/gooseAvatar von block

    block/goose

    49,564Auf GitHub ansehen↗

    Goose is an extensible agentic AI platform designed for autonomous task orchestration and developer-centric assistance. It provides a workflow engine that manages complex, multi-step objectives by delegating tasks to specialized subagents, all while maintaining stateful session continuity. The system is built to integrate directly into terminal and coding environments, allowing for automated file manipulation and context-aware interaction. The platform distinguishes itself through a secure, sandboxed runtime environment that enforces granular permission controls and policy-driven guardrails.

    Verifies extension functionality through browser-based inspection and command-line interface validation before deployment.

    Rustmcp
    Auf GitHub ansehen↗49,564
  • sudheerj/reactjs-interview-questionsAvatar von sudheerj

    sudheerj/reactjs-interview-questions

    44,646Auf GitHub ansehen↗

    This project is a comprehensive educational knowledge base designed to support developers in mastering React and its surrounding ecosystem. It serves as a technical interview resource, providing a structured collection of questions and answers that cover core concepts, architectural patterns, and common development challenges. The repository distinguishes itself by offering detailed explanations of fundamental React principles, including component-based composition, the declarative UI paradigm, and state-driven data flow. It provides clarity on complex topics such as the Fiber reconciliation

    Describes the use of test renderers for snapshotting component output.

    JavaScriptinterview-preparationinterview-questionsjavascript
    Auf GitHub ansehen↗44,646
  • mitmproxy/mitmproxyAvatar von mitmproxy

    mitmproxy/mitmproxy

    43,943Auf GitHub ansehen↗

    Mitmproxy is an interactive, programmable network proxy engine designed for traffic analysis and protocol manipulation. It functions as a gateway that intercepts, inspects, and modifies network traffic in real-time, supporting HTTP, HTTPS, WebSocket, DNS, and generic TCP or UDP streams. By acting as a trusted certificate authority, the proxy can dynamically generate and sign certificates to decrypt and analyze secure TLS-encrypted connections. The project distinguishes itself through a highly extensible, event-driven architecture that allows users to automate traffic transformation using cust

    Enables verification of addon functionality by importing script modules into test suites and invoking event handlers to assert behavior on traffic flows.

    Pythondebugginghttphttp2
    Auf GitHub ansehen↗43,943
  • preactjs/preactAvatar von preactjs

    preactjs/preact

    38,701Auf GitHub ansehen↗

    Preact is a lightweight declarative user interface library designed for building high-performance web applications. It utilizes a component-based architecture where interfaces are defined as functional or class-based units, relying on a virtual DOM to perform efficient state reconciliation and updates. By prioritizing a minimal footprint, the library enables developers to create modular, predictable, and testable user interfaces while maintaining compatibility with standard browser APIs. The library distinguishes itself through a reactive state engine that leverages signals to track dependenc

    Provides specialized rendering modes to verify component logic independently of the full application tree.

    JavaScriptcomponentsdomjsx
    Auf GitHub ansehen↗38,701
  • solidjs/solidAvatar von solidjs

    solidjs/solid

    35,621Auf GitHub ansehen↗

    Solid is a declarative JavaScript framework for building user interfaces through fine-grained reactivity. By utilizing a compile-time template transformation process, it converts JSX into direct DOM manipulation instructions, eliminating the need for a virtual tree. This architecture allows the framework to track dependencies at the individual element level, ensuring that state changes trigger surgical updates to the interface. The framework distinguishes itself through its isomorphic rendering pipeline, which shares reactive logic across server and client environments to support both initial

    Provides a comprehensive environment for rendering components, simulating user interactions, and asserting output state.

    TypeScriptdeclarativefine-grainedjavascript
    Auf GitHub ansehen↗35,621
  • backstage/backstageAvatar von backstage

    backstage/backstage

    33,679Auf GitHub ansehen↗

    Backstage is an open-source framework for building internal developer portals. It provides a centralized, metadata-driven software catalog that tracks ownership, dependencies, and lifecycle status for all technical assets by harvesting configuration files directly from version control systems. The platform is built on a plugin-based modular architecture, allowing teams to extend core functionality through isolated, independently deployable modules that integrate into a unified frontend and backend ecosystem. The project distinguishes itself through its focus on developer productivity and stan

    Provides frameworks for writing and executing automated tests for individual modules and components.

    TypeScriptbackstagecncfdeveloper-experience
    Auf GitHub ansehen↗33,679
  • gethomepage/homepageAvatar von gethomepage

    gethomepage/homepage

    30,679Auf GitHub ansehen↗

    This project is a self-hosted dashboard portal designed to centralize access to internal applications and infrastructure services. It functions as a configuration-driven platform that automatically discovers and organizes services from container runtimes and cluster management systems, presenting them within a unified, customizable web interface. The system distinguishes itself through a declarative widget framework that allows users to construct dashboard components by mapping raw API responses to visual elements. It includes a secure internal proxy layer that handles authentication, header

    Test widget components by running unit and component tests that cover loading states, error handling, configuration mapping, and proxy request construction.

    JavaScriptdockerhomepagenextjs
    Auf GitHub ansehen↗30,679
  • react-boilerplate/react-boilerplateAvatar von react-boilerplate

    react-boilerplate/react-boilerplate

    29,490Auf GitHub ansehen↗

    This is a foundational project structure for building scalable web applications using React. It provides a standardized directory structure and build tools to accelerate the bootstrapping of new projects, featuring a Redux architecture for predictable state management through unidirectional data flow and an immutable store. The project is distinguished by a command-line interface for generating standardized components, containers, and routes from predefined templates. It implements an offline-first framework using service workers to enable progressive web app functionality, alongside a compon

    Provides automated testing for individual UI and logic components located adjacent to the source code.

    JavaScripti18nimmeroffline-first
    Auf GitHub ansehen↗29,490
  • codepath/android_guidesAvatar von codepath

    codepath/android_guides

    28,339Auf GitHub ansehen↗

    This project provides a collection of instructional guides and tutorials for Android app development, native mobile application creation, and computer science education. It focuses on building native applications through step-by-step implementation, covering the development of user interfaces and the integration of system hardware and permissions. The material extends into broader technical domains, including the study of fundamental data structures and algorithms for technical interview preparation. It also covers cybersecurity fundamentals, such as identifying web vulnerabilities and implem

    Covers strategies for isolating and verifying the logic of individual UI or logic components.

    androidcodepathdevelopment
    Auf GitHub ansehen↗28,339
  • element-plus/element-plusAvatar von element-plus

    element-plus/element-plus

    27,531Auf GitHub ansehen↗

    Element Plus is a Vue.js UI component library and enterprise web design system used for building professional web applications with Vue.js 3. It provides a comprehensive set of pre-styled interactive components and tools designed for creating responsive user interfaces. The project includes a customizable component theme system for managing global CSS variables and dark mode palettes. It also features a Vue.js migration toolkit with automated transpilation tools to convert legacy UI code to current component standards. The library covers a wide range of capability areas, including high-perfo

    Offers a live browser environment for experimenting with interface elements to verify behavior and styling.

    TypeScriptcomponent-libraryelement-pluselement-ui
    Auf GitHub ansehen↗27,531
  • 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

    Advocates for component testing as a highly effective strategy for modern application development.

    JavaScriptangularchaici
    Auf GitHub ansehen↗24,589
  • pmndrs/jotaiAvatar von pmndrs

    pmndrs/jotai

    21,208Auf GitHub ansehen↗

    Jotai is a state management library for React applications that utilizes an atomic model to handle data. It organizes application state into small, independent units called atoms, which automatically track dependencies and trigger granular updates to components. By building state through these composable primitives, the library ensures that only the necessary parts of an application re-render when data changes. The library distinguishes itself through its flexible approach to state composition and asynchronous data handling. It integrates promises directly into the state model, allowing devel

    The state management system pre-populates atoms with specific initial values within a test environment to verify component behavior under controlled conditions.

    TypeScriptatomichacktoberfestmanagement
    Auf GitHub ansehen↗21,208
  • airbnb/enzymeAvatar von airbnb

    airbnb/enzyme

    19,831Auf GitHub ansehen↗

    Enzyme is a JavaScript component testing utility and test suite used to verify the behavior and rendered output of user interface components. It provides tools for simulating user interactions, updating component properties, and asserting that the resulting interface state matches expected outcomes. The project utilizes a pluggable adapter system to connect different user interface frameworks, allowing for consistent testing patterns across various libraries and versions. This architecture enables the verification of components across multiple UI library versions and different test runners.

    Provides a pluggable adapter system to verify component behavior across different versions of UI libraries.

    JavaScript
    Auf GitHub ansehen↗19,831
  • teambit/bitAvatar von teambit

    teambit/bit

    18,408Auf GitHub ansehen↗

    Bit is a component-based development platform and monorepo orchestrator used to build, manage, and share reusable software components across projects. It functions as a system for modular software architecture, providing a component registry for publishing and distributing independent software modules via remote scopes. The platform distinguishes itself through lane-based versioning, which isolates feature development into parallel tracks for comparison and merging. It utilizes a scope-based namespace registry to organize components into hierarchical groups and employs environment-driven comp

    Runs test suites in isolated environments to verify the behavior of individual logic and UI components.

    TypeScriptaicollaborationcomponent-driven
    Auf GitHub ansehen↗18,408
  • phil-opp/blog_osAvatar von phil-opp

    phil-opp/blog_os

    17,518Auf GitHub ansehen↗

    This project is a freestanding kernel written in Rust that boots on x86 hardware without a standard library. It serves as a low-level system implementation focusing on the creation of a bare metal operating system. The system implements a bootable disk image toolchain that transforms source code into binaries compatible with a bootloader. It features a custom memory allocator for dynamic memory management and an x86 kernel implementation that includes paging, interrupt handling, and VGA text mode. The project covers several core capability areas, including low-level memory management through

    Includes component testing to verify the logic and interoperability of system modules.

    HTMLkerneloperating-systemrust
    Auf GitHub ansehen↗17,518
  • vitest-dev/vitestAvatar von vitest-dev

    vitest-dev/vitest

    15,970Auf GitHub ansehen↗

    Vitest is a high-performance testing framework designed for JavaScript and TypeScript applications. It provides an integrated environment that supports unit, integration, and browser-based testing, allowing developers to execute test suites natively without requiring separate build steps or complex configuration. The project distinguishes itself through a highly optimized execution model that leverages worker-thread isolation and on-demand module transformation to provide rapid feedback. It includes a comprehensive suite of mocking and spying utilities that allow for the interception of depen

    Provides built-in support for mounting and verifying UI components from various frameworks in an isolated test environment.

    TypeScripttesttesting-toolsvite
    Auf GitHub ansehen↗15,970
  • vuejs/piniaAvatar von vuejs

    vuejs/pinia

    14,480Auf GitHub ansehen↗

    Pinia is a state management library for Vue applications that provides a centralized, type-safe architecture for organizing reactive data. It utilizes a modular store pattern, allowing developers to define independent, reusable state containers that manage shared application data, computed getters, and executable actions. The library distinguishes itself through a flexible definition model that supports both functional setup patterns and traditional object-based structures. It features a plugin-based extension architecture that enables developers to hook into the store lifecycle for custom fu

    Offers utilities for isolating and testing business logic and state transitions within individual components.

    TypeScriptcomposition-apissrstore
    Auf GitHub ansehen↗14,480
Vorherige123Nächste
  1. Home
  2. Testing & Quality Assurance
  3. Software Testing
  4. Component Testing

Unter-Tags erkunden

  • Cross-Version Compatibility Testing2 Sub-TagsVerification of component behavior and output across multiple versions of user interface libraries. **Distinct from Component Testing:** Focuses specifically on library version compatibility and regression across releases, rather than general component isolation.
  • Interactive Playgrounds1 Sub-TagLive browser environments for real-time experimentation and verification of UI components. **Distinct from Component Testing:** Focuses on the live interactive experimentation environment rather than automated test assertions.
  • Interface Verification HarnessesAutomated test harnesses for validating component interface requirements and telemetry reporting. **Distinct from Component Testing:** Distinct from Component Testing: focuses on the specific harness for interface and telemetry validation rather than general component isolation.
  • Lifecycle Testing3 Sub-TagsVerifying the behavior of components during their initialization, active, and destruction phases. **Distinct from Component Testing:** Specializes Component Testing by focusing specifically on the temporal lifecycle events of a component.
  • Rails Component SpecificationsSpecialized test configurations and helper modules tailored for Rails models, controllers, mailers, jobs, and views. **Distinct from Component Testing:** Distinct from general component testing by providing framework-specific helper modules for various Rails application layers
  • State Hydration HelpersTools for pre-populating state containers with initial values during testing. **Distinct from Component Testing:** Distinct from Component Testing: focuses specifically on the mechanism of pre-populating state rather than the broader component testing strategy.
  • Verification HarnessesSpecialized wrapper functions that define symbolic input spaces and assertions for formal verification. **Distinct from Interface Verification Harnesses:** Interface Verification Harnesses are for telemetry and interfaces; Verification Harnesses here define the symbolic state for proofs.
  • Web ComponentsTesting of custom elements and web components in isolation regardless of the underlying framework. **Distinct from Component Testing:** Specific to the Web Components standard and custom elements, whereas Component Testing is a general strategy for any UI library.