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!