Basic testing with selenium

1. Cph.Pm Tech Talk 2012-02-28 Basic Testing with Selenium IDE Søren Lund (slu) [email_address]

2. Topics Web Technologies

3. Using Selenium IDE

4. Record and Play Test Cases

5. Modifiyng Test Cases

6. Web Technologies HTTP – H yper t ext T ransfer P rotocol

7. HTML – H yper t ext M arkup L anguage

8. DOM – D ocument O bject M odel

9. CSS – C ascading S tyle S heets

10. JavaScript

11. HTTP Client / Server - Request / Response

12. Request: GET /images/logo.png HTTP/1.1 Accept-Language: en, da

13. POST /login.jsp HTTP/1.1 user=slu&pass=secret Response: HTTP/1.1 200 OK Content-Type: text/html; charset=UTF-8 ...

14. HTML and XHTML Parsed and Rendered by Browser

15. Hello World: <!DOCTYPE html> <html> <head> <title>Hello HTML</title> </head> <body> <div id="main"> <h1>Hello World!</h1> <p class=”intro”>This is HTML.</p> <p>Here's more</p> </div> </body> </html>

16. DOM Link between HTML and JavaScript / CSS

17. Example (simplified): Document Element (html) Element (head) Element (title) text node Element (body) Element (div) Element (h1) text node Element (p) text node

18. CSS Styling of HTML (colors, fonts, sizes, etc).

19. selector { property: value; property2: value; … }

20. h1 { color: blue; font-size: xx-large; }

21. .intro { text-align: center; }

22. #main { border: 1px solid red; }

23. Hello World

24. JavaScript Runs in the browser

25. Can modify the DOM after page load (i.e. post-response).

26. Makes it possible to do sub-requests after page load. (AJAX)

27. Selenium uses JavaScript to drive the browser

28. Using Selenium IDE (Front-end) Developer creates (and uses) initial test cases (normal flow).

29. Initial test cases are expanded and modified during development by testers/developers.

30. Additional test cases created when testing and reporting bugs.

31. Tests must be maintained alongside the code.

32. Selenium doesn't discover new bugs.

33. Limitations It's not possible to upload files

34. Java Applets and Flash (can be) near impossible to test

35. Very AJAX-heavy sites will be cumbersome to test (but possible)

36. No real way to do fixtures, but work-arounds can be used (i.e. a reset.cgi page available only during testing)

37. http://www.mozilla.org/

38. http://seleniumhq.org/download/

39. Starting Selenium IDE ...or press Ctrl+Alt+S

40. Starting Selenium IDE 2 Tab Alt-key to display menu

41. Starting Selenium IDE 3 In sidebar, nice if using only one monitor (e.g. laptop)

42. Selenium IDE Test Cases (current is bold ) Commands / Test Script Play Test Suite Play Current Test Case Play Test Suite Pause/Continue Running Test Case Record a Test Case Infomation Area Edit/Insert commands

43. Record and Play Demo

44. Test Cases and Suites Suggested layout and naming standard user/ UserNavigationTestCase.html UserLogInTestCase.html admin/ AdminNavigationTestCase.html AdminCreateUserTestCase.html AdminTestSuite.html CompleteTestSuite.html UserTestSuite.html CamelCase (ending with either TestCase or TestSuite ) and .html extension – no spaces.

45. Modify Recorded Test Demo

46. Checking Links Command Target Value assertElementPresent link=Kontakt Os assertText //a[@href='mailto:[email protected]'] Kontakt Os assertAttribute css=#contactLink@href mailto:[email protected]

47. Date Calculations Command Target Value storeEval var now = new Date(); y = now.getYear()+1900; m = '0' + (now.getMonth()+1); d = '0' + now.getDate(); y+'-'+m.substr(-2)+'-'+d.substr(-2) today storeEval var now = new Date(); 1900 + now.getYear() year storeEval storedVars['year'] + 1 nextYear type name=start_date 01-01-${year} type name=end_date ${today} click id=send assertTextPresent Intet fundet i perioden 01-01-${year} - ${today} Everything is on one line

48. Random Input (in lieu of fixtures) Command Target Value store javascript { 'user' + (new Date()).getTime() + '@domain.dom' } email type user.email javascript { storedVars['email'] } store javascript { vat_no=''; for(i=0; i<8; i++) { vat_no+=Math.ceil(Math.random()*9) } } vat_no type company.vat_no Javascript { storedVars['vat_no'] }

49. Selenium Standalone Server Can run the test suites created using Selenium IDE

50. Consists of a Java jar-file

51. Thus, requires Java to run

52. Can be used to run test in other browsers , i.e. Internet Explorer and Google Chrome

53. http://seleniumhq.org/download/

54. http://java.com/

55. Running Standalone Server Add ”-htmlSuite” to get (a little) help $ java -jar selenium-server-standalone-2.19.0.jar -htmlSuite 24-02-2012 19:19:59 org.openqa.grid.selenium.GridLauncher main INFO: Launching a standalone server Not enough command line arguments for -htmlSuite -htmlSuite requires you to specify: * browserString (e.g. "*firefox") * startURL (e.g. " http://www.google.com ") * suiteFile (e.g. "c:\absolute\path\to\my\HTMLSuite.html") * resultFile (e.g. "c:\absolute\path\to\my\results.html")

56. Running Standalone Server Real Example C:\Users\name> java -jar selenium-server-standalone-2.19.0.jar -htmlSuite "*iexplore" http://localhost:8080/ c:\Users\name\Projects\demo\selenium\ClientTestSuite.html c:\Users\name\Projects\demo\ClientTestResult.html 28-02-2012 14:25:56 org.openqa.grid.selenium.GridLauncher main INFO: Launching a standalone server 14:25:56.091 INFO - Java: Sun Microsystems Inc. 20.4-b02 14:25:56.092 INFO - OS: Windows 7 6.1 x86 14:25:56.098 INFO - v2.19.0, with Core v2.19.0. Built from revision 15849 14:25:56.216 INFO - RemoteWebDriver instances should connect to: http://127.0.0.1:4444/wd/hub 14:25:56.218 INFO - Version Jetty/5.1.x ... 14:25:56.257 INFO - Started [email_address] 14:25:56.929 INFO - Launching Embedded Internet Explorer... 14:25:57.433 INFO - Launching Internet Explorer HTA... 14:26:01.637 INFO - Checking Resource aliases

57. Standalone Server Window Simplified version of the IDE (running in the target browser) Plus a seperate (browser) window where the tests are performed...

58. Playing with Selenium Try it on your own web applications

59. … or your favorite web site

60. … or download QEDServer and play with that

61. http://qedserver.napcs.com/

62. Running QEDServer (Start by unzipping download archive)

63. Open a Command Prompt/Terminal

64. Run the server script (server.bat, server.sh)

65. Goto http://localhost:8080/ and play

66. Quit with Ctrl-C

67. Use fresh_server script to start over

68. Resources Firefox download: https://www.mozilla.org/

69. Selenium download: http://seleniumhq.org/download/

70. QEDServer download: http://qedserver.napcs.com/

71. Public Domain Clip Art: http://www.pdclipart.org/

72. The End Slides available at slideshare http://www.slideshare.net/slu

Basic testing with selenium

Recommended

More Related Content

What's hot (20)

Viewers also liked (6)

Similar to Basic testing with selenium (20)

Recently uploaded (20)

Basic testing with selenium