E2Eテストを Playwright で作り直して開発プロセスに組み込む話 - SmartHR Tech Blog
こんにちは。SmartHR プロダクトエンジニアの sasaki (@s_sasaki_0529) です。 今回は、私が開発に携わっている届出書類機能における E2E テストを、Capybara + Selenium の構成から Playwright に移行し、開発プロセスに組み込んだお話をします。 扱う話題 E2Eテスト基盤を移行する具体的な背景と理由 移行における提案から、合意形成までの流れ 移行後の開発プロセスがどう変わったか 扱わない話題 Playwright など、記事内で扱う技術要素自体の詳細説明 移行作業自体の詳細 テストコードの設計・実装に関する具体的なテクニック なお、本記事では便宜上、移行前の E2E テストを「旧テスト基盤」移行後を「新テスト基盤」と呼称します。 届出書類機能について E2Eテストに限らず、テストというのはプロダクトの特性によって最適な手法は大きく変わ
EdgeとSeleniumを使用しPythonでブラウザの自動化を実行してみます。 なお、SeleniumモジュールはPythonの標準ライブラリではありませんので、事前にインストールする必要があります。 ■Python 今回のPythonのバージョンは、「3.8.5」を使用しています。（Windows10）（pythonランチャーでの確認） ■Edgeのバージョンを確認する まず、Microsoft Edge（マイクロソフト エッジ）を起動します。ブラウザが表示されますので、上部メニューから右側の「・・・」をクリックします。クリックするとプルダウンメニューが表示されますので、「設定」をクリックします。 クリックすると、「設定」ページが表示されますので、左側のメニューから「Microsoft Edgeについて」をクリックします。 クリックすると「バージョン情報」が表示されますので、バージョ
この記事で伝えたいこと（ポイント） ブラウザを操作する方法はたくさんある Microsoftの製品だけ生成AIによるブラウザ操作ができる 生成AIを使ったWebブラウザの自動操作はいろんな技術で可能 MCPやA2Aでも作り方次第でWebブラウザの自動操作はいけちゃう はじめに この記事ではAIによるWebブラウザ操作を実現する方法について 過去の登壇内容を交えて解説する記事です。 まずはブラウザ操作について説明し、次にAIを使った場合をチェックしていきます。 そして、どんなOSSがあったかを振り返りつつ、 MicrosoftのOSSだけでAIによるWebブラウザ操作や他のクラウド使ったブラウザ操作を実現する方法について解説します。 最後に最近話題のMCPやA2Aを取り入れた方法についてもみていきます。（余談程度） 定義：ブラウザ操作とは Webオートメーションの分野でさまざまな文脈がありま
趣旨 PCを新調(Surface Pro 7に)したので、Webスクレイピング環境を改めて構築する。 と同時に、Windows10環境でPython、Seleniumを使用したWebスクレイピング環境の構築手順をメモとして残す。 １．Pythonをインストール 公式サイトよりインストーラを取得し、インストールする。 https://www.python.org/downloads/ インストール完了時、「Disable path length limit」をクリックするかしないか迷ったが、クリックしておいた。 Windowsの従前のバージョンではパスの長さが最大260文字までという制限があったため、Windows10 でもデフォルト状態ではパスの長さの制限が掛かっているらしい。 パスの長さが260文字を超えることはたぶんないと思うが、もし超えたときに余計なエラーで躓きたくないと思い制限解除
Testing web applications hosted in a private network using AWS Device Farm | Amazon Web Services
Front-End Web & Mobile Testing web applications hosted in a private network using AWS Device Farm AWS Device Farm offers an elastic Selenium Grid in the cloud that provides instant access to different versions of Chrome, Firefox, Internet Explorer, and Microsoft Edge browsers running on Windows servers. Today, thousands of web developers are leveraging Device Farm’s Grid to verify that their appli
When I tried to use Selenium on RaspberryPi whose OS is Ubuntu, I couldn't do it because any image of SeleniumHQ/docker-selenium doesn't support arm64. I tried another way, which is downloading chromedriver from https://chromedriver.chromium.org/downloads, but it didn't work. I was completely exhausted. That's why I'm writing how to manage to do Selenium on the device . Seleniarm Run a container I
PythonによるWebスクレイピング 第3版
Webスクレイピングとは、インターネットからデータを機械的に集め、必要な情報を抽出する技術のことです。2019年の第2版発刊から約5年が経過し、生成AIの台頭で情報を得る方法も大きく変わりましたが、本当に欲しい情報を正しくピンポイントで得るためには、依然としてWebスクレイピングについての知識とスキルが必要です。本書では、インターネット上の膨大な情報の中から、生成AIや検索エンジンだけでは集められない本当に必要な正しい情報を入手する方法を、基礎からていねいに解説し、データの抽出、格納、収集後のクリーニング、さらにはJavaScriptの実行、OCRを含めた自然言語処理、並列処理などの高度なトピックもカバー。プログラミングテクニックとテクノロジー全般だけでなく、法律面の解説も加え、問題に遭遇した際の対処法まで紹介します。 はじめに Ⅰ部 スクレイパーの作成 1章 インターネットの仕組み 1.
自動操作を行う場合、id、name、classなどを利用して要素を指定することになるので、属性値をメモしておきましょう。 ５．同様にボタンについても属性を調べます。その結果は以下のようになります。 <input class="gNO89b" value="Google 検索" aria-label="Google 検索" name="btnK" type="submit" data-ved="0ahUKEwiC0u6iu4nlAhXwyIsBHWwTBHcQ4dUDCAo"> 属性 値 ここで調べた属性を利用して要素を特定して自動操作を行うことになります。。 また、今回はChromeでのやり方を紹介しましたが、他のブラウザでも同様のことが可能です。同じWebアプリケーションを使用していてもブラウザによって出力される内容が異なる可能性もあるので、自動操作を行うブラウザを使用して要素を調べるよ
PlaywrightとSeleniumはどちらもブラウザの自動化フレームワークであり、クロスブラウザ対応やUIテストの自動化、ブラウザ操作のスクリプト化など共通する機能や特徴があります。この記事はすでにSeleniumへの知識があり、Playwrightへの移行を検討している人に向けて、Seleniumと比較した時のPlaywrightの強みをまとめています。 1. 複数のブラウザエンジンに対応 Playwrightは、1つのAPIで以下の複数のブラウザエンジンに対応しているのが大きな特徴です。 Chromium（Google Chrome、Microsoft Edge） Firefox WebKit（Safari） Seleniumも複数のブラウザ（Chrome、Firefox、Edge、Safari）をサポートしていますが、PlaywrightはWebKitエンジンにも対応しているため
【Python】Selenium WebDriver でIE11（windows10）を操作【2020年】投稿 : 2020-06-25更新 : 2022-01-24 追記：2020/09/12 Python（64bit版）でも確認しました。 この辺りは、Python（32bit版）と変わりなさそうです。 追記：2022/02/24 Python 3.10.2（64bit版）で確認しました。 Selenium WebDriver は(Selenese で、またはクライアントAPIを介して送信される)コマンドを受け入れ、それらをブラウザに送信する。これは、ブラウザにコマンドを送信して結果を取得するブラウザ固有のブラウザ・ドライバを介して実装される。ほとんどのブラウザ・ドライバは、実際にブラウザアプリケーション(Firefox、Google Chrome、Internet Explorer、S
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
EdgeとSeleniumを使用しPythonでブラウザの自動化を実行する
【生成AI】AIによるWebブラウザの自動操作を実現するには - Qiita
Python、SeleniumによるWebスクレイピング環境構築(Windows10) - Qiita
Docker + Selenium + arm64 - Just a Note for Hobby
Webアプリケーションを自動で操作してみよう | へっぽこ実験ブログ
Seleniumと比較したPlaywrightの強味
【Python】Selenium WebDriver でIE11（windows10）を操作【2020年】