tdd

Desarrollo guiado por pruebas con el ciclo rojo-verde-refactorizar. Úsalo cuando el usuario quiera construir funcionalidades o corregir errores usando TDD, mencione "rojo-verde-refactorizar", quiera…

npx skills add https://github.com/sanity-io/sanity --skill tdd

Test-Driven Development

Philosophy

Core principle: Tests should verify behavior through public interfaces, not implementation details. Code can change entirely; tests shouldn't.

Good tests are integration-style: they exercise real code paths through public APIs. They describe what the system does, not how it does it. A good test reads like a specification - "user can checkout with valid cart" tells you exactly what capability exists. These tests survive refactors because they don't care about internal structure.

Bad tests are coupled to implementation. They mock internal collaborators, test private methods, or verify through external means (like querying a database directly instead of using the interface). The warning sign: your test breaks when you refactor, but behavior hasn't changed. If you rename an internal function and tests fail, those tests were testing implementation, not behavior.

See tests.md for examples and mocking.md for mocking guidelines.

Anti-Pattern: Horizontal Slices

DO NOT write all tests first, then all implementation. This is "horizontal slicing" - treating RED as "write all tests" and GREEN as "write all code."

This produces crap tests:

  • Tests written in bulk test imagined behavior, not actual behavior
  • You end up testing the shape of things (data structures, function signatures) rather than user-facing behavior
  • Tests become insensitive to real changes - they pass when behavior breaks, fail when behavior is fine
  • You outrun your headlights, committing to test structure before understanding the implementation

Correct approach: Vertical slices via tracer bullets. One test → one implementation → repeat. Each test responds to what you learned from the previous cycle. Because you just wrote the code, you know exactly what behavior matters and how to verify it.

WRONG (horizontal):
  RED:   test1, test2, test3, test4, test5
  GREEN: impl1, impl2, impl3, impl4, impl5

RIGHT (vertical):
  RED→GREEN: test1→impl1
  RED→GREEN: test2→impl2
  RED→GREEN: test3→impl3
  ...

Workflow

1. Planning

Before writing any code:

  • Confirm with user what interface changes are needed
  • Confirm with user which behaviors to test (prioritize)
  • Identify opportunities for deep modules (small interface, deep implementation)
  • Design interfaces for testability
  • List the behaviors to test (not implementation steps)
  • Get user approval on the plan

Ask: "What should the public interface look like? Which behaviors are most important to test?"

You can't test everything. Confirm with the user exactly which behaviors matter most. Focus testing effort on critical paths and complex logic, not every possible edge case.

2. Tracer Bullet

Write ONE test that confirms ONE thing about the system:

RED:   Write test for first behavior → test fails
GREEN: Write minimal code to pass → test passes

This is your tracer bullet - proves the path works end-to-end.

3. Incremental Loop

For each remaining behavior:

RED:   Write next test → fails
GREEN: Minimal code to pass → passes

Rules:

  • One test at a time
  • Only enough code to pass current test
  • Don't anticipate future tests
  • Keep tests focused on observable behavior

4. Refactor

After all tests pass, look for refactor candidates:

  • Extract duplication
  • Deepen modules (move complexity behind simple interfaces)
  • Apply SOLID principles where natural
  • Consider what new code reveals about existing code
  • Run tests after each refactor step

Never refactor while RED. Get to GREEN first.

Checklist Per Cycle

[ ] Test describes behavior, not implementation
[ ] Test uses public interface only
[ ] Test would survive internal refactor
[ ] Code is minimal for this test
[ ] No speculative features added

Más skills de sanity-io

performance-optimization
sanity-io
Optimiza el rendimiento de la aplicación. Úsalo cuando existan requisitos de rendimiento, cuando sospeches regresiones de rendimiento, o cuando Core Web Vitals o los tiempos de carga…
content-experimentation-best-practices
sanity-io
Guía estructurada para diseñar, ejecutar y analizar experimentos de contenido con el fin de mejorar la conversión y el compromiso. Abarca marcos de hipótesis, selección de métricas, cálculo del tamaño de la muestra y pruebas de significancia estadística en experimentos A/B y multivariantes. Incluye recursos detallados sobre valores p, intervalos de confianza, análisis de potencia y métodos bayesianos para interpretar resultados. Proporciona patrones de integración con CMS para gestionar variantes a nivel de campo y conectar sistemas externos...
content-modeling-best-practices
sanity-io
Guía de modelado de contenido estructurado para diseño de esquemas, reutilización y entrega multicanal. Abarca principios fundamentales: tratar el contenido como datos en lugar de páginas, mantener fuentes únicas de verdad, diseñar para canales futuros y optimizar flujos de trabajo editoriales. Incluye marcos de decisión para referencias frente a objetos incrustados, separación de preocupaciones y patrones de reutilización de contenido. Proporciona orientación sobre taxonomía y clasificación para enfoques planos, jerárquicos y facetados. Se aplica a...
portable-text-conversion
sanity-io
Convierte contenido HTML y Markdown en bloques de Portable Text para Sanity. Úsalo al migrar contenido desde CMS heredados, importar HTML o Markdown a Sanity,…
portable-text-serialization
sanity-io
Renderiza y serializa Portable Text a React, Svelte, Vue, Astro, HTML, Markdown y texto plano. Úsalo al implementar la representación de Portable Text en cualquier frontend…
sanity-best-practices
sanity-io
Guías completas de mejores prácticas e integración para el desarrollo de Sanity CMS en distintos frameworks y temas. Cubre más de 10 integraciones de frameworks, incluyendo Next.js, Nuxt, Astro, Remix, SvelteKit y Angular, con patrones específicos y orientación de configuración. Incluye guías temáticas sobre diseño de esquemas, optimización de consultas GROQ, edición visual, Portable Text, imágenes, TypeGen, localización y migraciones de contenido. Proporciona una estructura de referencia rápida para cargar solo las guías relevantes según el tipo de tarea,...
sanity-migration
sanity-io
Planifica, implementa y revisa migraciones desde otros CMS y sistemas de contenido a Sanity. Úsalo al migrar o cambiar de plataforma a Sanity desde AEM, Adobe Experience Manager, Contentful, Strapi, Webflow, WordPress, Payload, Drupal, archivos Markdown/MDX/frontmatter, exportaciones WXR/XML, APIs de CMS, volcados de base de datos, HTML estático, o al diseñar flujos de extracción, transformación, conversión a Portable Text, migración de activos, redirecciones, validación y transición.
data-analysisdatabasedevelopment
seo-aeo-best-practices
sanity-io
We need to translate the given text from English to Spanish. The text is a description of an agent skill for SEO and AEO best practices. We must preserve product names, protocol names, URLs, numbers, technical terms. The name "seo-aeo-best-practices" is not in the text, so we don't include it. We translate only the text inside <text>. No extra commentary, labels, etc. The text: "Comprehensive SEO and AEO optimization guidance covering metadata, structured data, EEAT, and AI-readiness. Covers both traditional search engine optimization (SEO) and AI answer engine optimization (AEO) across Google, ChatGPT, Perplexity, and similar platforms Includes technical SEO essentials: metadata, Open Graph tags, sitemaps, robots.txt, hreflang, and international SEO configuration Provides JSON-LD structured data patterns for Article, FAQ, Breadcrumb, and Product schemas Implements..." We need to translate accurately. Note: "EEAT" is a technical term (Experience, Expertise, Authoritativeness, Trust