2026 前端リグレッション

2026 OpenClaw 前端リグレッション実戦:
リモート Mac で E2E 失敗ログを解析し Markdown で修正提案を出す再現手順

2026.03.24 前端・QA・自動化担当者向け 約 7 分で読めます

E2E 失敗後にログが長すぎて詰まる方向けです。成果物パス固定・抜粋規範・OpenClaw 最小入力で Markdown 修正リストまで再現し、表で失敗タイプも照合します。

01 よくある詰まりどころ

成果物パスがバラバラ、ログ全文貼りで要点が埋もれる、再現コマンドや project 名が無いまま OpenClaw に投げる、の三つが典型です。

02 手作業トリアージと OpenClaw 支援の比較

観点 手作業 OpenClaw+規範化
入力都度コピペ固定ルート+抜粋テンプレ
出力断片メモMarkdown チェックリスト
再現性属人化SSH 先でも同じパスで再実行

03 テスト成果物パスのバインド

playwright-reporttest-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・TLSwebServer 順序・証明書設定
webkit のみWebKit 差分trace 比較・フォント等

08 再現手順(五ステップ)

  1. 成果物ルートを環境変数化し config の出力先を固定。
  2. 規範どおりクリップし再現コマンドを一行添付。
  3. OpenClaw に三要素入力、Markdown テンプレのみ許可。
  4. チェックリストをローカル検証、trace で裏取り。
  5. リモート Mac で同一コマンド再実行し Runbook 更新。

引用メモ:Error±20 行、ルートは env 集約、WebKit は実機が近い。

ブログヘルプ もご利用ください。常時 E2E 用に Mac Mini M4 をレンタルし、下のボタンで購入へ進んでください。

リモート Mac で E2E+OpenClaw

Mac Mini M4 で WebKit 実行とエージェント常駐。料金はログイン不要で確認。

Mac を選んで購入へ