Presentation is loading. Please wait.

Presentation is loading. Please wait.

IDE Overview Selenium HP Web Test Tool Training Portnov Computer School.

Similar presentations


Presentation on theme: "IDE Overview Selenium HP Web Test Tool Training Portnov Computer School."— Presentation transcript:

1 IDE Overview Selenium HP Web Test Tool Training Portnov Computer School

2 2 Selenium Overview Selenium IDE Introduction

3 What is Test Automation? A process of writing a computer program to do testing that would otherwise need to be done manually A process of writing a computer program to do testing that would otherwise need to be done manually Use of software to control the execution of tests Use of software to control the execution of tests Two types of test automation:  Code-driven testing  Graphical user interface testing 3

4 Advantages of Automation Tests perform precisely the same operations each time they are run, thereby eliminating human error. Reliable: Tests perform precisely the same operations each time they are run, thereby eliminating human error. You can test how the software reacts under repeated execution of the same operations. Repeatable: You can test how the software reacts under repeated execution of the same operations. You can reuse tests on different versions of an application, even if the user interface changes. Reusable: You can reuse tests on different versions of an application, even if the user interface changes. Run tests significantly faster than human users. Speed: Run tests significantly faster than human users. As the number of resources for regression test are reduced. Cost Reduction: As the number of resources for regression test are reduced. Rapid feedback to developers during the development process as a result of frequent regression testing. Better Quality Software: Rapid feedback to developers during the development process as a result of frequent regression testing. 4

5 Disadvantages of Automation Proficiency is required to write the automation test script. Proficiency is required to write the automation test script. Debugging the test script is major issue. If any error is present in the test script, sometimes it may lead to dadly consequences. Debugging the test script is major issue. If any error is present in the test script, sometimes it may lead to dadly consequences. Test maintenance is costly in case of playback methods. Even though a minor changes occurs in the GUI, the test script has to be rewritten. Test maintenance is costly in case of playback methods. Even though a minor changes occurs in the GUI, the test script has to be rewritten. Maintenance of test data files is difficult, if the test script tests more screens or web-pages. Maintenance of test data files is difficult, if the test script tests more screens or web-pages. Short iteration or very tight deadline, there is not enough time to build test automation.

6 What is Selenium? A set of tools that supports rapid development of test automation for web-based applications. Can be recorded and written as HTML Can be recorded and written as HTML Support for a number of programming languages: Java, C#, Perl, PHP, Python, Ruby Support for a number of programming languages: Java, C#, Perl, PHP, Python, Ruby Cross browsers support: IE, Firefox, Opera, Safari and Google Chrome Cross browsers support: IE, Firefox, Opera, Safari and Google Chrome Cross platform support: Windows, Linux, and Macintosh. Cross platform support: Windows, Linux, and Macintosh. 6

7 Invented in 2004 by Jason R. Huggins and team. Invented in 2004 by Jason R. Huggins and team. Originally named JavaScript Functional Tester [JSFT] Originally named JavaScript Functional Tester [JSFT] 100% Javascript and HTML 100% Javascript and HTML Designed to make test writing easy Designed to make test writing easy Open source browser based integration test framework built originally by ThoughtWorks Open source browser based integration test framework built originally by ThoughtWorks Selenium is open source software, released under the Apache 2.0 license and can be downloaded and used without charge. Selenium is open source software, released under the Apache 2.0 license and can be downloaded and used without charge. Selenium Background

8 Selenium Trivia 8 Selenium is a chemical element with the atomic number 34, represented by the chemical symbol Se. Selenium is used for treating Mercury poisoning Products: QTP, WinRunner, LoadRunner and TestDirector Selenium Mercury

9 Selenium Components  Selenium IDE  Selenium RC  Selenium Grid  Selenium2 aka Webdriver 9 < < Selenium Core

