Cypress: reliable E2E and component testing patterns - **name_fr:** Cypress : patterns de tests E2E et composants fiables - **tl_en:** Write reliable Cypress E2E and component tests — stable selectors, deterministic waits, network control, CI - **tl_fr:** Écrire des tests Cypress E2E et composants fiables — sélecteurs stables, attentes déterministes, contrôle réseau, CI - **creator:** @bobmatnyc - **type:** Agent skill - **url:** https://github.com/bobmatnyc/claude-mpm-skills - **cat:** Developer tools - **kws:** cypress, e2e, testing, selectors, flake reduction, ci, component testing, javascript - **license:** MIT **Description EN:** Curated by Skill Harbor — a practical Cypress playbook for web apps: stable `data-testid` selectors, deterministic waits on network aliases instead of fixed sleeps, `cy.intercept` network control, `cy.session` auth caching, component testing, and CI patterns (artifacts, retries, Cypress Cloud parallelization), plus an anti-patterns list and flake troubleshooting. Compact and opinionated — the five-point quick start gets a suite running fast. By @bobmatnyc, listed here with credit to its creator. Honest caveats: requires a JavaScript/TypeScript project and Cypress installed (`npm i -D cypress`); guidance only — the agent writes specs, it doesn't guarantee flake-free suites; assumes the Claude MPM harness conventions but the patterns apply anywhere. Discovered via skills.sh. Skill Harbor never reviews the code, review it yourself before use. **Description FR:** Sélectionné par Skill Harbor — un guide pratique Cypress pour applications web : sélecteurs stables `data-testid`, attentes déterministes sur des alias réseau au lieu de sleeps fixes, contrôle réseau via `cy.intercept`, cache d'authentification avec `cy.session`, tests de composants et patterns CI (artefacts, retries, parallélisation Cypress Cloud), plus une liste d'anti-patterns et un dépannage des tests instables. Compact et opiniâtre — le quick start en cinq points fait démarrer une suite rapidement. Crédit : @bobmatnyc. Bémols honnêtes : nécessite un projet JavaScript/TypeScript et Cypress installé (`npm i -D cypress`) ; conseils seulement — l'agent écrit les specs, il ne garantit pas des suites sans flakiness ; suppose les conventions du harnais Claude MPM mais les patterns s'appliquent partout. Découvert via skills.sh. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. **Install prompt EN:** ``` Prerequisites: a JavaScript/TypeScript project; Node.js; Cypress installed (`npm i -D cypress`) Install "Cypress: reliable E2E and component testing patterns" for me. Give my agent a practical Cypress playbook — stable selectors, deterministic waits, cy.intercept network control, cy.session auth, component testing, CI patterns, anti-patterns and flake troubleshooting Repository: https://github.com/bobmatnyc/claude-mpm-skills/blob/main/toolchains/javascript/testing/cypress/SKILL.md 1. Fetch the SKILL.md file for the bobmatnyc-claude-mpm-skills-cypress skill from the repository into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md into the agent's skills directory, in a folder named "bobmatnyc-claude-mpm-skills-cypress". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. npm-install Cypress in my project). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me. ``` **Install prompt FR:** ``` Prérequis : un projet JavaScript/TypeScript ; Node.js ; Cypress installé (`npm i -D cypress`) Installe-moi « Cypress : patterns de tests E2E et composants fiables ». Donne à mon agent un guide pratique Cypress — sélecteurs stables, attentes déterministes, contrôle réseau via cy.intercept, auth avec cy.session, tests de composants, patterns CI, anti-patterns et dépannage des tests instables Dépôt : https://github.com/bobmatnyc/claude-mpm-skills/blob/main/toolchains/javascript/testing/cypress/SKILL.md 1. Récupère le fichier SKILL.md du skill bobmatnyc-claude-mpm-skills-cypress depuis le dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code ; les identifiants passent uniquement par le coffre sécurisé, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifie que c'est bien le cas ; STOP sur le moindre signal d'alerte et préviens-moi. 3. Installe-le comme skill : copie SKILL.md dans le répertoire des skills de l'agent, dans un dossier nommé « bobmatnyc-claude-mpm-skills-cypress ». 4. Vérifie sans aucun appel réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. installer Cypress via npm dans mon projet). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf si c'est dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi. ``` ---

