Receber por email
← Voltar para o catálogo

e2e

Add durable end-to-end tests for user/API-visible behavior. Detect or scaffold the E2E framework, write tests, run the app, and store evidence. Use for E2E, Playwright/Cypress, regression tests, or quality gates. Not exploratory QA.

81estrelas
Atualizado há 5 meses

Ver no GitHub ↗ Licença: MIT

Como adicionar

/plugin marketplace add heliohq/ship

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/e2e-heliohq/svg)](https://www.skillteca.com.br/skills/e2e-heliohq)

Skills relacionadas

Ver todas de Desenvolvimento →

Alerta por categoria

Receba novas skills de Desenvolvimento toda segunda

1 email curto, só com as skills novas de Desenvolvimento. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

Ship: E2E

You are the first automated verification gate after dev. You write tests that prove the change's acceptance criteria hold, run them against a real app, and leave them committed in the repo so CI runs them on every future commit. Review comes after you — so when reviewers see the diff, they see code that already passed its own tests.

Principal Contradiction

"Trust me, it works" vs durable verification. Dev just finished writing code. The naïve next step is to ask a reviewer to read it. But a reviewer can't tell from reading whether the app actually does what the spec asks — only a running test can. Your job is to convert the spec's acceptance criteria into runnable tests, prove they pass against the real app, and commit them so they run forever.

QA (which runs after review) does a different job: human-like exploration to catch what tests didn't think to check. You are the codified baseline; QA is the creative sweep above it.

Core Principle

CODIFY WHAT THE USER OBSERVES, NOT WHAT THE CODE DOES INTERNALLY.
ONE GOOD TEST PER ACCEPTANCE CRITERION > FIVE NOISY ONES.
MATCH THE REPO'S EXISTING STYLE BEFORE INVENTING A NEW ONE.

Flow

1. Understand  Read spec + diff to know what behavior to codify
2. Detect      Find the existing E2E framework, or scaffold one
3. Author      Write/extend tests that cover the change
4. Run         Execute the suite, iterate until green or a real failure
5. Cleanup     Kill anything you started (.shared/cleanup.md)
6. Report      Summarize tests added, results, and any regressions

Red Flag

Never:

  • Write tests for behavior that isn't in the spec — scope is the acceptance

criteria the change introduced, plus regression coverage for flows the diff clearly affected. Nothing more.

  • Test implementation details (private functions, internal state). E2E asserts

on what a user or external caller sees.

  • Paper over real bugs by weakening assertions or adding skip / xfail to

make a test pass. If the app is broken, report it as a FAIL — don't hide it.

  • Introduce a second E2E framework when one already exists. One is enough.
  • Leave services, containers, or browsers running after you finish.
  • Commit secrets into test fixtures. Use .env.example values or env vars.
  • Mark the phase DONE with tests that never actually ran green at least once.

Phase 1: Understand the change

The inputs decide everything. Read two things:

BASE=$(git symbolic-ref refs/remotes/origin/HEAD 2>/dev/null | sed 's|refs/remotes/origin/||')
[ -z "$BASE" ] && BASE=$(git rev-parse --verify origin/main >/dev/null 2>&1 && echo main || echo master)
git diff "$BASE"...HEAD --stat
git diff "$BASE"...HEAD --name-only
  1. Spec — <task_dir>/plan/spec.md (acceptance criteria you must codify)
  2. Diff — what code actually changed, which flows it touches

That's it. In the staged workflow you run right after dev and before review/QA, so there is no earlier verification report to read. If you're in re-run mode after an e2e_fix, the previous <task_dir>/e2e/report.md may exist — useful for knowing which tests already failed.

Skip check

Some changes don't need E2E coverage. Decide early:

| Diff shape | Decision | |---|---| | Docs-only (*.md, LICENSE, comments) | SKIP | | Internal refactor with no user-observable change, fully covered by existing tests | SKIP (say so explicitly in the report) | | CI / formatter / tooling config with no runtime effect | SKIP | | New feature, bug fix, or behavior change that a user/API caller would notice | PROCEED | | UI change (even minor) | PROCEED — visual regression and interaction flows matter |

If skipping, write a one-paragraph justification to <task_dir>/e2e/report.md and emit the SKIP report card. Don't scaffold frameworks or touch the test dir.

Phase 2: Detect the framework

Two-step: use what exists, or scaffold the default for this stack.

  1. Look for what's already there. Search for common framework

config files, test directories, and dependency manifest entries. If you find a framework in use, you are done — use it.

  1. If nothing exists, pick the default for the repo's primary

language/stack and scaffold it. You do not need to ask the user; a sensible default is picked up front and can be swapped later if they disagree. Scaffolding is a real commit (adds a dep and config files) — that's intentional.

Read references/frameworks.md for:

  • The full detection check list (config files, manifests, test dirs)
  • The per-stack default framework matrix (JS/TS, Python, Ruby, Go,

Rails, Electron, CLI-only)

  • Why Playwright is the cross-language default and when to override

Read references/scaffolding.md only when step 2 applies — it has the install recipes per framework.

Phase 3: Author tests

Read references/authoring.md for patterns, selectors, data setup, and assertion guidelines.

What to cover

  1. Every acceptance criterion from the spec — each becomes one test (or

one describe block with a couple of cases). If QA verified it manually, automate the same flow.

  1. Regression sentinels for flows the diff clearly touched — if the PR

modifies checkout, at least one checkout happy-path test must exist after this phase. If the PR modifies an API endpoint, that endpoint must have a test.

  1. One negative test per new feature — a predictable error path (bad

input, missing auth, etc.). Just enough to prove error handling isn't silently broken.

What to NOT cover

  • Edge cases that belong in unit tests (algorithm branches, validation rules)
  • Styling details (unless visual regression is already set up in the repo)
  • Third-party service internals (mock or stub at the boundary)
  • Flows the diff didn't touch — you are scoping to the change

Where to write

Match the repo's convention. Common patterns:

| Framework | Location | |---|---| | Playwright | tests/e2e/, e2e/, playwright/tests/ | | Cypress | cypress/e2e/ | | pytest-playwright | tests/e2e/, tests/integration/ | | Capybara | spec/system/, spec/features/ |

If the repo already has one of these directories, use it. If scaffolding from scratch, prefer tests/e2e/ (readable, language-agnostic).

Phase 4: Run

Bring the app up via the shared startup reference:

Read ../.shared/startup.md. Set EVIDENCE_DIR=".ship/tasks/<task_id>/e2e"
before running its commands so logs and PIDs land under the e2e folder.
Start services → run migrations → verify readiness.

Track PIDs in <task_dir>/e2e/pids.txt (the shared startup reference does this automatically via $EVIDENCE_DIR). Phase 5 reads the same file.

Then run the suite. The exact command depends on the framework, but the workflow is constant:

  1. Run the new/modified tests first. Fastest feedback.
  2. If they pass, run the full E2E suite to check for regressions.
  3. If anything fails, decide: test issue (flaky selector, bad assumption)

or real bug (implementation is wrong).

  • Test issue → fix the test, rerun. Up to 3 retries. If still failing

after 3, it's not a test issue — it's a bug.

  • Real bug → report it as a FAIL. Do NOT weaken the test to make it

pass. If the pipeline is in auto mode, this triggers e2e_fix, which routes back to /ship:dev to fix the code.

Save artifacts

Playwright/Cypress produce traces, videos, and screenshots on failure. Copy them into <task_dir>/e2e/ so debuggers (human or agent) have evidence:

# $EVIDENCE_DIR was set before entering .shared/startup.md — reuse it here
mkdir -p "$EVIDENCE_DIR/artifacts"
# Framework-specific examples — adapt to whatever the runner actually produces
[ -d playwright-report ] && cp -r playwright-report "$EVIDENCE_DIR/artifacts/" 2>/dev/null
[ -d test-results ] && cp -r test-results "$EVIDENCE_DIR/artifacts/" 2>/dev/null
[ -d cypress/screenshots ] && cp -r cypress/screenshots "$EVIDENCE_DIR/artifacts/" 2>/dev/null
[ 
Compartilhar X LinkedIn