Git Product home page Git Product logo

startseleniumonpowershell's Introduction

🔰SeleniumをPowershellから触ってみる

🔰Seleniumの公式サイト

🔰Seleniumのgithubリポジトリとかユーザマニュアルとか

🔰各言語のAPIドキュメントへのリンク

🔰Seleniumとは

  • CIツール
  • ブラウザのコントロールができる
  • 対応言語はJava, C#, Python, Ruby, Perl, PHP
  • webのUIテスト自動化によく使われているらしい
  • なんか過去の経緯から色々種類があるけれど、とりえあずSelenium WebDriverを使えばよさそう

サポートしている環境や言語、ブラウザの詳細についてはSeleniumHQ - Platforms Supported by Seleniumを参照

🔰PowershellからSeleniumを触る?

対応言語にPowershellとは書いていませんが。

C#用と書いてる.NetのdllをPowershellからも利用出来るのでPowershellから触ってみることとする。

🔰Seleniumのセットアップ

今回試した環境

  • 操作するブラウザはchrome
  • OSはwindows10
  • PowershellのVersionは5.1.14393.1480を利用
  • ローカルマシンでクライアントからwebdriverを直接使う(Selenium Standalone Serverは使用しない)

Selenium - download

🔰Selenium Client & WebDriver Language Bindings の C# をダウンロード

🔰Google Chrome Driverのダンロード

Third Party Drivers, Bindings, and Plugins の Google Chrome Driverからダウンロードページに飛べるので利用環境のあった物をダウンロード

ダウンロードしたファイルを適当な場所に解凍する。 (本資料ではC:\tools\seleniumというディレクトリにファイルを格納した)

本資料で利用するのは

selenium-dotnet-3.4.0.zip

- WebDriver.chm
- net40\WebDriver.dll
- net40\WebDriver.Support.dll

chromedriver_win32.zip

- chromedriver.exe

なお下記のようにセキュリティの所でブロックされている場合。 ファイルの読み込みがブロックされて正常に動かないためそれぞれブロックの解除にチェックをいれて制限解除を行う。

▶WebDriver.chmのブロックの解除

▶WebDriver.dllのブロックの解除

▶WebDriver.Support.dllのブロックの解除

▶chromedriver.exeのブロックの解除

今回はwebサイトからダウンロードして導入しましたが、NuGetとかにパッケージが存在するようなのそちらで導入しても問題ないです。

ダウンロードページにあるSelenium Standalone Serverは複数のマシンでリモートにwebdriverに実行を書ける時に必要そう。ローカルマシンで実行を行う場合は基本必要なさそう。

🔰Seleniumのリファレンスガイド

ダウンロードしたファイルの中に、WebDriver.chmファイルがあり。 各クラスで用意されている機能や使い方が記載されているのでこれを見て実装していけばOK。

もしくは上にも書きましたがAPIドキュメントへのリンクが書いてあるのでこれを見て下さい。 (githubリポジトリのreadme.mdに各言語のドキュメントへのリンクがあったのでがこれを記載している)

今回利用しませんがSelenium.WebDriverBackedSelenium.dllの説明も書いてあります。

🔰part1.PowershellからWebDriver.dllを利用してchromeを起動してみる

$webDriverDllPath = "C:\tools\selenium\WebDriver.dll"
$chromeDriverDirPath = "C:\tools\selenium\"

#dll読み込み
Add-Type -Path $webDriverDllPath

#chrome起動
$chromeDriver = New-Object OpenQA.Selenium.Chrome.ChromeDriver($chromeDriverDirPath)

#URL開く
#chromeDriverクラスのプロパティにurlというRemoteWebDriverを継承したプロパティがあるので利用
$chromeDriver.Url = "https://msdn.microsoft.com/ja-jp/"

上記スクリプトでchromeが起動してmsdnのサイトが開く

$chromeDriver = New-Object OpenQA.Selenium.Chrome.ChromeDriver($chromeDriverDirPath)

ChromeDriverクラスをインスタンス化して、このオブジェクトを通してブラウザを操作するようです。

🔰part2.入力ボックスに入力してみる

$webDriverDllPath = "C:\tools\selenium\WebDriver.dll"
$chromeDriverDirPath = "C:\tools\selenium\"

#dll読み込み
Add-Type -Path $webDriverDllPath

#chrome起動
$chromeDriver = New-Object OpenQA.Selenium.Chrome.ChromeDriver($chromeDriverDirPath)

#URL開く
#chromeDriverクラスのプロパティにurlというRemoteWebDriverを継承したプロパティがあるので利用
$chromeDriver.Url = "https://www.google.co.jp/"

#id or name で要素を取得してみる
#今回はgoogle.co.jpの入力エリア(name q , id lst-ib)を探してみる。

