type cross browsers testing
DESCRIPTION
Cross browsers testing, tool to test cross-browsersTRANSCRIPT
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
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!