Hatena Blog Tags
はてなブログ トップ
playwright
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

playwright

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
DDDDbox Tech Blog•1ヶ月前

IAP認証がかかったCloud RunにGitHub ActionsからWorkload Identityを利用してPlaywrightでE2Eテストを通した話

こんにちは、DDDDbox事業部で日々開発を行っている鈴木です。 私たちのプロダクトのステージング環境は、Cloud Run上にデプロイしたWebアプリケーションをIAP（Identity-Aware Proxy）で保護しています。 ブラウザからアクセスするだけならGoogleアカウントでログインすればよいのですが、GitHub ActionsからPlaywrightでE2Eテストを実行するとなると少し話が変わります。 今回登場する要素は次のとおりです。 GitHub Actions GCP Workload Identity Federation IAP Playwright タイトルの通り…

#GCP#IAP#playwright#GitHub Action

関連ブログ

城咲子｜情報システム部セキュリティ担当のつぶやき（ぼやき）•2ヶ月前

ブラウザ自動化（Playwright）を業務で使う前に知るべきセキュリティリスク｜情シス担当の盲点チェック

ブラウザ自動化（Playwright）を業務で使う前に知るべきセキュリティリスク｜情シス担当の盲点チェック 「これ便利ですよね、Playwrightで自動化しちゃいましょう」——開発チームからそんな提案が来るたびに、私の中でアラートが静かに鳴ります。 ブラウザ自動化は確かに便利です。手動でポチポチ繰り返す作業が一瞬で片づく。CI/CD に組み込めばデプロイのたびにテストが走る。分かります、その魅力は。 でも情シス担当として先に気になるのは、「そのスクリプト、認証情報をどこに持たせているの？」という点なんですよね。 業務に Playwright を導入する前に、今日は情シス担当の視点でセキュリテ…

#ブラウザ自動化#情報システム#セキュリティ#サイバーセキュリティ
newmo 技術ブログ•2ヶ月前

型安全なGraphQL Fake Server「@newmo/graphql-fake-server」を公開しました

newmoではフロントエンドとバックエンドの通信をGraphQLで行っています。GraphQLのスキーマは、フロントエンドとバックエンドが合意した唯一の正しい定義、いわば「正となる単一の情報源(Single Source of Truth)」です。このスキーマを正として、開発と自動テストの両方をここから組み立てたい。その基盤として@newmo/graphql-fake-serverを自作してOSSとして公開しています。 このライブラリは、スキーマを正としたまま、2つの使い方を1つのサーバで両立します。1つはスキーマに@example* directiveを書くだけで値が返るDeclarativ…

#GraphQL#TypeScript#playwright
newmo 技術ブログ•2ヶ月前

PlaywrightのテストをDocker ImageとProjects機能で安定化と高速化

newmoのフロントエンド開発では、複数の機能を持つ単一のNext.jsアプリケーションを開発しています。このアプローチは、コードの共有やCIの管理といった面でメリットがある一方で、PlaywrightテストのCI実行における安定性とテスト時間という2つの課題を抱えていました。 この記事では、newmoで実施したPlaywright CI最適化の取り組みについて紹介します。 Docker Image導入によるセットアップの安定化と、テスト分割とShardingによる実行時間の短縮という2つのアプローチを実施しました。 結論を先に述べると、Docker Image化でセットアップ起因のCI失敗を…

#playwright#CICD
Sansan Tech Blog•3ヶ月前

SETチーム3年間の歩み。Playwright導入からAI自動化の到達へ

はじめに 技術本部 Quality Assurance Engineering Unitの杉本です。SETチームが発足したのは2023年6月。あれから3年が経ちました。最初の成果については以前SETチーム始動 Playwrightで実現した最初の成果 - Sansan Tech Blogで紹介しているので、本記事ではそこから先、この3年で積み上げてきたものと、直面した難しさ、そしてこれからの展望について書いてみようと思います。3年というのは、振り返ってみると短いようで長い時間でした。フレームワークの選定から始まり、社内への展開、そしてAIエージェントによる自動運用に至るまで、技術の話だけでなく…

