Clever Geek Handbook

ワンデイストーリー：PHPUnit、Selenium、Facebook

今日は、 PHPUnit 、 Selenium RC 、Facebookで苦しんだことについてお話したいと思います:)



そのため、サイトを毎日テストし、bugzillにバグを投稿するためのシステムを作成するタスクが与えられました（PHPUnit / Selenium RCバンドルについてのみ説明します）。 少しグーグルを使って、phpに適したものが2つあることがわかりました-SimpleTestとPHPUnitです。 ドックを喫煙した後、 PHPUnitに決めました。 Selenium'aのサポートにより、選択は彼にかかった。

なぜなら PHPUnitやSeleniumを使ったことはありませんでしたが、 読むべきものを探す必要がありました（ PHPでのユニットテストの記事について、ユーザーWanderingStarにも感謝します ）。 赤目まで読んだので、私は最初のテストを行うことにしました:)しかし、最初にすべてをインストールする必要があります：



pear channel-discover pear.phpunit.de

pear install phpunit/PHPUnit-beta









次に、Selenium RC（selenium-remote-control-1.0.1-dist.zip）をダウンロードして展開し、selenium-server-1.0.1ディレクトリで実行します。



java -jar selenium-server.jar







さあ、書き始めましょう。 最初のテストは、いつものように、 ドキュメントから取得されました：







  1. <？php
  2. require_once 'PHPUnit / Extensions / SeleniumTestCase.php' ;
  3. WebTest クラスは PHPUnit_Extensions_SeleniumTestCaseを拡張します
  4. {
  5. 保護された関数setUp（）
  6. {
  7. $ this-> setBrowser（ '* firefox' ）;
  8. $ this-> setBrowserUrl（ 'http://www.example.com/' ）;
  9. }
  10. パブリック関数testTitle（）
  11. {
  12. $ this-> open（ 'http://www.example.com/' ）;
  13. $ this-> assertTitleEquals（ 'WWWページの例' ）;
  14. }
  15. }
  16. ？>
*このソースコードは、 ソースコードハイライターで強調表示されました。




WebTest.phpファイルに保存して実行します： phpunit WebTest







FireFoxがどのように起動し、ページを開き、殺されたかを確認します:)テストの結果：

PHPUnit 3.4.0beta4 by Sebastian Bergmann.



E



Time: 14 seconds



There was 1 error:



1) WebTest::testTitle

BadMethodCallException: Method assertTitleEquals not defined.

WebTest.php:15



FAILURES!

Tests: 1, Assertions: 0, Errors: 1.









エラー...ドキュメントにエラーのあるコードを書くのは良くありません...これはベータリリースであることを思い出して、 changelogをチェックしに行きました。 興味深いものを見つけました：

Please note that the following commands had to be renamed:



assertAlertPresent() has been renamed to assertAlert()

assertNoAlertPresent() has been renamed to assertNotAlert()

assertNoConfirmationPresent() has been renamed to assertConfirmationNotPresent()

assertLocationEquals() has been renamed to assertLocation()

assertLocationNotEquals() has been renamed to assertNotLocation()

assertNoPromptPresent() has been renamed to assertPromptNotPresent()

assertNothingSelected() has been renamed to assertNotSomethingSelected()

assertTitleEquals() has been renamed to assertTitle()

assertTitleNotEquals() has been renamed to assertNotTitle()









assertTitleEqualsをassertTitleに修正し、再度実行します。

PHPUnit 3.4.0beta4 by Sebastian Bergmann.



F



Time: 9 seconds



There was 1 failure:



1) WebTest::testTitle

Current URL: www.example.com



Failed asserting that <string:Example Web Page> matches PCRE pattern "/Example WWW Page/".

WebTest.php:15



FAILURES!

Tests: 1, Assertions: 1, Failures: 1.









