The Story of a Day: PHPUnit, Selenium, Facebook

Today I want to talk about how I suffered from PHPUnit , Selenium RC and Facebook :)

So, I was given the task to make a system for daily testing of the site and posting bugs in bugzill (I’ll only tell you about the PHPUnit / Selenium RC bundle). Using a little google, I found two things suitable for php - SimpleTest and PHPUnit . Having smoked docks I stopped at PHPUnit . The choice fell on him because of the support of Selenium.
Because I didn’t work with PHPUnit or Selenium before, so I had to look for something to read (thanks also to the WanderingStar user for the article Unit Testing in PHP ). Having read to red eyes, I decided to do the first test :) But first you need to install everything:

pear channel-discover pear.phpunit.de
pear install phpunit/PHPUnit-beta


Next, download Selenium RC (selenium-remote-control-1.0.1-dist.zip), unpack it and launch in the directory selenium-server-1.0.1:
')
java -jar selenium-server.jar

Now let's start writing. The first test, as always, was taken from the documentation :

1. <? php
2. require_once 'PHPUnit / Extensions / SeleniumTestCase.php' ;
3. class WebTest extends PHPUnit_Extensions_SeleniumTestCase
4. {
5. protected function setUp ()
6. {
7. $ this -> setBrowser ( '* firefox' );
8. $ this -> setBrowserUrl ( 'http://www.example.com/' );
9. }
10. public function testTitle ()
11. {
12. $ this -> open ( 'http://www.example.com/' );
13. $ this -> assertTitleEquals ( 'Example WWW Page' );
14. }
15. }
16. ?>

* This source code was highlighted with Source Code Highlighter .

Save to the WebTest.php file and run: phpunit WebTest

We see how FireFox was launched, opened the page and was killed :) The result of the test:
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.


Error ... It is not good to write code with errors in the documentation ... Remembering that this is a beta release, I went to check the changelog . Found an interesting thing:
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()


Fix assertTitleEquals on assertTitle and re-run:
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.


That's fine, the test worked. got a mistake. Next, I would like to save a screenshot of the error. Make changes to the code:

1. <? php
2. require_once 'PHPUnit / Extensions / SeleniumTestCase.php' ;
3. class WebTest extends PHPUnit_Extensions_SeleniumTestCase
4. {
5. protected $ captureScreenshotOnFailure = TRUE;
6. protected $ screenshotPath = 'd: \ apache2 \ htdocs \ screenshots' ;
7. protected $ screenshotUrl = 'http: // localhost / screenshots' ;
9. protected function setUp ()
10. {
11. $ this -> setBrowser ( '* firefox' );
12. $ this -> setBrowserUrl ( 'http://www.example.com/' );
13. }
14. public function testTitle ()
15. {
16. $ this -> open ( 'http://www.example.com/' );
17. $ this -> assertTitle ( 'Example WWW Page' );
18. }
19. }
20. ?>

* This source code was highlighted with Source Code Highlighter .

Run:

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.


This is already better. An example from the documentation earned :) I would like to proceed to testing the developed site. Without going into details, the site resembles something like Yahoo Answers with authorization through Facebook. Here is the jamb waiting for us ...

The site has a button for login. Looks like this:

Code:

1. < a onclick = "FB.Connect.requireSession (function () {window.location = 'index.php';}); return false;" href = "#" >
2. < img alt = "Connect" src = "http://static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_light_medium_long.gif" id = "fb_login_image" />
3. </ a >

* This source code was highlighted with Source Code Highlighter .

After clicking on this button, the user sees PopUp:


Selenium provides an opportunity to click on an element, for this you need to know its id or name (you can also search using xpath, but it does not suit me, because the element can be moved). As you can see, the id tag is missing (it is temporarily impossible to correct the site code). I had to look for other authorization options. Googling a bit, I came across this option . In short, we go through authorization on facebook and get cookies that we send to Selenium. I failed to implement it, because I remembered that even if the user is authorized on facebook, he still needs to click on the “Connect with Facebook” button. Then I went to smoke :)