#SET#E2E#AI
情熱駆動開発•3ヶ月前

Youtube向けの動画収録をPlaywrightで自動化している

いま、非エンジニア向けの本をZennで作っている。 【執筆中】【非エンジニア向け】めんどくさいことは全部Claude Codeにやらせるぞ 2025年1月頃からエージェント型コーディングアシスタントを使い始め、Claude Codeの自走力に感動した。一般社団法人JapanScalaAssociationの常務理事として、バックオフィス体制の強化を進めるうえで、この自走力が業務改善に繋がることに気付いたのがきっかけだ。 1日の半分以上をClaude Codeと共にする中で、これらの知見がバックオフィスなどの非エンジニア向けに展開できるのなら、省力化を推進できる自分の価値が広がるのではないかと思…

#playwright
ITANDI Engineer Blog•3ヶ月前

Storybook Play functionからPlaywrightへ移行して得た「正しさ」と「書きやすさ」

はじめに こんにちは！Frontendチームの薄羽です。 イタンジのデザインシステムはReactコンポーネントになっており、Storybookで管理されています。1年前の記事でPlay functionでインタラクションテストを行っていると紹介しましたが、現在はPlaywrightを使ってテストを行っています（実は1年前から移行中でした）！ Play functionの問題点 <DropZone>（ファイルをドラッグ&ドロップできるコンポーネント）のテストで storybook/test の userEvent.upload() を使用した後、コンポーネント内部の input.files が書…

#playwright#Storybook
情熱駆動開発•3ヶ月前

【日記】2026.05.06

昨日の記事でも宣言したように、今日から日記をここに貯めていこうと思う。 本当は夜書くほうが良いと思うけど、脳が疲れてるので翌朝のスッキリしたタイミングで。 生活 今日はGW最終日ということで、家族と仕事のハイブリッドの日にした。朝は副業を、昼に映画終わりの家族と合流して昼食、昼呑みをした。相変わらずの朝4時起き生活だが、睡眠不足か疲れているのか、16時から20時まで爆睡してしまった。 仕事 そこからClaude Code周りの解説動画作りを再開。技術スタックとしては、PlaywrightとOpenScreen、VHSを予定。Playwright側でメインでやっていたGoogle Cloudの設…

#日記 備忘録#playwright
エムスリーテックブログ•4ヶ月前

QAエンジニアがClaude Codeを半年間使って気づいたこと 〜テスト自動化74%高速化を実現した3つの技術アプローチ〜

TL;DR 背景と課題 なぜClaude Codeを選んだのか 課題1: テスト実行時間の長さ 何が問題だったのか 解決アプローチ 1. 待機処理の最適化 2. Page Objectパターンの徹底 3. 並列実行の自由度向上 結果 課題2: ワークフロー自動化の余地 何が問題だったのか 解決アプローチ MCP（Model Context Protocol）による外部ツール連携 カスタムスキルによるワークフロー定義 結果 課題3: テストの保守性と安定性 何が問題だったのか 解決アプローチ 1. CI/CD認証パターン 2. 環境依存テストの「警告扱い」パターン 結果 実績サマリー 半年間のコ…

#QA#Claude#playwright
雑記帳•4ヶ月前

Edgeのリモートデバックを起動してもPlaywrightが動かない

事象 Edgeを以下のオプションでプライベートモードかつリモートデバックオンで起動させた。 その後、Playwrightで操作させようとしたが、反応しない場合がある。 msedge.exe --remote-debugging-port=9222 --inprivate 原因 オプションが足りていなかった。 対応方法 以下の様に--user-data-dirというオプションを付ける。 msedge.exe --remote-debugging-port=9222 --inprivate --user-data-dir=C:\temp\edge_debug 補記事項 PowerShellから起動…

#リモートデバック#自動化