Web applications has been changed drastically over decade in the sense they are more interactive. From static HTMLs to dynamic ASP.NET or JSP based application followed by AJAX-enabled web applications and now client-side libraries like jQuery has added spice to them making them even more interactive and responsive. The change is not only confined to development where we have now entirely different skillset for front-end (more focused on Presentation layer) & back-end coding (focused on Business & Data Layer). The whole change has opened up new fortunes of QA as well where we have now different skillset to do Functional QA (for Backed stuff) and Creative QA (for Presentation).
Creative QA is the one which is new and emerging trend, from QA perspective, in order validate the web applications so as things work cross platforms & cross browsers. Its no more confined to merely look and feel & copy contents.
Below are some key focus areas for Creative QA:
| Creative Testing Scenarios | |
| 1 | User Interface Testing : Verify that the key visual elements of Integrated pages including Layout, spacing, alignment, fonts, Colors, Buttons, Scrollbar, Icons, borders and text box size, button size as per the style guide. |
| 2 | Content & style: related to content copy & font style
|
| 3 | Page Navigations: Verify hyperlinks and there targets |
| 4 | Page scrolling: Horizontal scrolling is not preferable in general. Horizontal scrollbar shouldn’t be displayed on any of the pages when viewed in 1024 X 768 resolution. |
| 5 | Javascript issues : Check for JS related issues across browsers. |
| Cross Browser/OS/Platform Compatibility Scenarios: | |
| 1 | IE7, IE8, FF, Chrome, Safari & Opera on Win XP |
| 2 | IE9, FF, Chrome, Safari & Opera on Win 7 |
| 3 | FF, Chrome & Safari on Mac |
| 4 | Mobile Device Compatibility: iPhone/iPad/Android/Blackberry |
| Functional Testing Scenarios: | |
| 1 | Form Validations: Verify that error messages are displayed if there is some error while filling up the form as per the project reference document. Check form functionality for various controls |
| 2 | Download functionality: Check for document downloaded correctly across browsers. |
| 3 | Mail dispatched: Check sent emails in correct format with appropriate mail subject & body test |
| 4 | Media (Images/Videos) rendering: Videos & images are displayed correctly as per requirements |
| Miscellaneous Scenarios: | |
| 1 | W3C Compliance |
| 2 | WCAG AA/AAA Compliance |
| 3 | SEO Compliance |
| 4 | Performance |
Cheers!!
