web testing

19
Web testing: useful tips, tricks and tools Prepared by Svetlana Dubyk 26-05-2012

Upload: qa-club-kiev

Post on 26-May-2015

2.582 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Web testing

Web testing: useful tips, tricks and tools

Prepared by Svetlana Dubyk

26-05-2012

Page 2: Web testing

Agenda

Web testing: useful tips, tricks and tools

 

Web sites peculiarities

Web testing peculiarities

UI, Usability testing

Cross-browser testing

Security testing

Other tests

Tips

Tools

Web testing: useful tips, tricks and tools

 

Page 3: Web testing

Web sites peculiarities Web testing: useful tips, tricks and tools

 

Page 4: Web testing

Web testing peculiarities Web testing: useful tips, tricks and tools

 

Page 5: Web testing

UI testing, Usability Web testing: useful tips, tricks and tools

 

Page 6: Web testing

Cross-browser testing Web testing: useful tips, tricks and tools

 CSS ValidationHTML or XHTML validationPage validations with/without JavaScript enabledAjax and jQuery functionalityFont size, color, formatting validationsPage layout in different resolutionsImages - Alignment, Tool Tips, Alt TagsHeader and footer sectionsHorizontal scroll barPage content alignment to Center, LHS, RHSSpecial characters with HTML character encodingMouse Hover and Cursor PropertiesZoom in/ outSpecial charactersLocalization: Date formats

Page 7: Web testing

Security testing Web testing: useful tips, tricks and tools

 

Page 8: Web testing

Other tests Web testing: useful tips, tricks and tools

 

JavaScript Images Cookies

Page 9: Web testing

Test environments Web testing: useful tips, tricks and tools

 

Page 10: Web testing

Wireframes/ mockups/ prototypes

https://berlingskemedia.mybalsamiq.com/projects/premium/grid

http://designmodo.com/free-wireframe-mockup/

Web testing: useful tips, tricks and tools

 

A wireframe doesn't include color, typography, photos or illustration and not too much care is given to the exact layout and proportions. It doesn't convey the brand. Instead it just contains descriptions of the content, functionality and the hierarchy within within which they are displayed.A mockup goes a step further by adding those kind of things.A prototype actually imitates some functionality of the finished product

Prototypes have functionality, mockups have graphics design, wireframes have neither

Page 11: Web testing

Wireframes/ mockups/ prototypes Web testing: useful tips, tricks and tools

 

Page 12: Web testing

User acceptance testing Web testing: useful tips, tricks and tools

 

Page 13: Web testing

Prioritize your work Web testing: useful tips, tricks and tools

 

Page 14: Web testing

Tools Web testing: useful tips, tricks and tools

 

Page 15: Web testing

Tools Web testing: useful tips, tricks and tools

 

Page 16: Web testing

Useful links Web testing: useful tips, tricks and tools

 

http://www.softwareqatest.com/qatweb1.htmlhttp://www.udemy.com/blog/top-mockup-tools/http://validator.w3.org/http://freelancefolder.com/7-fresh-and-simple-ways-to-test-cross-browser-compatibility/http://www.w3schools.com/browsers/browsers_stats.asphttp://browsershots.org/https://browserlab.adobe.com/en-us/index.htmlhttp://spoon.net/browsers/http://saucelabs.com/http://www.hongkiat.com/blog/useful-web-usability-testing-tools/

Page 17: Web testing

Questions Web testing: useful tips, tricks and tools

 

Page 18: Web testing

Contacts Web testing: useful tips, tricks and tools

 

Email: [email protected] [email protected] Skype:

svetlana_dubyk

Page 19: Web testing

Thank you Web testing: useful tips, tricks and tools