The article belongs to Cross browser testing for web applications, it means multiple browsers testing for web applications and mobile applications.
Cross browser testing for web applications
When it comes time to turn our web application or mobile application is fully tested and fully functional, QA should make sure that it works great for everyone visiting our site whether they’re using Internet Explorer, Firefox, or any other browser. Hence a web application is in the process of being completed, it is good practice to conduct Cross Browser Testing for web applications.
In 2006, IE was the dominant browser, and there was some upstart browser called Firefox which a lot of geeks raved about. But generally it wasn’t considered to be too important or mainstream. Welcome to 2015 – we have a host of browsers such as Chrome, Firefox, Safari. And we still have IE, but which version is important – IE6? IE11? Every possible version? Do we need to test on Windows 8, Windows 7, and Vista? Do we need to test on Apple and Linux machines? And that’s not even going into mobile devices or tablets? Are we going to choose out a few versions of iOS or Android which are important? The best thing to do is to work out which are the most currently popular devices out there – even better, ask marketing for the traffic statistics of end users usage to narrow down what browsers, Operating systems, environment and devices are mostly in use.
Let’s start about Cross browser testing for web applications
Cross browser testing is simply what its name means- that is, to test your website or application in multiple browsers/Operating systems and making sure that it works consistently and as in intended without any dependencies, or compromise in Quality. This is applicable to both web and mobile applications.
Things to remember while performing Cross Browser testing:
- Are all my fields present?
- Can I enter data/select items as expected?
- Is information displayed to the user consistently?
- Does the UI look ugly and unusable? Sometimes alignment can be all over the place, and it makes the screen look ugly. And something that’s ugly often undermines trust in the legitimacy of the website.
- How does the screen look on different resolution settings?
- How does the screen look on maximum vs resize of the browser? Or when I minimize the page?
- Does the description of the page on the tab bar make sense?
- What happens if I use the back/forward/refresh buttons?
- Do all error messages get displayed appropriately? Playing around with mobile browsers
- What happens if I click a drop down box? Apple and Android have their own built in methods for dealing with these, and sometimes it can’t handle drop down boxes with large amounts of text well.
- How does the mobile browser handle being turned sideways from landscape to portrait and back again during an operation?
- How useable is the keyboard in landscape and portrait mode?
- Apple and Android don’t really have pop-up boxes. Does your system have any? How does it handle them?
BrowserStack is a cross browser testing tool to test the websites and protected servers on a cloud infrastructure of desktop and mobile browsers. Using this tool we can test our website across 700+ browsers. A very important point to note is that BrowserStack does not provide any testing services, it just provides cloud based infrastructure services. The user could do manual testing OR go with a testing framework like Selenium. This is certainly a viable alternative to virtual machines for those running short on system resources. Additionally Browserstack offering a lot more including automated functional testing, browser screenshot capture and a responsive design testing service that lets you see how your site will look across multiple devices (not just browsers).
Browserstack allows a 30-minute free trial when you sign up for it. Into the first three minutes of use, we understood what they meant by usability and reliability. It was really easy to use. Once you’re done choosing the operating system and the browser that you wish to emulate, Browserstack gets to work and provides you a virtual environment within your browser.