QR Send

スマホとPCのChrome間で、URLやテキストをQRコード1回のペアリングで送り合える自作Chrome拡張。アカウント不要・無料。

使ってみる →

テスト自動化

テスト自動化

Claude Code v2.1.287のClaude Mods:別のエージェントに見落としを指摘してもらう

Claude Code v2.1.287で追加されたClaude ModsとYou should knowを、公式変更履歴で確認できる範囲と権限確認の注意点に絞って整理します。
テスト自動化

Playwright 1.60のlocator.drop()でドラッグ&ドロップUIをテストする:setInputFiles()との使い分け

ファイルを選択するだけならsetInputFiles()で十分です。でもドラッグ&ドロップ用のイベント処理までテストしたいなら、Playwright 1.60のlocator.drop()が使えます。
テスト自動化

Playwrightのtrace・video・HARには何が残っているのか:CIアーティファクトから資格情報が漏れる経路と塞ぎ方

Playwrightのtrace・video・HARは便利な一方、CIアーティファクトに資格情報や個人情報が残ることがあります。何が記録され、どこから漏れるのか、実務で塞ぐ方法を整理します。
テスト自動化

Playwrightのtrace・video・HARには何が残っているのか:CIの成果物から資格情報が漏れる経路と、その塞ぎ方

CIのtrace.zipをそのまま公開してはいけないPlaywrightのテストがCIで失敗した。そこでtrace.zipを開いたら、原因が一発でわかる。これは本当に便利です。ただし、traceは「失敗したテストのスクリーンショット」だけで...
テスト自動化

Playwright 1.63のPerfettoレポーターとduration waterfallで遅いテストを追う

Playwright 1.63.0で、テストが遅い理由を追うための証跡が一段扱いやすくなりました。組み込みのPerfettoレポーターはTrace Event Formatを書き出し、HTMLレポートにはテストステップごとのduration...
AI活用

Claude CodeでE2Eテストを自動生成させようとしてルールとhooksをブチこみまくったら、逆に仕事してくれなくなった話

Claude CodeのCLAUDE.mdとhooksにルールを詰め込みまくったら、AIが探索する前に止まってしまいました。公式ドキュメントの「hooksは決定的、CLAUDE.mdは助言」という位置づけの違いに気づいてCLAUDE.md/skills/hooksの3層構造に整理し直したら、Playwright E2Eテスト自動生成の仕組みを別リポジトリへ横展開できるようになった話です。
テスト自動化

Playwrightで「ファイルがダウンロードできたか」をテストする:waitForEvent(‘download’)とsaveAs()、Seleniumのprefs設定はもう要らない

Seleniumのdownloadダイアログをprefsでいじる設定は、Playwrightでは不要です。waitForEvent('download')とsaveAs()の基本形、複数ダウンロード、ファイル内容検証までまとめました。
テスト自動化

見た目の崩れをtoHaveScreenshot()で止める:CIで安定するVisual Regression Testingの始め方

PlaywrightのtoHaveScreenshot()で見た目の崩れを検知するVisual Regression Testing入門。初回実行のベースライン生成、CIで真っ赤になる環境差対策(公式Dockerイメージ)、mask/animationsでのノイズ除去、maxDiffPixelRatioを最後に触る順番まで解説します。
テスト自動化

「たまに落ちるテスト」を勘で直さない:–repeat-eachとFlakyタグで本当に不安定なテストを先に特定する

テストが1回落ちただけで「flakyだから」とretriesを足して蓋をしていませんか。Playwrightの--repeat-eachでテストの不安定さを数値化し、HTMLレポートのFlakyタグで候補を絞ってから、waitForTimeoutとCSSセレクタという2大原因を潰す順番を紹介します。
テスト自動化

CIのPlaywrightが遅いのはworkersの数じゃない:–shardが均等に「分けてくれない」理由

「shardを増やしたのにCIが速くならない」を素直に眺めると、大抵1つのshardだけが突出して遅いことに気付きます。workers・fullyParallel・--shardという別レイヤーの3つを整理し、shardがなぜ均等に分割してくれないのかを一次情報で確認しました。