#findElementByNameで要素を取得してみる
$inputBox = $chromeDriver.findElementByName("q")

#取得できた要素にSendKeysで入力を渡す
$inputBox.SendKeys("HelloWorld by findElementByName")

#HelloWorldほにゃららと書き込まれたことの目視確認用に待機
Start-Sleep -Seconds 5

#inputboxをクリア
$inputBox.clear()

#findElementByIdで要素を取得してみる
$inputBox = $chromeDriver.findElementById("lst-ib")

#取得できた要素にSendKeysで入力を渡す
$inputBox.SendKeys("HelloWorld by findElementById")

chromeブラウザの開発者モードとかで要素を確認すると便利。

google.co.jpの検索ボックスの name は q , id は lst-ib

上記のような感じでchromeが起動した後に、名前やidを元に要素を取得し。 それに対して色々と操作をしていくことでブラウザの操作が出来たりする。

リファレンスをみると

FindElementByPartialLinkTextとかパーマネントリンクテキストで検索したり。 FindElementsByXPathとかxpathで検索したり。 OpenQA.Selenium.Interactionsクラスとかオフセット指定でマウスを操作できたりだとか。

色々とできる様子。

🔰part3.WebDriverWaitクラスを使ったwait処理

ページの読み込み処理等でStart-Sleepとかやってもいいですが。 WebDriver.SupportにWebDriverWaitというクラスが用意されているのでこれを利用する。

$webDriverDllPath = "C:\tools\selenium\WebDriver.dll"
$WebDriverSupportDllPath = "C:\tools\selenium\WebDriver.Support.dll"
$chromeDriverDirPath = "C:\tools\selenium\"

#dll読み込み
Add-Type -Path $webDriverDllPath
Add-Type -Path $WebDriverSupportDllPath

#chrome起動
$chromeDriver = New-Object OpenQA.Selenium.Chrome.ChromeDriver($chromeDriverDirPath)

#URL開く
#chromeDriverクラスのプロパティにurlというRemoteWebDriverを継承したプロパティがあるので利用
$chromeDriver.Url = "https://www.google.co.jp/"

"name qのテキストボックスに HelloWorld と入力してsubmit
$chromeDriver.findElementByName("q").SendKeys("HelloWorld")
$chromeDriver.findElementByName("q").submit()

#WebDriverWaitクラスのインスタンス化
#chromeDriverとSystem.TimeSpanスパンでタイムアウトまでの時間を指定している
$webDriverWait = New-Object OpenQA.Selenium.Support.UI.WebDriverWait($chromeDriver , (New-TimeSpan -Seconds 10))

#WebDriverWaitクラスはuntilメソッドにOpenQA.Selenium.Support.UI.ExpectedConditionsを渡してあげると条件を満たすまで待ってくれる。
#TitleContainsは指定して文字列がタイトルに含まれるまで待機
#submit後、タイトルに検索文字列が含まれるまで待機
$webDriverWait.until([OpenQA.Selenium.Support.UI.ExpectedConditions]::TitleContains("HelloWorld"))

C# WebDriverWait Class

C# ExpectedConditions Class

WebDriverWait と ExpectedConditions については上記ドキュメントを参照

今回はTitleContainsを利用したが、他にも色々な条件でwaitを書ける事が出来るのでドキュメンを見れば幸せになれるかも!?

🔰Part4.ブラウザの終了と破棄

closeとdisposeを使ってchromeDriverの終了処理

$webDriverDllPath = "C:\tools\selenium\WebDriver.dll"
$WebDriverSupportDllPath = "C:\tools\selenium\WebDriver.Support.dll"
$chromeDriverDirPath = "C:\tools\selenium\"

#dll読み込み
Add-Type -Path $webDriverDllPath
Add-Type -Path $WebDriverSupportDllPath

#chrome起動
$chromeDriver = New-Object OpenQA.Selenium.Chrome.ChromeDriver($chromeDriverDirPath)

#chromeDriveのプロセスが起動していくことの確認
Get-Process chromedriver

#5秒待機
Start-Sleep -Seconds 5

#ブラウザを閉じる & 破棄
$chromeDriver.quit()

#プロセスが終了していることの確認
Get-Process chromedriver

🔰総評

色々と出来るようですが作り込もうとするとそこそこ時間が取られるので、ある程度利用が見込まれる物を作り込んでいくのが良さそうですね。

Sikuli(画像認識を使ったGUI操作ツール)と組み合わせて利用されている例もあるみたいですね。

startseleniumonpowershell's People

Contributors

senkousya avatar

Stargazers

Hiyono avatar ko avatar  avatar KOGA Mitsuhiro avatar  avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.