| || |
What's A Cost Effective Way to Find UI Defects
i'm testing a web-based Java application that can be used on multiple browsers. We have automated functional testing thru the UI, but it doesn't test if the webpage is rendered correctly. (do text boxes extend off the webpage, are fields aligned properly, do icons and buttons display correctly on both IE and on Firefox, etc). Manual testing is extremely time-consuming and not always accurate, not to mention mind-numbing.
Are there other alternatives? Can this type of testing be automated in a efficient, cost-effective way, and, if so, how (what tools?)?
There are plenty of alternatives, such as outsourcing, or using a hosted cross-browser service like BrowserStack (Cross Browser Testing Tool. 200+ Browsers, Mobile, Real IE.).
Cost-effective depends on may factors specific to your situation. Search for "cross-browser testing" and see what might be effective for you.
Currently I take screenshots for every new page encountered in my automated functional tests, which I'm calling 'Reference ScreenShots'.
What I want to do in the future is to gamify comparing these reference screenshots and make them Amazon Mechanical Turk tasks. For example, putting 2 screenshots side by side and asking the human performing the Amazon Human Intelligence Tasks (HITs), to find the differences. Then they get paid a few dimes for each screen they do.
BTW.. BBC has a fairly good tool, it highlights the differences so a human reviewing it can compare easier.
Responsive CSS Testing Made Simple with the BBC's Wraith - Features - Source: An OpenNews project
Shift a few of the pixels for the left and right eye. We can show it in a 3D movie theater