10 Selenium IDE Selenium IDE (SIDE) is a complete Integrated Development Environment (IDE) for building Selenium test case. Selenium IDE (SIDE) is a complete Integrated Development Environment (IDE) for building Selenium test case. Firefox add-on that makes it easy to record, edit, and debug tests. Firefox add-on that makes it easy to record, edit, and debug tests. Provides an easy-to-use interface for developing and running individual test cases or entire test suites. Provides an easy-to-use interface for developing and running individual test cases or entire test suites. Can be used to generate code to run the tests with Selenium Remote Control (RC). Can be used to generate code to run the tests with Selenium Remote Control (RC). 10

11 Selenium IDE Features Record, playback, edit Intelligent component identification will use object IDs, names, or XPath as needed Auto complete for all common Selenium commands Walk through test cases and test suites. Debug and set breakpoints Save tests as HTML, or export as other supported programming languages Support for Selenium user extensions 11

12 12 Installing Selenium IDE

13 13 Two step process:  Step 1. Check if Firefox is installed 1a. If Firefox is not installed on your machine then Install Firefox (There is NO IE Version of Selenium)  Step 2. Check if Selenium IDE is installed) 2a. If Selenium IDE is not installed on your machine then Install Selenium IDE Plug In

14 Step 1: Is Firefox Installed? Check whether your machine already has a version of Firefox installed. Check whether your machine already has a version of Firefox installed. Go to Start  Programs  Mozilla Firefox Go to Start  Programs  Mozilla Firefox 14

15 Step 1: Check Firefox Version Click on the Mozilla Firefox Click on the Mozilla Firefox Go to Help  About as shown below: Go to Help  About as shown below: Check the version name Check the version name What is your version? What is your version? 15 Must be Firefox version 3.x.x.xx not 4.x.x.xx

16 Step 1a: Firefox Installation Open your IE browser (or any other browser) Open your IE browser (or any other browser) Navigate to Firefox 3.6 download link. Navigate to Firefox 3.6 download link.http://www.oldapps.com/firefox.php?old_firefox=109?download WARNING!!!!! WARNING!!!!! Mozilla website will not have Mozilla website will not have Firefox 3.6 download link. The most current browser version will be presented. The most current browser version will be presented. (FF 4.0) (FF 4.0) 16

17 Step 1a: Firefox Installation 17

18 Follow the steps and run the program (*1) Follow the steps and run the program (*1) (Saving into local machine then running is recommended) If prompted with Security warning, press “Run” button (*2 & *3) If prompted with Security warning, press “Run” button (*2 & *3) 18 *1 *2 *3 Save into your local machine. (C:\Downloads) Run (double click Firefox Setup 3.x.x) from the location where you downloaded Ignore Security warning and press “Run” button

19 Step 1a: Firefox Installation Press Next (*1) Press Next (*1) Check the “I Accept” then Press Next (*2) Check the “I Accept” then Press Next (*2) Select Standard, Remove check from “Use Firefox as my default browser” (*3) Select Standard, Remove check from “Use Firefox as my default browser” (*3) Press Install button (*4) Press Install button (*4) Press Finish button (*5) Press Finish button (*5) 19 *1 *2 *3 *4 *5

20 Step 2: Is Selenium IDE Installed? Open the Firefox browser window (*1) Open the Firefox browser window (*1) Go to Tools  Check whether Selenium IDE already exist there (*2) Go to Tools  Check whether Selenium IDE already exist there (*2) If you see “Selenium IDE” then you already having Selenium IDE plug-in installed in Firefox browser. If you see “Selenium IDE” then you already having Selenium IDE plug-in installed in Firefox browser. If not installed then follow the instruction on the next slide If not installed then follow the instruction on the next slide 20 *1*2 Check whether Selenium IDE is already installed

21 Step 2a: Installing Selenium IDE  Open the Firefox browser window  In the navigation tool bar type the below URL:  Click the Download link next to Selenium IDE project name. 21 Don’t do this in IE Click Download

22 Step 2a: Installing Selenium IDE 22 Or you can find Selenium IDE downloads in Previous Releases directory: 1. Previous Releases 2. Selenium IDE 3. Version