それは素晴らしい、テストはうまくいった。 エラーが発生しました。 次に、エラーのスクリーンショットを保存したいと思います。 コードに変更を加えます。







  1. <？php
  2. require_once 'PHPUnit / Extensions / SeleniumTestCase.php' ;
  3. WebTest クラスは PHPUnit_Extensions_SeleniumTestCaseを拡張します
  4. {
  5. protected $ captureScreenshotOnFailure = TRUE;
  6. protected $ screenshotPath = 'd：\ apache2 \ htdocs \ screenshots' ;
  7. protected $ screenshotUrl = 'http：// localhost / screenshots' ;
  9. 保護された関数setUp（）
  10. {
  11. $ this-> setBrowser（ '* firefox' ）;
  12. $ this-> setBrowserUrl（ 'http://www.example.com/' ）;
  13. }
  14. パブリック関数testTitle（）
  15. {
  16. $ this-> open（ 'http://www.example.com/' ）;
  17. $ this-> assertTitle（ 'WWWページの例' ）;
  18. }
  19. }
  20. ？>
*このソースコードは、 ソースコードハイライターで強調表示されました。




以下を開始します。



PHPUnit 3.4.0beta4 by Sebastian Bergmann.



F



Time: 8 seconds



There was 1 failure:



1) WebTest::testTitle

Current URL: www.example.com

Screenshot: localhost/screenshots/ed26432dcfb69cbbdd4e0c01fade4682.png



Failed asserting that <string:Example Web Page> matches PCRE pattern "/Example WWW Page/".

WebTest.php:19



FAILURES!

Tests: 1, Assertions: 1, Failures: 1.









それはすでに良いです。 ドキュメントからの例はうまくいきました:)開発中のサイトのテストに進みたいと思います。 詳細を説明するまではありませんが、このサイトはFacebookの承認を受けたYahoo Answersに似ています。 ここでは、わき柱が私たちを待っています...



サイトにはログイン用のボタンがあります。 次のようになります。



コード：





  1. < a onclick = "FB.Connect.requireSession（function（）{window.location = 'index.php';}）; return false;" href = "＃" >
  2. < img alt = "接続" src = "http://static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_light_medium_long.gif" id = "fb_login_image" />
  3. </ a >
*このソースコードは、 ソースコードハイライターで強調表示されました。




このボタンをクリックすると、ポップアップが表示されます：





Seleniumは要素をクリックする機能を提供します。これには、IDまたは名前を知る必要があります（xpathを使用して検索することも可能ですが、要素は移動できるため、私には向いていません）。 ご覧のとおり、idタグがありません（一時的にサイトコードを修正することはできません）。 他の認証オプションを探す必要がありました。 少しグーグルで、 このオプションに出くわしました 。 要するに、Facebookの承認を経て、Seleniumに提供されるCookieを取得します。 私はこれを実現できませんでした ユーザーがFacebookにログインしていても、「Facebookに接続」ボタンをクリックする必要があることを思い出しました。 それから私は喫煙に行きました:)



バルコニーで、アイディアが浮かんできました。写真をクリックしてみてください。 私は試してみることにしました（onclickが画像にハングアップしないため、それが機能するかどうかは本当に疑いましたが、他のアイデアはありませんでした）。 これが私がコンパイルしたものです：







  1. <？php
  3. require_once 'PHPUnit / Extensions / SeleniumTestCase.php' ;
  5. クラス LoginTestはPHPUnit_Extensions_SeleniumTestCaseを拡張します
  6. {
  7. protected $ captureScreenshotOnFailure = TRUE;
  8. protected $ screenshotPath = 'd：\ apache2 \ htdocs \ screenshots' ;
  9. protected $ screenshotUrl = 'http：// localhost / screenshots' ;
  11. 保護された関数setUp（）
  12. {
  13. $ this-> setBrowser（ '* firefox' ）;
  14. $ this- > setBrowserUrl（ 'http：//％site_url％/' ）;
  15. }
  17. パブリック関数testTitle（）
  18. {
  19. $ this-> open（ '/' ）;
  21. // [ログイン]をクリックします
  22. $ this- > click（ "fb_login_image" ）;
  23. }
  24. }
  26. ？>
*このソースコードは、 ソースコードハイライターで強調表示されました。




