Your SlideShare is downloading. ×
  • Like
  • Save
Automated Browser Compatibility Testing
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Automated Browser Compatibility Testing

  • 816 views
Published

Best Practices paper on Automated Browser Compatibility Testing by Ashwini Phalle and Sandeep Naik from Fiserv. This paper was submitted for QAI's 12th International Software Testing Conference, 2012.

Best Practices paper on Automated Browser Compatibility Testing by Ashwini Phalle and Sandeep Naik from Fiserv. This paper was submitted for QAI's 12th International Software Testing Conference, 2012.

Published in Business , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
816
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. All About Automated Browser Compatibility Testing Ashwini Phalle, Sandeep Naik Fiserv India Pvt Ltd. STC 2012STC 2012
  • 2. Agenda • Introduction to Browser Compatibility Testing • Need of Test Automation • Available solutions and Challenges • Our Approach: Browser Compatibility Test Framework • Benefits of BCTF • Scope for enhancements © 2012 Fiserv, Inc. or its affiliates. • Scope for enhancements 2
  • 3. Introduction to Browser Compatibility Testing © 2012 Fiserv, Inc. or its affiliates.3
  • 4. The Web Application Story… © 2012 Fiserv, Inc. or its affiliates.4
  • 5. How Web Application Works ClientSideComponentRendering© 2012 Fiserv, Inc. or its affiliates.5 Web Application Developer Internet ClientSideComponentRendering
  • 6. Which all browsers we should Test applications For Current market share for most popular Browsers and OS © 2012 Fiserv, Inc. or its affiliates.6 Top 5 browsers from Jan 2009 to Aug 2012
  • 7. What To Test for Browser Compatibility Sr No Test Case Effect on Various browsers 1 Font size and font style May change with browsers 2 Controls alignment Bullets, radio buttons and checkboxes might not be correctly aligned on different browsers 3 HTML5 video format All browsers may not support all types of video formats. 4 Text alignment Some dropdown items will look good in Internet Explorer while in © 2012 Fiserv, Inc. or its affiliates.7 4 Text alignment Some dropdown items will look good in Internet Explorer while in Safari they might appear too close to the upper margin 5 Plug-in developed by external sites jQuery plug-in and ActiveX control might not work correctly 6 Java Scripts Java script interpreter varies from browser to browser 7 CSS styles CSS has moved to CSS 3, reporting major compatibility challenges 8 Session and Cookies How session and cookies are maintained across pages
  • 8. Test Automation for Browser Compatibility © 2012 Fiserv, Inc. or its affiliates.8
  • 9. Need of Test Automation Huge Efforts Complex Scope Definition Testing efforts will be huge if all combinations of Browser and OS are tested Defining a scope with reduced number of Browser and OS combinations is Risk prone © 2012 Fiserv, Inc. or its affiliates. Test Automation for Browser Compatibility Testing Accuracy 9 Control measurements, Colors, Fonts can not be tested accurately
  • 10. Solution Available and Challenges ieCapture Browsers hots Litmus IE NetRender er • Cloud Based SolutionsSecurity RiskSort site pro Available Tools Challenges © 2012 Fiserv, Inc. or its affiliates.10 Browsersh ots Litmus er BrowserP hoto • Manual efforts for UI comparison and Application Navigation Manual Efforts • Can not define customized UI standards Not Customizable BrowsrCam p CrossBro wserTesti ng
  • 11. The image cannot be displayed. Your computer may not have enough memory to open the image, or the image may have been corrupted. Restart your computer, and then open the file again. If the red x still appears, you may have to delete the image and then insert it again. Our Approach © 2012 Fiserv, Inc. or its affiliates.11
  • 12. How Browser Compatibility Test Framework Works The image cannot be displayed. Your computer may not have enough memory to open the image, or the image may have been corrupted. Restart your computer, and then open the file again. If the red x still appears, you may have to delete the image and then insert it again. © 2012 Fiserv, Inc. or its affiliates.12
  • 13. BCTF Technical Architecture Input File Output Files Selenium Server Selenium Core Classes Web Browser AUT ANT © 2012 Fiserv, Inc. or its affiliates.13 Java Classes Browser Compatibility Test Framework Classes Java API Input File 1. Application Navigation script: Selenium 2. Configuration File: Excel Output Files Test Execution Reports : HTML TestNG Parallel Execution ANT
  • 14. BCTF Features-Java Script Validation • Java Script Validation • Separate Script for JS validation • Selenium scripts for test workflows involving Java scripts • Following types covered Validation Type Description Client side JavaScript validations like mandatory fields, © 2012 Fiserv, Inc. or its affiliates.14 Field Validation Client side JavaScript validations like mandatory fields, Integer or string etc Controls Controls developed with JavaScript like grid control or list control Popup Window Confirmation Window or message box JavaScript events Events like onClick, mouseOver etc.
  • 15. BCTF Features cntd… • Testing Configurations: Project specific configurations for browser compatibility testing as • Base and Target browsers • Test Cases in the scope • Acceptable deviation limits • Parallel Execution: Parallel execution The image cannot be displayed. Your computer may not have enough memory to open the image, or the image may have been corrupted. Restart your computer, and then open the file again. If the red x still appears, you may have to delete the image and then insert it again. © 2012 Fiserv, Inc. or its affiliates. of the test scripts on multiple browsers with Selenium Grid 15
  • 16. BCTF Features cntd… • Detailed Test Execution Reports: Detailed execution reports with control details on each page, comparison with base browser along with screen prints The image cannot be displayed. Your computer may not have enough memory to open the image, or the image may have been corrupted. Restart your computer, and then open the file again. If the red x still appears, you may have to delete the image and then insert it again. © 2012 Fiserv, Inc. or its affiliates.16
  • 17. BCTF Features cntd… • Support for wide range of application platforms: BCTF can be used for testing on all the browsers supported by Selenium • Browsers: IE, Firefox, Safari, Chrome • OS: Windows, Mac, Android © 2012 Fiserv, Inc. or its affiliates. • Can be deployed as reusable component: BCTF components can be added to automated application Navigation flow 17
  • 18. The image cannot be displayed. Your computer may not have enough memory to open the image, or the image may have been corrupted. Restart your computer, and then open the file again. If the red x still appears, you may have to delete the image and then insert it again. Approach Benefits © 2012 Fiserv, Inc. or its affiliates.18
  • 19. Benefits of BCTF •Pixel by Pixel comparison of control positions for each screenAccurate Results •With BCTF, applications can be tested on most of Browsers and OS combinations with available testing windowOptimal Test Coverage •Complete process of application navigation, comparison with base browser along with screen shots is automated Reduced Manual Testing Efforts © 2012 Fiserv, Inc. or its affiliates.20 •Parallel execution on multiple test environmentsTime saving •Based on open source toolNo Investment in Tool Cost •Can be used for any Web Application Application independent framework •Application specific navigation flows can be added •Acceptable deviation limits can be configured Highly Customizable
  • 20. Scope for Enhancements • BCTF can be enhanced for the support the following • ActiveX control, Ajax controls or Silverlight controls • Video or Audio files • Zoom in , Zoom out functionality • Browsers not supported by Selenium © 2012 Fiserv, Inc. or its affiliates.21
  • 21. References • http://www.tablefy.com/compare/2656/Test-Your-Browser-Across- Different-Browsers,-OS,-and-Screen-Resolutions • • http://www.w3schools.com/browsers/browsers_stats.asp • • http://gs.statcounter.com/ © 2012 Fiserv, Inc. or its affiliates. • http://gs.statcounter.com/ 22
  • 22. The image cannot be displayed. Your computer may not have enough memory to open the image, or the image may have been corrupted. Restart your computer, and then open the file again. If the red x still appears, you may have to delete the image and then insert it again. Questions?
  • 23. Thank You Ashwini Phalle, Sandeep Naik Fiserv India Pvt Ltd. STC 2012STC 2012