integration-completeness

Verify UI components trigger their imported event handlers via integration tests.

Updated Jan 27, 2026
One-click install
npx skills add https://github.com/BrunoSantanaDeveloper/flyeelab-agent-kit --skill integration-completeness
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: integration-completeness
Source: https://github.com/BrunoSantanaDeveloper/flyeelab-agent-kit/tree/main/skills/integration-completeness
Command: npx skills add https://github.com/BrunoSantanaDeveloper/flyeelab-agent-kit --skill integration-completeness

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Validate that interactive UI components (buttons, forms) are wired to their corresponding functions and actually trigger the actions, preventing UI gaps.

Core Features & Use Cases

  • OnClick / onSubmit validation: verify the handler is defined, correctly imported, and invoked when the element is interacted with.
  • End-to-end integration checks: ensure UI interactions lead to the expected function calls and side effects.
  • Real-world use case: when a login button is clicked, the login handler is executed and produces the expected flow (e.g., authentication request).

Quick Start

Run an integration test that clicks a button or submits a form and asserts the correct handler is invoked.

Frequently Asked Questions about integration-completeness

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I verify that UI components are wired to their onClick handlers?

To verify UI components are wired to onClick handlers, you validate that the handler is defined, correctly imported, and invoked when the interactive element is triggered during integration tests. This ensures the component actually executes the expected logic.

What is UI-to-function gap validation in frontend testing?

UI-to-function gap validation is the process of identifying and verifying that interactive frontend components like buttons and forms are connected to their corresponding functions, ensuring user interactions reliably trigger the intended logic and side effects.

Can I use integration tests to check if form onSubmit handlers trigger logic?

Yes, you can use integration tests to check if form onSubmit handlers trigger logic by submitting the form and asserting that the correctly imported handler is invoked, producing the expected flow such as an authentication request.

Does integration completeness validation work for both web and mobile contexts?

Integration completeness validation works across both web and mobile contexts, applying event handler checks to interactive elements to catch UI-to-function gaps and ensure proper function imports and integration test coverage in either environment.

What's the best way to catch missing event handlers on interactive elements?

The best way to catch missing event handlers is to run end-to-end integration checks that interact with UI elements and assert the correct handler is invoked, enforcing that components have proper event handlers and are covered by tests.