niwashi-smoke-test

Run end-to-end browser smoke tests on niwashi React narratives.

Updated Mar 24, 2026
One-click install
npx skills add https://github.com/datorresb/niwashi-studio --skill niwashi-smoke-test
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: niwashi-smoke-test
Source: https://github.com/datorresb/niwashi-studio/tree/main/skills/narrative/niwashi-smoke-test
Command: npx skills add https://github.com/datorresb/niwashi-studio --skill niwashi-smoke-test

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides an automated check that a completed niwashi narrative renders correctly in a browser, has no console errors, and that interactive elements function as intended.

Core Features & Use Cases

  • End-to-end browser verification of narrative sections.
  • Validates rendering, console stability, and interactions using agent-browser.
  • Useful after narrative REVIEW or as a standalone QA gate for React-based narratives built with niwashi.

Quick Start

Run the smoke test against your current narrative project using agent-browser to verify rendering, errors, and interactions.

Frequently Asked Questions about niwashi-smoke-test

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

FAQPage Schema
How do I run automated smoke tests for React narrative visualizations?

Automated smoke tests for React narrative visualizations are performed using agent-browser to verify rendering, detect console errors, and validate interactions across all narrative sections. The test requires a running dev server and a sections-checklist.json with review_approved set to true.

What is a browser smoke test for narrative visualizations?

A browser smoke test for narrative visualizations is an end-to-end verification process that checks if all sections render correctly, no console errors occur, and interactive elements function as intended using agent-browser. It serves as a post-review quality gate for React-based narratives.

Can I use agent-browser to check for console errors in React narratives?

Yes, agent-browser is used to check for console errors in React narratives by executing an end-to-end smoke test that validates rendering, monitors console stability, and verifies interactions. This ensures the completed narrative visualization functions without runtime errors.

Do I need a running dev server to perform end-to-end UI testing on narratives?

Yes, a running dev server or a buildable project is required to perform end-to-end UI testing on narratives. The smoke test uses agent-browser to interact with the live application, requiring the server to be active to verify rendering, console stability, and interactive elements.

When should I run a smoke test on a completed narrative visualization?

A smoke test on a completed narrative visualization should be run during post-review quality gates after the sections-checklist.json has review_approved set to true, or as a standalone QA verification step to ensure all sections render correctly and interactions work without console errors.

What are the limitations of using agent-browser for narrative smoke testing?

Narrative smoke testing with agent-browser is limited to React-based narratives created within the niwashi workflow and requires a sections-checklist.json with review_approved set to true. It cannot verify narratives lacking a running dev server or those built outside this specific workflow.