# Dify Frontend Tester

> Specialized frontend testing logic. Automating component testing specifically for the Dify platform.

- Skill: `mayurrathi/dify-frontend-tester` (Agent Skill)
- Install (CLI): `npx skillmds@latest add mayurrathi/dify-frontend-tester`
- Raw SKILL.md: https://api.skillmd.com/api/skills/mayurrathi/dify-frontend-tester/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: mayurrathi (https://skillmd.com/u/mayurrathi)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/mayurrathi/dify-frontend-tester

---


# 2.5.3 Dify Frontend Tester

Use this skill to execute frontend and component testing logic mapped specifically to the Dify Open-Source LLM App Development Platform.

## 1. Dify UI Component Standards
- **Mocking Contexts:** Dify relies heavily on App and Workspace contexts. Write setup scripts that properly wrap components in these mock contexts.
- **I18n Mocking:** Ensure the `next-i18next` configuration is mocked out during unit tests to avoid missing translation keys breaking renders.

## 2. API Mocking
- **MSW (Mock Service Worker):** Use MSW to intercept Dify's internal API schemas (e.g., `/console/api/apps`, `/api/parameters`). 
- **Fixtures:** Maintain strict, updated JSON fixtures matching Dify's backend responses for chat endpoints, tool schemas, and app configurations.

## 3. End-to-End Workflows
- Always test the complete loop of: App creation -> Prompt design -> Tool binding -> Publishing -> Chat execution.