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

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から起動…

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

関連ブログ

スタジオおふとん•5日前

playwright-mcpについて語る

MCPが出てきたころに話題になっていたplaywright-mcp 別に廃れたとかではなくて、当たり前になったのでわざわざ話題に挙げる人が減ったのだろう。 当時の記事は「playwright-mcpでwebの情報を取ってこよう」とか「webのE2Eテストを作ろう」とかが主流だったが、持論としてはもうそういうステージじゃないんだよな。 Agent(Claude Code等)が自分で作ったコードを自分でテストして修正するために使うものであって、明示的に人間がplaywright-mcpを使って○○をして。っていうものではなくなっているというか。 いうなれば、自走アシスト（Dev-Test-Fixル…

#MCP#playwright
M&Aクラウド開発者ブログ•21日前

Storybookを書くだけでVRTが実行されるOSSへようこそ

こんにちは、kubotakです。 突然ですが、３年ほどまえにこんな発表を社外で行いました。 speakerdeck.com M&Aクラウドのプロダクトではこの仕組みを用いてVRT（ビジュアルリグレッションテスト）を行ってきました。 我ながら便利な仕組みだなと思いつつ、以下のような課題も抱えていました。 別のプロジェクトへの導入障壁が高い メンテナンスが大変 VRTの実行速度が遅い VRTが安定しない（スクリーンショットのタイミング） 弊社では3つのプロダクトでこのVRTの仕組みを導入していたので特にメンテナンス性について課題を感じていました。 そこで、ClaudeCodeの力も借りて、この仕組…

#test#テスト#Storybook#playwright#CI/CD#OSS
ITANDI Engineer Blog•2ヶ月前

マルチプロダクトの品質を支えるテスト基盤「ITANDI QC」の紹介

こんにちは！イタンジ株式会社のフロントエンドチームに所属している西野です。 本記事では昨年末から始動したプロダクト共通の品質管理基盤「ITANDI QC」について紹介します。 ITANDI QCとは イタンジではRSpecやデザインシステム内のコンポーネントテストは充実しています。しかしE2Eテストとリグレッションテストは不足しています。 イタンジのサービスは、別リポジトリで開発される複数のプロダクトで構成されています。 そのため、ユーザーシナリオを1つ完結させるためには複数のプロダクト間を遷移する必要があります。 各リポジトリでもローカル開発環境と検証環境は繋がっているため横断的なテストは可…

#playwright#E2E#TypeScript
弁護士ドットコム株式会社 Creators’ blog•2ヶ月前

SREとして伴走したVRT導入を振り返る

はじめに こんにちは、クラウドサイン SRE チームの小川です。 今回はフロントエンド開発における Visual Regression Testing (以下、VRT) の導入支援を行い、インフラ設計と運用設計の観点から意思決定を進めました。本記事では、背景から導入プロセス、直面した課題とその解決策、そして学びを振り返ります。これから同様の導入を検討している方々の参考になれば幸いです。 開発体制と SRE の役割 VRT の話に入る前に、フロントエンドチームおよび SRE チームの体制を簡単に紹介します。 クラウドサインの開発組織は、複数の「領域別チーム」で構成されています。フロントエンドチー…

#SRE#VRT#playwright#reg-suit#GitHub#GitHub Actions
UPSIDER Techblog•2ヶ月前

Next.js × MUI × SCSS環境で、差分検知しながらCSS ModulesをTailwindへ段階移行した話

こんにちは。 UPSIDERでフロントエンドを担当しているShuntaroです。 「このスタイル、どこで当たってるんだ？」と思ってDevToolsを開くと、SCSS、CSS Modules、MUIの追加CSSを行ったり来たり。そんな状態が続くと、変更の影響範囲を読むだけで時間が溶けます。 既存プロダクトは Next.js + MUI をベースに、SCSSと CSS Modulesが混在している構成です。今回はこれらを「すべて捨てて作り直す」話ではありません。 既存のMUI/SCSS資産は活かしつつ、記述コストの削減と将来的な構成の簡素化を目指して、CSS Modulesから Tailwind …

#Next.js#Tailwind CSS#playwright#CSS設計
るちtechブログ•3ヶ月前

PlaywrightでTurnstileの出現を待機する

備考 文章は人間が一生懸命タイピングしてます。 経緯 PlaywightでTurnstileを使った認証ページをテストする時に、Turnstileのiframe取得がうまくいかないことがありました。結果として、適当に数秒待つというコードを使ってテストの実行時間が無駄に伸びている時がありました。そこで、TurnstileがSuccesになるまで待機するというコードを書いたので共有します。 コード /** * Cloudflare Turnstileのiframeが出現するまで待機する関数 */ async function waitForTurnstileFrame( page: Page, t…

#playwright#TypeScriipt#NextJs
Spicescode Tech Blog•3ヶ月前

高階関数ツールを使ったAI Agent検証 - ブラウザ操作自動化タスクで3.4倍高速・コスト1/5を実現

スパイスコード CTO の櫻木です. 前回の記事では, スパイスコードでのAI Agent 開発におけるコンテキストエンジニアリングの考え方, 高階関数的なツール設計, 安全なコード実行, そして自己学習サイクルの重要性を紹介しました. 今回はその延長として, 実際のブラウザ操作タスクを題材に, その効果を検証したアウトプットイメージを共有したいと思います. 1. はじめに 前回の記事: tech-blog.localmet.com 前回の記事では, AI Agent開発における コンテキストエンジニアリングの重要性 高階関数的なツール設計とコード実行によるアプローチ Artifact IDに…

#AI#AI Agent#Python#コンテキストエンジニアリング#LLM#playwright
らいふうっどの閑話休題•3ヶ月前

2026.01.04 覚書 / 2026.01.04 memo's

2026.01.04 覚書 / 2026.01.04 memo's 自分が参考になったブログの紹介します。 / Here are some blogs that I found helpful. Angular dev.to 2025年のAngularの主要トピックは Signal周りの進化（特にResource APIとSignal Forms）と AI対応の方向性 が中心。 Signal Forms がAngular 21に登場。旧来のtemplate-driven/Reactive formsを統合した形で、Signalベースでフォーム定義できる。 Signal FormsはTypeSc…

#Angular#Ruby#Rust