CROSS
BROWSERS TESTING
Presenter: Thu.Nguyen
What is Cross Browsers
Testing ?
• Is a process to test web applications across
multiple browsers
• Involve checking compatibility of application
across multiple web browsers and ensures that
web application works correctly across different
web browsers
• Involves testing both the client side and server
side behavior of the Web application when it is
accessed using different Web Browsers
Cross Browsers Challenges
New versions released frequently
Many different versions
Many different browsers
3
What should I test in
Cross Browser Testing ?
• Page validations with and without JavaScript enabled
• Ajax and JQuery functionality
• Font size validation
• All images and alignment
• Page content alignment to center, LHS or RHS
• Date formats
• Special characters with HTML character encoding
• Page layout in different resolutions
• Page layout in different browsers (with different versions)
• Page layout in different operating systems
Which devices and browsers
should I test?
http://www.w3schools.com
Which devices and browsers
should I test?
http://gs.statcounter.com
Type of Cross Browsers
Testing
• Multiple Installations
– Install real browser and OS on your devices. Use
virtual box like VMWare and VirtualBox.
– Services: Mordern.IE
Type of Cross Browsers
Testing
• Web-Based Screenshot Service
– Services which grab a screenshot of your chosen
website in a wide array of browsers and operating
systems
– Services:
• Browsershots
• IE NetRenderer
• Browsera
Type of Cross Browsers
Testing
• Web-Based Browser Simulator
– Services allowing you to take control of a remote
machine and play with its browsers through your
own system
– Services
• Browserstack
Type of Cross Browsers
Testing
• Desktop Application
– Install application on your system and allow you
to capture screenshot or simulator
– Apps
• Spoon
• Browserseal
• Microsft Expression Web Super Preview
Type of Cross Browsers
Testing
• Browser Developer Tools
– Some browsers offer plugins and tools which
allow them to mimic the behavior of other
browsers
– Tools
• Firefox + Chrome: IE tab
• IE: Compatibility Mode
Type of Cross Browsers
Testing
Cross Browsers Testing Tools
• Browsershots
Cross Browsers Testing Tools
• Browsera
Cross Browsers Testing Tools
• Browserstack
screenshot
Cross Browsers Testing Tools
• Browserstack
emulator
Cross Browsers Testing Tools
• Browserstack
responsive
Cross Browsers Testing Tools
• Spoon
Cross Browsers Testing Tools
• Multi Browser Viewer
Thank you!

Type Cross browsers testing

  • 1.
  • 2.
    What is CrossBrowsers Testing ? • Is a process to test web applications across multiple browsers • Involve checking compatibility of application across multiple web browsers and ensures that web application works correctly across different web browsers • Involves testing both the client side and server side behavior of the Web application when it is accessed using different Web Browsers
  • 3.
    Cross Browsers Challenges Newversions released frequently Many different versions Many different browsers 3
  • 4.
    What should Itest in Cross Browser Testing ? • Page validations with and without JavaScript enabled • Ajax and JQuery functionality • Font size validation • All images and alignment • Page content alignment to center, LHS or RHS • Date formats • Special characters with HTML character encoding • Page layout in different resolutions • Page layout in different browsers (with different versions) • Page layout in different operating systems
  • 5.
    Which devices andbrowsers should I test? http://www.w3schools.com
  • 6.
    Which devices andbrowsers should I test? http://gs.statcounter.com
  • 7.
    Type of CrossBrowsers Testing • Multiple Installations – Install real browser and OS on your devices. Use virtual box like VMWare and VirtualBox. – Services: Mordern.IE
  • 8.
    Type of CrossBrowsers Testing • Web-Based Screenshot Service – Services which grab a screenshot of your chosen website in a wide array of browsers and operating systems – Services: • Browsershots • IE NetRenderer • Browsera
  • 9.
    Type of CrossBrowsers Testing • Web-Based Browser Simulator – Services allowing you to take control of a remote machine and play with its browsers through your own system – Services • Browserstack
  • 10.
    Type of CrossBrowsers Testing • Desktop Application – Install application on your system and allow you to capture screenshot or simulator – Apps • Spoon • Browserseal • Microsft Expression Web Super Preview
  • 11.
    Type of CrossBrowsers Testing • Browser Developer Tools – Some browsers offer plugins and tools which allow them to mimic the behavior of other browsers – Tools • Firefox + Chrome: IE tab • IE: Compatibility Mode
  • 12.
    Type of CrossBrowsers Testing
  • 13.
    Cross Browsers TestingTools • Browsershots
  • 14.
    Cross Browsers TestingTools • Browsera
  • 15.
    Cross Browsers TestingTools • Browserstack screenshot
  • 16.
    Cross Browsers TestingTools • Browserstack emulator
  • 17.
    Cross Browsers TestingTools • Browserstack responsive
  • 18.
    Cross Browsers TestingTools • Spoon
  • 19.
    Cross Browsers TestingTools • Multi Browser Viewer
  • 20.