2026 前端リグレッション
2026 OpenClaw 前端リグレッション実戦:
リモート Mac で E2E 失敗ログを解析し Markdown で修正提案を出す再現手順
2026.03.24
前端・QA・自動化担当者向け
約 7 分で読めます
E2E 失敗後にログが長すぎて詰まる方向けです。成果物パス固定・抜粋規範・OpenClaw 最小入力で Markdown 修正リストまで再現し、表で失敗タイプも照合します。
01 よくある詰まりどころ
成果物パスがバラバラ、ログ全文貼りで要点が埋もれる、再現コマンドや project 名が無いまま OpenClaw に投げる、の三つが典型です。
02 手作業トリアージと OpenClaw 支援の比較
| 観点 | 手作業 | OpenClaw+規範化 |
|---|---|---|
| 入力 | 都度コピペ | 固定ルート+抜粋テンプレ |
| 出力 | 断片メモ | Markdown チェックリスト |
| 再現性 | 属人化 | SSH 先でも同じパスで再実行 |
03 テスト成果物パスのバインド
playwright-report と test-results の相対位置を playwright.config で固定し、E2E_ARTIFACT_ROOT に絶対パスを束ねます。OpenClaw にはログクリップとそのルートだけ渡すのが最小です。Playwright 自動修復記事 も参照ください。
04 ログ抜粋の規範
先頭三行にファイル名・ケース・project・Node。本文は Error 行の前後二十行 に限定し、長いスタックは先頭フレーム+末尾五行、末尾に exit code。trace はパスと開き方一行だけ。
05 OpenClaw 側の最小設定
プロンプトに敬体・箇条書き・推測は別節を指定し、入力は 抜粋・成果物ルート・再現コマンド の三つに限定。出力は次の Markdown 見出しを必須にします。
06 出力フォーマット(Markdown)例
回答テンプレ例(プロンプトにそのまま利用可)。
## 要約 / ## 根拠(ログ引用)
## 修正案
- [ ] セレクタ - [ ] 待機
## 再現 `npx playwright test --project=webkit`
## 要レビュー
07 失敗タイプ対照表
| ログの兆候 | 第一候補の原因 | まず試す修正 |
|---|---|---|
| Timeout selector | 遅延・フレーク | 状態待ち+ timeout 延長 |
| strict violation | 複数マッチ | getByRole+name、nth 整理 |
| net::ERR_ | URL・TLS | webServer 順序・証明書設定 |
| webkit のみ | WebKit 差分 | trace 比較・フォント等 |