Playwright + OWASP ZAP + Claude Code で E2E テストから脆弱性診断まで一気通貫でできるかやってみた
はじめに 最近、他チームのエンジニアが「Playwright で書いた E2E テストを OWASP ZAP に通して脆弱性診断をやってみた」という話を聞きました。 「E2E のシナリオってそのまま脆弱性診断にも使えるの？」 気になったので自分でも試してみました。その記録です。 やったこと（全体像） シンプルな Todo アプリを題材に、以下の流れで試しました。 1. Next.js で Todo アプリを構築 2. Playwright で E2E テスト（12シナリオ）を作成 3. バックエンドを FastAPI + MySQL に変更（Docker） 4. E2E シナリオを ZAP プロキシ経由で実行 → 脆弱性診断
Terminal 版 Playwright 風テストツールの tuistory が便利 - Qiita
TUI ツールを Vibe coding で作ることが最近多く、その際の動作確認として tuistory というツールを使っていて便利だったので紹介する。 tuistory はどんなツールか 簡単に言うと Terminal 版の Playwright。 playwright-cli や agent-browser みたいなインターフェイスで、仮想ターミナルの起動や操作、内容の取得が出来る。 $ tuistory launch "nvim" -s nvim --cols 80 --rows 40 Session "nvim" started $ tuistory -s nvim snapshot --trim buffers __ ___ ___ ___ __ __ /\_\ ___ ___ / _ `\ / __`\ / __`\/\ \/\ \\/\ \ / __` __`\ /\ \/
Playwright で Clerk をテストするガイド【Next.js】
はじめに 先日、Next.js の勉強会で、Clerk による認証サービスの活用を取り上げました 🔐 認証は、Web アプリケーション開発において、特に重要な要素の一つでありながら、 テストが複雑な部分でもあります。 とはいえ、複数のページにまたがる認証フローは、手動テストだけでは不十分になりがちです。 今回は、Clerk の認証機能を Playwright でテストする方法について調査したので、基礎的な内容をまとめました！ 時間の節約になれば、嬉しいです 🙌 Clerk とは？ もし、Clerk 自体の概要を知りたい方は、上記をご覧ください！ 以前別記事にて、紹介しています 👍 Clerk のミドルウェアによる認証制限とは？ Clerk は、Next.js アプリケーションで簡単に認証機能を実装できる認証サービスです。 Clerk の特徴の一つは、 ミドルウェアを使用して特定のルー
Playwrightで実際のDBを用いてテストを並列実行し高速化する | hiroppy's site
最近は、LLMによるコード生成が日常的になっています。 それに伴って、テストはコードが正しく実行されているかを保証するために今後更に重要になっていきます。 そこでLLMにとっても人間にとっても、実行速度が重要な要素となりますが、特にe2eは実行速度が遅い点が課題です。 さらに実際のDBを用いたテストを行う際、並列に実行した場合にはテスト全体を冪等にすることは難しく、直列実行が一般的です。(GitHub Actionsのmatrixやコンテナで隔離すれば可能) 今回は、実際のDBを用いつつ、並列に実行し、e2e全体の実行時間を大幅に短縮しつつ堅牢にする方法を考えます。 今回使用する技術スタック Next.js NextAuth.js Prisma PostgreSQL Playwright Testcontainers Playwrightの問題点 webserverは、単一のサーバー起動の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How we built the fastest Playwright end-to-end test runner
Development: Test emails and phones
test(e2e): enable to execute e2e as parallel by hiroppy · Pull Request #621 · hiroppy/web-app-template