Écrire des tests Cypress E2E et composants fiables — sélecteurs stables, attentes déterministes, contrôle réseau, CI - **creator:** @bobmatnyc - **type:** Agent skill - **url:** https://github.com/bobmatnyc/claude-mpm-skills - **cat:** Developer tools - **kws:** cypress, e2e, testing, selectors, flake reduction, ci, component testing, javascript - **license:** MIT **Description EN:** Curated by Skill Harbor — a practical Cypress playbook for web apps: stable `data-testid` selectors, deterministic waits on network aliases instead of fixed sleeps, `cy.intercept` network control, `cy.session` auth caching, component testing, and CI patterns (artifacts, retries, Cypress Cloud parallelization), plus an anti-patterns list and flake troubleshooting. Compact and opinionated — the five-point quick start gets a suite running fast. By @bobmatnyc, listed here with credit to its creator. Honest caveats: requires a JavaScript/TypeScript project and Cypress installed (`npm i -D cypress`); guidance only — the agent writes specs, it doesn't guarantee flake-free suites; assumes the Claude MPM harness conventions but the patterns apply anywhere. Discovered via skills.sh. Skill Harbor never reviews the code, review it yourself before use. **Description FR:** Sélectionné par Skill Harbor — un guide pratique Cypress pour applications web : sélecteurs stables `data-testid`, attentes déterministes sur des alias réseau au lieu de sleeps fixes, contrôle réseau via `cy.intercept`, cache d'authentification avec `cy.session`, tests de composants et patterns CI (artefacts, retries, parallélisation Cypress Cloud), plus une liste d'anti-patterns et un dépannage des tests instables. Compact et opiniâtre — le quick start en cinq points fait démarrer une suite rapidement. Crédit : @bobmatnyc. Bémols honnêtes : nécessite un projet JavaScript/TypeScript et Cypress installé (`npm i -D cypress`) ; conseils seulement — l'agent écrit les specs, il ne garantit pas des suites sans flakiness ; suppose les conventions du harnais Claude MPM mais les patterns s'appliquent partout. Découvert via skills.sh. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. **Install prompt EN:** ``` Prerequisites: a JavaScript/TypeScript project; Node.js; Cypress installed (`npm i -D cypress`) Install "Cypress: reliable E2E and component testing patterns" for me. Give my agent a practical Cypress playbook — stable selectors, deterministic waits, cy.intercept network control, cy.session auth, component testing, CI patterns, anti-patterns and flake troubleshooting Repository: https://github.com/bobmatnyc/claude-mpm-skills/blob/main/toolchains/javascript/testing/cypress/SKILL.md 1. Fetch the SKILL.md file for the bobmatnyc-claude-mpm-skills-cypress skill from the repository into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md into the agent's skills directory, in a folder named "bobmatnyc-claude-mpm-skills-cypress". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. npm-install Cypress in my project). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me. ``` **Install prompt FR:** ``` Prérequis : un projet JavaScript/TypeScript ; Node.js ; Cypress installé (`npm i -D cypress`) Installe-moi « Cypress : patterns de tests E2E et composants fiables ». Donne à mon agent un guide pratique Cypress — sélecteurs stables, attentes déterministes, contrôle réseau via cy.intercept, auth avec cy.session, tests de composants, patterns CI, anti-patterns et dépannage des tests instables Dépôt : https://github.com/bobmatnyc/claude-mpm-skills/blob/main/toolchains/javascript/testing/cypress/SKILL.md 1. Récupère le fichier SKILL.md du skill bobmatnyc-claude-mpm-skills-cypress depuis le dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code ; les identifiants passent uniquement par le coffre sécurisé, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifie que c'est bien le cas ; STOP sur le moindre signal d'alerte et préviens-moi. 3. Installe-le comme skill : copie SKILL.md dans le répertoire des skills de l'agent, dans un dossier nommé « bobmatnyc-claude-mpm-skills-cypress ». 4. Vérifie sans aucun appel réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. installer Cypress via npm dans mon projet). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf si c'est dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi. ``` ---

Version :