23 Step 2a: Installing Selenium IDE When the Software Installation Window opens select “selenium-ide” (*1) When the Software Installation Window opens select “selenium-ide” (*1) Click Install Now button Click Install Now button “Selenium IDE” add-on is installed (*2) “Selenium IDE” add-on is installed (*2) Click on “Restart Firefox” button Click on “Restart Firefox” button 23 *1 *2 Restart Firefox for Selenium Plug-in to take effect

24 Step 2a: Installing Selenium IDE In the Firefox browser go to Tools and verify whether “Selenium IDE” is displayed. Congratulation! Selenium IDE installation is completed. 24 Selenium IDE is successfully installed

25 25 Recording and Running Selenium Tests

26 Test Case #1: Login Test-Case Objective: Ensure Valid User Login Expected Result: 1. OrangeHRM index page is loaded 2. Correct username is displayed as part of the greeting. “Welcome Admin” 26 Steps : 1.In the login textbox type “admin”. 2.In the password textbox type “password”. 3.Click “Submit” button 4.Verify that a correct user name is displayed 5.Log out

27 Test Script #1: Login Test Script Steps: Open OrangeHRM application in Firefox  Login using : Login Name: admin Password: password  Click Login button  Highlight “Welcome Admin” text  Right-click and select VerifyTextPresent  Click logout link 27

28 Recording An Automated Test 1. Open OrangeHRM application in Firefox (*1) (*1)http://hrm.portnov.com 2. Open Selenium IDE in Firefox Go to Tools  Selenium IDE (*2) 28 *2*1 The Record button is ON by default

29 Login Test  Make sure Record button is ON!  Go to the Browser window  Login using (*2): Login Name: admin Password: password  Click Login button 29 *1*1*2 The Record button is ON by default Login Name: admin Password: password Then click Login button

30 Login Test  Highlight “Welcome Admin” text (*1)  Right-click and select VerifyTextPresent (*2)  Click logout link 30 *1 *2 Highlight “Welcome demo” Select VerifyTextPresent

31 Stop Recording Go to Selenium IDE Click the red button to STOP recording All your actions are recorded and displayed sequentially under Command Table Tab 31 Click here to Stop recording

32 What did we accomplish? Manual Test-Case Test-Case Objective Ensure Valid User Login Steps  In the login textbox type admin.  In the password textbox type password.  Click Submit button  Verify that a correct user name is displayed  Logout Expected Result 1) OrangeHRM index page is loaded 2) Correct username is displayed as part of the greeting. “Welcome Admin” Automated Test-Case 32 We created our first automated test script

33 Running Selenium Automated Test Make sure the Firefox browser is still open Go to Selenium IDE and click “” button Go to Selenium IDE and click “Play current test case” button 33 *1*2 Click to play the Test Case Make the test case playback in slow mode

34 Interpreting Colors  If you see all the command line rows turn Green color, then the test has passed.  Light Green means the code executed without problems.  Dark Green means the test result of the command evaluated to true.  If any part of the test failed it will be shown with Red color. 34

35 Debugging Examine the result of the script. 35 Time is needed to validate the login information… The test must WAIT for the next web page to load before proceeding. What went wrong?

36 Debugging Tips  Open Selenium IDE through Tools menu, otherwise the IDE may freeze and act unpredictably.  Make sure you substitute click command with clickAndWait command wherever needed. 36

37 Editing Editing to add wait time to the script 1. Click the 3rd to last row where ClickA command is located 2. Modify the command field  Replace “click” with “clickAndWait” command 3. Re-play the test… 37 Click this row Select clickAndWait command

38 Helpful Notes:  One Firefox browser window must be open.  Multiple browser windows will confuse Selenium.  Play back every automated test to ensure expected behavior.  Keep playback in slow mode when debugging.  Placing Browser window and Selenium IDE windows side by side is a convenient way of tracking test execution step by step. 38


Download ppt "IDE Overview Selenium HP Web Test Tool Training Portnov Computer School."

Similar presentations


Ads by Google