debug-widget

Reproduce and diagnose Mendix pluggable widget runtime issues with Playwright tests.

40|84|Updated Oct 4, 2022
One-click install
npx skills add https://github.com/mendix/web-widgets --skill debug-widget
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: debug-widget
Source: https://github.com/mendix/web-widgets/tree/main/.agents/skills/debug-widget
Command: npx skills add https://github.com/mendix/web-widgets --skill debug-widget

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guide helps engineers reproduce, observe, and diagnose runtime bugs in Mendix pluggable widgets by guiding a structured Playwright-based workflow.

Core Features & Use Cases

  • Evidence-first debugging for Mendix pluggable widgets by prescribing a reproducible Playwright workflow, a structured phase sequence (Reproduce, Analyze, Build/Deploy, Verify), and best-practice diagnostics to capture observable symptoms and confirm fixes.

Quick Start

Run the diagnostic workflow against the target widget using Playwright to reproduce the bug and verify the fix.

Frequently Asked Questions about debug-widget

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

FAQPage Schema
How do I debug a runtime issue in a Mendix pluggable widget?

To debug a Mendix pluggable widget, reproduce the issue by creating a Playwright-based diagnostic test to capture observable symptoms, then follow a structured phase sequence of reproduce, analyze, build, and verify.

How do I use Playwright to reproduce a bug in a Mendix datagrid-web widget?

You can use Playwright to reproduce a bug in a datagrid-web widget by writing a diagnostic test that captures the exact symptoms, following the evidence-first workflow to observe and verify the runtime behavior in your app.

What do I need to set up before troubleshooting a Mendix widget with Playwright?

Before troubleshooting a Mendix widget, you need a Playwright-enabled test environment and access to the running Mendix app at http://localhost:8080 to observe and capture the runtime symptoms.

What is the structured workflow for diagnosing Mendix widget bugs?

The structured workflow for diagnosing Mendix widget bugs is an evidence-first, phase-based process that guides you to reproduce the issue, analyze symptoms, apply a fix, and verify the resolution using diagnostic patterns.

Can I use this approach to debug any pluggable widget package in a live Mendix app?

Yes, this approach applies during bug investigations on any widget package, such as combobox-web or datagrid-web, running in a live Mendix app to reproduce, observe, and verify runtime fixes.

Why are my Playwright e2e tests not capturing the correct symptoms for Mendix widgets?

Playwright e2e tests may miss symptoms if they do not follow the structured diagnostic patterns and page-discovery process, which ensure you reproduce the exact runtime behavior before verifying a fix.