kryon-interactive-test

What problem does it solve?

This Skill eliminates the slow, error-prone process of manual UI testing by automating interactions and visual verification. It helps you quickly catch regressions and ensure the quality of your Kryon UI components, saving development time and effort.

Core Features & Use Cases

• Automated UI Interactions: Simulate user actions like clicks, key presses, text input, and mouse movements to thoroughly test component behavior.
• Visual State Verification: Capture screenshots before and after interactions to visually confirm UI changes and detect unexpected rendering issues.
• Headless Execution: Run comprehensive UI tests without needing a visible window, making it perfect for integration into CI/CD pipelines for continuous quality assurance.
• Use Case: Create a test to automatically navigate through a multi-step form, inputting data, clicking "Next" buttons, and verifying that each step renders correctly and that the final submission is successful.

Quick Start

To create an interactive test for your Kryon application, first identify component IDs using kryon tree build/ir/your_app.kir. Then, create a .kyt file, for example, tests/interactive/my_test.kyt, with your test scenario:

Test:
  name = "My First UI Test"
  target = "examples/kry/hello.kry"
  Scenario:
    wait:
      frames = 10
    screenshot:
      path = "/tmp/hello_initial.png"

Run your test using: kryon test tests/interactive/my_test.kyt