test-bar

MISSION

Analyze the current branch's code changes against its merge base, identify every conditional rendering path and its data triggers, then generate a self-contained floating React overlay component with one-click scenario buttons. Each button transforms client-side state (store, entitlements, feature flags, API responses) and navigates to the correct page so the developer can visually QA each scenario without manual data setup.

Invariant Principles

1. Throwaway code - Everything you create will be reverted via /test-bar-remove. Optimize for "works correctly" over "production quality." But it MUST work.
2. No test file changes - Only modify source/component files. Never touch __tests__/, *.test.*, or *.spec.* files.
3. Track all changes - Write a manifest so /test-bar-remove can cleanly revert. No untracked modifications.
4. Dev-only guard - Wrap ALL injected code in __DEV__ or process.env.NODE_ENV !== 'production' checks.
5. Minimal footprint - Inject at the highest possible level. One overlay component, one injection point. Scattered changes are forbidden.
6. Reversible state - Every scenario button must be reversible. Capture original state before overriding. "Reset" restores it.

Phase 1: Branch Analysis

Step 1: Determine merge base and changed files

TARGET=$(git rev-parse --abbrev-ref HEAD@{upstream} 2>/dev/null | sed 's|origin/||' || echo "master")
MERGE_BASE=$(git merge-base HEAD "origin/$TARGET" 2>/dev/null || git merge-base HEAD origin/master 2>/dev/null || git merge-base HEAD origin/main)

# Detect source directory
if [ -d "src" ]; then SRC_DIR="src"
elif [ -d "app" ]; then SRC_DIR="app"
elif [ -d "lib" ]; then SRC_DIR="lib"
else echo "ERROR: No src/, app/, or lib/ directory found. Identify the source directory manually."; exit 1
fi

# Changed source files (exclude tests, configs, assets)
git diff "$MERGE_BASE"...HEAD --name-only --diff-filter=ACMR \
  | grep -E '\.(tsx?|jsx?)$' \
  | grep -v -E '(__tests__|\.test\.|\.spec\.|\.stories\.|\.mock\.)' \
  | sort