E2Eテストを Playwright で作り直して開発プロセスに組み込む話 - SmartHR Tech Blog
こんにちは。SmartHR プロダクトエンジニアの sasaki (@s_sasaki_0529) です。 今回は、私が開発に携わっている届出書類機能における E2E テストを、Capybara + Selenium の構成から Playwright に移行し、開発プロセスに組み込んだお話をします。 扱う話題 E2Eテスト基盤を移行する具体的な背景と理由 移行における提案から、合意形成までの流れ 移行後の開発プロセスがどう変わったか 扱わない話題 Playwright など、記事内で扱う技術要素自体の詳細説明 移行作業自体の詳細 テストコードの設計・実装に関する具体的なテクニック なお、本記事では便宜上、移行前の E2E テストを「旧テスト基盤」移行後を「新テスト基盤」と呼称します。 届出書類機能について E2Eテストに限らず、テストというのはプロダクトの特性によって最適な手法は大きく変わ
差分指向テスト（DOT: Difference Oriented Testing）という考え方 - MNTSQ Techブログ
はじめに MNTSQ(モンテスキュー)株式会社 フロントエンド担当の安積です。 入社して4ヶ月とちょっと。 コードに取り組もうと入社して、まさに日々格闘しております。 私の後ろの席にはこんなバズ記事書く人や、こんなイカつい記事書く人が座ってまして、そんなプレッシャー期待の中からお送りいたします。 tech.mntsq.co.jp tech.mntsq.co.jp 昨日はこんな記事も公開されています。 tech.mntsq.co.jp はじめに 現在のステータス またはMNTSQ考古学 リファクタリングやるぜっっ！ 仕様書大事だよね 差分指向テストとは テスト環境の概要 テストデータ ブラウザ操作自動化 スクリーンショット比較 Playwriteの操作 ちょっとコードのサンプル 最後に この記事を書いた人 現在のステータス またはMNTSQ考古学 コードベースから見たMNTSQのフロントエン
LLM でブラウザを操作する WEB エージェントと周辺技術のざっくり紹介 - Algomatic Tech Blog
こんにちは。Algomatic NEO(x) カンパニー機械学習エンジニアの宮脇（@catshun_）です。 本記事ではブラウザやモバイル画面を操作する LLM エージェントとその周辺技術について超ざっくりと紹介します。 社内に向けたキャッチアップ資料として作成しており、加筆修正する可能性がありますが、本記事を読んだ方の議論のネタ程度になってくれれば幸いです。 以前 AI ソフトウェアエンジニアについて紹介しているので、こちらもご覧いただけたら幸いです。 おことわり 本記事では対象とする研究棟の 詳細な解説は含みません。詳細は元の論文を参照ください。 不十分また不適切な言及内容がありましたらご指摘いただけますと幸いです。 プロダクト等の利用時は 必ずライセンスや利用規約を参照して下さい。 本記事の目次 Google I/O '24 での Gemini Nano × Android の発表
EdgeとSeleniumを使用しPythonでブラウザの自動化を実行してみます。 なお、SeleniumモジュールはPythonの標準ライブラリではありませんので、事前にインストールする必要があります。 ■Python 今回のPythonのバージョンは、「3.8.5」を使用しています。（Windows10）（pythonランチャーでの確認） ■Edgeのバージョンを確認する まず、Microsoft Edge（マイクロソフト エッジ）を起動します。ブラウザが表示されますので、上部メニューから右側の「・・・」をクリックします。クリックするとプルダウンメニューが表示されますので、「設定」をクリックします。 クリックすると、「設定」ページが表示されますので、左側のメニューから「Microsoft Edgeについて」をクリックします。 クリックすると「バージョン情報」が表示されますので、バージョ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 本記事は、アジャイル・スクラム開発において便利な「Azure DevOps Extensions」（拡張機能）のまとめ記事です。 アジャイル・スクラム開発で「製品の品質」を保つには、開発プロセス”そのもの”の品質も重要となります。 高い品質の開発プロセスを保つには、アジャイル開発のツールをうまく利用することが、ひとつ大切な要素となります。 PO（および開発者）がアジャイル開発のツールをうまく使いこなし、製品、プロジェクト、プロダクトバックログなどを上手くマネジメントすることが重要です。 私たちが実際にチーム開発をしていて、おススメの機能
この記事で伝えたいこと（ポイント） ブラウザを操作する方法はたくさんある 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
An AI-native software engineer is one who deeply integrates AI into their daily workflow, treating it as a partner to amplify their abilities. This requires a fundamental mindset shift. Instead of thinking “AI might replace me” an AI-native engineer asks for every task: “Could AI help me do this faster, better, or differently?”. The mindset is optimistic and proactive - you see AI as a multiplier
はじめに 今回はPythonでSeleniumを使用してWebブラウザ操作を自動化する方法について、留意点やポイントを纏めました。 日々の業務効率化を試みるきっかけや、参考になれば幸いです。 利用シーン たとえば、 ワンクリックで勤怠システムへのログインと出退勤の打刻をする。 特定のWebシステムを操作する定常作業を自動化。 Webアプリケーションテストでの操作を自動化。 動的ページ上でブラウザを操作したデータ収集の自動化。 ...主に定常業務の自動化やテスト等のWebスクレイピングに利用される。 他にも、マーケティングに役立つ情報収集を行ったり、検索順位をスクレイピングしてSEO対策を実施する際にも活用できるでしょう。 前提事項 当記事では動作ブラウザをChromeに設定する。 SeleniumではEdgeやFirefoxのWebブラウザ操作も可能。 この記事で書かないこと Python
ゼロからはじめるPython(114) HTMLからPDFを作成するツール「wkhtmltopdf」が開発終了・代替ライブラリのxhtml2pdfとWeasyPrintを試してみよう
HTMLからPDFを作成するツール「wkhtmltopdf」が開発終了・代替ライブラリのxhtml2pdfとWeasyPrintを試してみよう HTMLからPDFを作成するwkhtmltopdfの開発が終了し、今年に入って多くの配布サイトで非推奨のツールとなった。筆者も長らくお世話になっており、どのライブラリに乗り換えるのか悩んだので、今回はwkhtmltopdfの代替ライブラリを紹介する。 wkhtmltopdfに替わるxhtml2pdfとWeasyPrintを試してみよう なぜwkhtmltopdfの開発は終了したのか？ HTMLから手軽にPDFを作成できる「wkhtmltopdf」は、とても便利だった。簡単なHTMLタグを書くだけでPDFを作成できた。内部でQtライブラリのブラウザ機能であるWebkitを利用していたため、基本的にChromeやEdge/Safariなどのモダンブラウ
Playwrightとは 本書の対象バージョン インストール チュートリアル 簡易テストを実行する テストレポートを見る UIからテストする 使用方法 ブラウザ表示モードでテストする ブラウザを指定する テストするファイルを指定する テストUIを起動する テストスクリプト 基本サンプル ブラウザ 非ヘッドレスモードで開く ウィンドウサイズを指定する ページ 指定したページを開く ページがロードされるのを待つ 要素操作 要素を参照する(CSSセレクタ) 要素を参照する(ロール) 入力欄に文字列を入力する 要素をクリックする リンク Playwrightとは 「プレイライト」と読みます。playwright は「劇作家」を意味します。 Microsoft が開発した ブラウザ操作テスト用ツールです。 類似のツールに Selenium や Google の Puppeteer があります。 Se
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
GitHub - taishi-i/awesome-ChatGPT-repositories: A curated list of resources dedicated to open source GitHub repositories related to ChatGPT and OpenAI API
awesome-chatgpt-api - Curated list of apps and tools that not only use the new ChatGPT API, but also allow users to configure their own API keys, enabling free and on-demand usage of their own quota. awesome-chatgpt-prompts - This repo includes ChatGPT prompt curation to use ChatGPT better. awesome-chatgpt - Curated list of awesome tools, demos, docs for ChatGPT and GPT-3 awesome-totally-open-chat
PythonによるWebスクレイピング 第3版
Webスクレイピングとは、インターネットからデータを機械的に集め、必要な情報を抽出する技術のことです。2019年の第2版発刊から約5年が経過し、生成AIの台頭で情報を得る方法も大きく変わりましたが、本当に欲しい情報を正しくピンポイントで得るためには、依然としてWebスクレイピングについての知識とスキルが必要です。本書では、インターネット上の膨大な情報の中から、生成AIや検索エンジンだけでは集められない本当に必要な正しい情報を入手する方法を、基礎からていねいに解説し、データの抽出、格納、収集後のクリーニング、さらにはJavaScriptの実行、OCRを含めた自然言語処理、並列処理などの高度なトピックもカバー。プログラミングテクニックとテクノロジー全般だけでなく、法律面の解説も加え、問題に遭遇した際の対処法まで紹介します。 はじめに Ⅰ部 スクレイパーの作成 1章 インターネットの仕組み 1.
Python: A versatile programming language for Web Development to Machine Learning
Guido van Rossum created Python programming language in the 1980s. The idea behind the Python programming language was to develop a general-purpose programming language that can be simple in syntax and easy for amateur developers to understand. Python is a programming language that has gained importance over time. Python is an extensive library that supports multiple use cases, from web developmen
自動操作を行う場合、id、name、classなどを利用して要素を指定することになるので、属性値をメモしておきましょう。 ５．同様にボタンについても属性を調べます。その結果は以下のようになります。 <input class="gNO89b" value="Google 検索" aria-label="Google 検索" name="btnK" type="submit" data-ved="0ahUKEwiC0u6iu4nlAhXwyIsBHWwTBHcQ4dUDCAo"> 属性 値 ここで調べた属性を利用して要素を特定して自動操作を行うことになります。。 また、今回はChromeでのやり方を紹介しましたが、他のブラウザでも同様のことが可能です。同じWebアプリケーションを使用していてもブラウザによって出力される内容が異なる可能性もあるので、自動操作を行うブラウザを使用して要素を調べるよ
こんにちは、テスト自動化アーキテクトの坂本です。 みなさん、E2E自動テストされていますか？ 今回は、PlayWrightについて紹介します。 PlayWrightは、2020年2月にリリースと比較的新しく、Selenium,Cypressなどと比較すると認知度はまだまだです。 しかし、後発のツールということもあり、色んな便利機能があります。 そんなPlayWrightの魅力の一部を紹介したいと思います。 PlayWrightってなに？ Microsoftが中心になって開発しているブラウザを操作するためのライブラリです。簡単にいうとE2Eテストツールです。 サポートしている言語は、Node.js(javascript,typescript), Python, Java, .NETと幅広く対応しています。対象ブラウザはChromium / Firefox / WebKit / Chrome
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 (417) Ruby (281) docker (199) gitlab (135) 機械学習 (84) Mac (74) Swift (72) golang (65) emacs (63) sinatra (58) JavaScript (54) Minecraft (52) kubernetes (52) VMware (47) Ubuntu (44) RaspberryPi (43) flask (42) Google Cloud Platform (37) Xcode (32) celery (32) Linux (31) Windows (31) Arduino (26) Prometheus (25) FastAPI (24) MySQL (24) SQLAlchemy (24) Slack (24) AWS (23) StableDiffusion (23) J
GitHub - fr0gger/Awesome-GPT-Agents: A curated list of GPT agents for cybersecurity
MagicUnprotect: This GPT allows to interact with the Unprotect DB to retrieve knowledge about malware evasion techniques. GP(en)T(ester): A cybersec assistant for pentesting guidance. Threat Intel Bot: A specialized GPT for the latest APT threat intelligence. Vulnerability Bot: A specialized GPT on vulnerability, secure code, ransomware attacks SourceCodeAnalysis: Upload any project's source code
【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でブラウザの自動化を実行する
アジャイル・スクラム開発に便利なAzure DevOpsの拡張機能まとめ - Qiita
【生成AI】AIによるWebブラウザの自動操作を実現するには - Qiita
Python、SeleniumによるWebスクレイピング環境構築(Windows10) - Qiita
The AI-Native Software Engineer
Python×SeleniumでWebブラウザ操作を自動化 - Qiita
とほほのPlaywright入門 - とほほのWWW入門
Docker + Selenium + arm64 - Just a Note for Hobby
Webアプリケーションを自動で操作してみよう | へっぽこ実験ブログ
PlayWrightのすゝめ｜SHIFT Group 技術ブログ
Seleniumと比較したPlaywrightの強味
blender 2.82 で簡単にネジを作成する
【Python】Selenium WebDriver でIE11（windows10）を操作【2020年】