type cross browsers testing
DESCRIPTION
Cross browsers testing, tool to test cross-browsersTRANSCRIPT
![Page 1: Type Cross browsers testing](https://reader034.vdocuments.site/reader034/viewer/2022052523/55581028d8b42a5e468b47e6/html5/thumbnails/1.jpg)
CROSS BROWSERS TESTING
Presenter: Thu.Nguyen
![Page 2: Type Cross browsers testing](https://reader034.vdocuments.site/reader034/viewer/2022052523/55581028d8b42a5e468b47e6/html5/thumbnails/2.jpg)
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
![Page 3: Type Cross browsers testing](https://reader034.vdocuments.site/reader034/viewer/2022052523/55581028d8b42a5e468b47e6/html5/thumbnails/3.jpg)
Cross Browsers Challenges
New versions released frequently
Many different versions
Many different browsers
3
![Page 4: Type Cross browsers testing](https://reader034.vdocuments.site/reader034/viewer/2022052523/55581028d8b42a5e468b47e6/html5/thumbnails/4.jpg)
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
![Page 5: Type Cross browsers testing](https://reader034.vdocuments.site/reader034/viewer/2022052523/55581028d8b42a5e468b47e6/html5/thumbnails/5.jpg)
Which devices and browsers
should I test?
http://www.w3schools.com
![Page 7: Type Cross browsers testing](https://reader034.vdocuments.site/reader034/viewer/2022052523/55581028d8b42a5e468b47e6/html5/thumbnails/7.jpg)
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
![Page 8: Type Cross browsers testing](https://reader034.vdocuments.site/reader034/viewer/2022052523/55581028d8b42a5e468b47e6/html5/thumbnails/8.jpg)
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
![Page 9: Type Cross browsers testing](https://reader034.vdocuments.site/reader034/viewer/2022052523/55581028d8b42a5e468b47e6/html5/thumbnails/9.jpg)
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
![Page 10: Type Cross browsers testing](https://reader034.vdocuments.site/reader034/viewer/2022052523/55581028d8b42a5e468b47e6/html5/thumbnails/10.jpg)
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
![Page 11: Type Cross browsers testing](https://reader034.vdocuments.site/reader034/viewer/2022052523/55581028d8b42a5e468b47e6/html5/thumbnails/11.jpg)
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
![Page 12: Type Cross browsers testing](https://reader034.vdocuments.site/reader034/viewer/2022052523/55581028d8b42a5e468b47e6/html5/thumbnails/12.jpg)
Type of Cross Browsers Testing
![Page 13: Type Cross browsers testing](https://reader034.vdocuments.site/reader034/viewer/2022052523/55581028d8b42a5e468b47e6/html5/thumbnails/13.jpg)
Cross Browsers Testing Tools
• Browsershots
![Page 14: Type Cross browsers testing](https://reader034.vdocuments.site/reader034/viewer/2022052523/55581028d8b42a5e468b47e6/html5/thumbnails/14.jpg)
Cross Browsers Testing Tools
• Browsera
![Page 15: Type Cross browsers testing](https://reader034.vdocuments.site/reader034/viewer/2022052523/55581028d8b42a5e468b47e6/html5/thumbnails/15.jpg)
Cross Browsers Testing Tools
• Browserstack
screenshot
![Page 16: Type Cross browsers testing](https://reader034.vdocuments.site/reader034/viewer/2022052523/55581028d8b42a5e468b47e6/html5/thumbnails/16.jpg)
Cross Browsers Testing Tools
• Browserstack
emulator
![Page 17: Type Cross browsers testing](https://reader034.vdocuments.site/reader034/viewer/2022052523/55581028d8b42a5e468b47e6/html5/thumbnails/17.jpg)
Cross Browsers Testing Tools
• Browserstack
responsive
![Page 18: Type Cross browsers testing](https://reader034.vdocuments.site/reader034/viewer/2022052523/55581028d8b42a5e468b47e6/html5/thumbnails/18.jpg)
Cross Browsers Testing Tools
• Spoon
![Page 19: Type Cross browsers testing](https://reader034.vdocuments.site/reader034/viewer/2022052523/55581028d8b42a5e468b47e6/html5/thumbnails/19.jpg)
Cross Browsers Testing Tools
• Multi Browser Viewer
![Page 20: Type Cross browsers testing](https://reader034.vdocuments.site/reader034/viewer/2022052523/55581028d8b42a5e468b47e6/html5/thumbnails/20.jpg)
Thank you!