On the balcony, an idea came to my mind - why not click on the picture, because we have its id. I decided to try (though I doubted that it would work, because onclick is not hanging in the picture, but there were no other ideas) Here is what I said:

1. <? php
3. require_once 'PHPUnit / Extensions / SeleniumTestCase.php' ;
5. class LoginTest extends PHPUnit_Extensions_SeleniumTestCase
6. {
7. protected $ captureScreenshotOnFailure = TRUE;
8. protected $ screenshotPath = 'd: \ apache2 \ htdocs \ screenshots' ;
9. protected $ screenshotUrl = 'http: // localhost / screenshots' ;
11. protected function setUp ()
12. {
13. $ this -> setBrowser ( '* firefox' );
14. $ this -> setBrowserUrl ( 'http: //% site_url% /' );
15. }
17. public function testTitle ()
18. {
19. $ this -> open ( '/' );
21. // Click Login
22. $ this -> click ( "fb_login_image" );
23. }
24. }
26. ?>

* This source code was highlighted with Source Code Highlighter .

What was my surprise when it worked ... Now we need to enter the email and password and click Connect. Id of these elements are known to us - email, pass, login. We make this code:

1. <? php
3. require_once 'PHPUnit / Extensions / SeleniumTestCase.php' ;
5. class LoginTest extends PHPUnit_Extensions_SeleniumTestCase
6. {
7. protected $ captureScreenshotOnFailure = TRUE;
8. protected $ screenshotPath = 'd: \ apache2 \ htdocs \ screenshots' ;
9. protected $ screenshotUrl = 'http: // localhost / screenshots' ;
11. protected function setUp ()
12. {
13. $ this -> setBrowser ( '* firefox' );
14. $ this -> setBrowserUrl ( 'http: //% site_url% /' );
15. }
17. public function testTitle ()
18. {
19. $ this -> open ( '/' );
21. // Click Login
22. $ this -> click ( "fb_login_image" );
24. $ this -> type ( "email" , "test@test.com" );
25. $ this -> type ( "pass" , "password" );
26. $ this -> click ( "login" );
28. }
29. }
31. ?>

* This source code was highlighted with Source Code Highlighter .

Result:
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.


How so? He is ... A little thought, I still understand why not. This element is in PopUp and not in the main window. Looking in the documentation how to organize switching between windows I got the final result of the code:

1. <? php
3. require_once 'PHPUnit / Extensions / SeleniumTestCase.php' ;
5. class LoginTest extends PHPUnit_Extensions_SeleniumTestCase
6. {
7. protected $ captureScreenshotOnFailure = TRUE;
8. protected $ screenshotPath = 'd: \ apache2 \ htdocs \ screenshots' ;
9. protected $ screenshotUrl = 'http: // localhost / screenshots' ;
11. protected function setUp ()
12. {
13. $ this -> setBrowser ( '* firefox' );
14. $ this -> setBrowserUrl ( 'http: //% site_url% /' );
15. }
17. public function testTitle ()
18. {
19. // Open the main page
20. $ this -> open ( '/' );
21. // Check the title (did we get to that site?)
22. $ this -> assertTitle ( '% page_title%' );
24. // Click login
25. $ this -> click ( "fb_login_image" );
26. // Waiting for popup to pop out
27. $ this -> waitForPopUp ( "_blank" , "30000" );
29. // Choose our popup
30. $ this -> selectWindow ( "_blank" );
32. // fill in the fields and click Connect
33. $ this -> type ( "email" , "test@test.com" );
34. $ this -> type ( "pass" , "password" );
35. $ this -> click ( "login" );
37. // Select the main window
38. $ this -> selectWindow ( "null" );
39. // Waiting for it to load
40. $ this -> waitForPageToLoad ( "30000" );
42. // Check the title
43. $ this -> assertTitle ( '% page_title%' );
45. // Check whether or not logged in (does the text signout exist on the page)
46. $ this -> verifyTextPresent ( 'signout' );
47. }
48. }

* This source code was highlighted with Source Code Highlighter .

Thank you all for your attention :) Any criticism is welcome.

ZY Do not kick much, the first post after all. If the articles of such a plan are interesting, I can still write about something.