Introduction to using Selenium IDE for development and test of web applications.

3. Using Selenium IDE

4. Record and Play Test Cases

5. Modifiyng Test Cases

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

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

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

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.

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

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

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'] }

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/

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

59. … or your favorite web site

60. … or download QEDServer and play with that

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

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

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

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

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