うまくいったときの驚きを想像してみてください...ここで、電子メールとパスワードを入力し、[接続]をクリックする必要があります。 これらの要素のID（電子メール、パス、ログイン）を知っています。 次のコードを作成します。







  1. <？php
  3. require_once 'PHPUnit / Extensions / SeleniumTestCase.php' ;
  5. クラス LoginTestはPHPUnit_Extensions_SeleniumTestCaseを拡張します
  6. {
  7. protected $ captureScreenshotOnFailure = TRUE;
  8. protected $ screenshotPath = 'd：\ apache2 \ htdocs \ screenshots' ;
  9. protected $ screenshotUrl = 'http：// localhost / screenshots' ;
  11. 保護された関数setUp（）
  12. {
  13. $ this-> setBrowser（ '* firefox' ）;
  14. $ this- > setBrowserUrl（ 'http：//％site_url％/' ）;
  15. }
  17. パブリック関数testTitle（）
  18. {
  19. $ this-> open（ '/' ）;
  21. // [ログイン]をクリックします
  22. $ this- > click（ "fb_login_image" ）;
  24. $ this- > type（ "email" 、 "test@test.com" ）;
  25. $ this-> type（ "pass" 、 "password" ）;
  26. $ this- >クリック（ "ログイン" ）;
  28. }
  29. }
  31. ？>
*このソースコードは、 ソースコードハイライターで強調表示されました。




結果：

PHPUnit 3.4.0beta4 by Sebastian Bergmann.



E



Time: 25 seconds



There was 1 error:



1) WebTest::testTitle

RuntimeException: Response from Selenium RC server for testComplete().

ERROR: Element email not found.



WebTest.php:32



FAILURES!

Tests: 1, Assertions: 1, Errors: 1.









どうして？ 彼は...少し考えた後、私はまだそうでないことに気づきました。 この要素はメインウィンドウではなく、ポップアップにあります。 ウィンドウ間の切り替えを整理する方法に関するドキュメントを見て、コードの最終結果が得られました。







  1. <？php
  3. require_once 'PHPUnit / Extensions / SeleniumTestCase.php' ;
  5. クラス LoginTestはPHPUnit_Extensions_SeleniumTestCaseを拡張します
  6. {
  7. protected $ captureScreenshotOnFailure = TRUE;
  8. protected $ screenshotPath = 'd：\ apache2 \ htdocs \ screenshots' ;
  9. protected $ screenshotUrl = 'http：// localhost / screenshots' ;
  11. 保護された関数setUp（）
  12. {
  13. $ this-> setBrowser（ '* firefox' ）;
  14. $ this- > setBrowserUrl（ 'http：//％site_url％/' ）;
  15. }
  17. パブリック関数testTitle（）
  18. {
  19. //メインページを開きます
  20. $ this-> open（ '/' ）;
  21. //タイトルを確認します（そのサイトに着きましたか？）
  22. $ this-> assertTitle（ '％page_title％' ）;
  24. //ログインをクリックします
  25. $ this- > click（ "fb_login_image" ）;
  26. //ポップアップが表示されるまで待ちます
  27. $ this- > waitForPopUp（ "_blank" 、 "30000" ）;
  29. //ポップアップを選択
  30. $ this-> selectWindow（ "_blank" ）;
  32. //フィールドに入力して、[接続]をクリックします
  33. $ this- > type（ "email" 、 "test@test.com" ）;
  34. $ this-> type（ "pass" 、 "password" ）;
  35. $ this- >クリック（ "ログイン" ）;
  37. //メインウィンドウを選択します
  38. $ this-> selectWindow（ "null" ）;
  39. //ロードされるのを待ちます
  40. $ this-> waitForPageToLoad（ "30000" ）;
  42. //タイトルを確認します
  43. $ this-> assertTitle（ '％page_title％' ）;
  45. //ログインしているかどうかを確認します（ページにサインアウトテキストがあります）
  46. $ this-> verifyTextPresent（ 'signout' ）;
  47. }
  48. }
*このソースコードは、 ソースコードハイライターで強調表示されました。




ご清聴ありがとうございました:)どんな批判も歓迎します。



Z.Y. 結局、キックしないでください。 そのような計画の記事が興味深い場合、私はまだ何かについて書くことができます。





More articles:


All Articles