Web testing
Download as PPT, PDF1 like1,185 views
The document discusses various aspects of web testing including: 1) Features that make websites complex such as customizable layouts, dynamic content, and compatibility with different browsers and devices. 2) The basics of web testing including treating each page as a "black box" and creating a state table to map connections between pages. 3) Elements to test on web pages including text, hyperlinks, graphics, forms, and other features; and ensuring proper loading, sizing, and functionality across different browsers, versions, and devices.
Web testing
- 1. Web Testing The possible web page features. A partial list of them includes: – – – – – – Text of different sizes, fonts, and colors (okay, you can't see the colors in this book) Graphics and photos Hyperlinked text and graphics Rotating advertisements Text that has Drop-down selection boxes Fields in which the users can enter data.
- 2. features that make the website much more complex: Customizable layout that allows users to change where information is positioned onscreen Customizable content that allows users to select what news and information they want to see Dynamic drop-down selection boxes Dynamically changing text Dynamic layout and optional information based on screen resolution Compatibility with different web browsers, browser versions, and hardware and software platforms Lots of hidden formatting, tagging, and embedded information that enhances the web page's usability
- 3. Testing Web Page The easiest place to start is by treating the web page or the entire website as a black box. When testing a website, you first should create a state table Treating each page as a different state with the hyperlinks as the lines connecting them. A completed state map will give a better view of the overall task.
- 4. What to look for in Web Testing Text : – – – – – – – – Web page text should be treated just like documentation Check the audience level, the terminology, the content and subject matter, the accuracy especially of information that can become outdated and always, always check spelling. Don't rely on spell checkers to be perfect, especially when they're used on web page content. They might only check the regular text but not what's contained in the graphics, scrolling marquees, forms, and so on. If there is contact information such as email addresses, phone numbers, or postal addresses, check them to make sure that they're correct. Make sure that the copyright notices are correct and dated appropriately. Test that each page has a correct title. Overlooked type of text is called ALT text, for Alternate text Not all browsers support display of the ALT text.
- 5. What to look for in Web Testing (Cont..) Hyperlinks – – Links can be tied to text or graphics. Each link should be checked to make sure that it jumps to the correct destination and opens in the correct window. Make sure that hyperlinks are obvious. Text links are usually underlined, and the mouse pointer should change (usually to a hand pointer) when it's over any kind of hyperlink text or graphic.
- 6. What to look for in Web Testing (Cont..) Graphics – – – – – – Do all graphics load and display properly? If a graphic is missing or is incorrectly named, it won't load and the web page will display an error where the graphic was to be placed If text and graphics are intermixed on the page, make sure that the text wraps properly around the graphics. Try resizing the browser's window to see if strange wrapping occurs around the graphic. How's the performance of loading the page? Are there so many graphics on the page, resulting in a large amount of data to be transferred and displayed, that the website's performance is too slow? What happens if you test on a slow dialup connection instead of your company's fast local area network?
- 7. What to look for in Web Testing (Cont..) Forms – – – – – Forms are the text boxes, list boxes, and other fields for entering or selecting information on a web page Are the fields the correct size? Do they accept the correct data and reject the wrong data? Is there proper confirmation when you finally press Enter? Are optional fields truly optional and the required ones truly required? What happens if you enter 99999999999999999999999?
- 8. What to look for in Web Testing (Cont..) Objects and Other Simple Miscellaneous Functionality – – – – – – – – Website may contain features such as a hit counter, scrolling marquee text, changing advertisements, or internal site searches When planning tests for a website, take care to identify all the features present on each page. Treat each unique feature as you would a feature in a regular program and test it individually with the standard testing techniques. Does it have its own states? Does it handle data? Could it have ranges or boundaries? What test cases apply and how should they be equivalence classed? A web page is just like any other software.
- 9. Configuration and Compatibility Testing of Web page Hardware Platform. Is it a Mac, PC, PDA, MSNTV, or a WiFi wristwatch? Each hardware device has its own operating system, screen layout, communications software, and so on. Each can affect how the website appears onscreen. Browser Software and Version. There are many different web browsers and browser versions. Some run on only one type of hardware platform, others run on multiple platforms. Some examples are AOL 9.0, Firefox 1.0, Internet Explorer 5.0 and 6.0, Pocket IE, Netscape 7.2, and Opera 7.54. Each browser and version supports a different set of features. A website may look great under one browser and not display at all under another. How would this impact your testing? Browser Plug-Ins. Many browsers can accept plug-ins or extensions to gain additional functionality. An example of this would be to play specific types of audio or video files.
- 10. Configuration and Compatibility Testing of Web page Hardware Platform. Is it a Mac, PC, PDA, MSNTV, or a WiFi wristwatch? Each hardware device has its own operating system, screen layout, communications software, and so on. Each can affect how the website appears onscreen. Browser Software and Version. There are many different web browsers and browser versions. Some run on only one type of hardware platform, others run on multiple platforms. Some examples are AOL 9.0, Firefox 1.0, Internet Explorer 5.0 and 6.0, Pocket IE, Netscape 7.2, and Opera 7.54. Each browser and version supports a different set of features. A website may look great under one browser and not display at all under another. How would this impact your testing? Browser Plug-Ins. Many browsers can accept plug-ins or extensions to gain additional functionality. An example of this would be to play specific types of audio or video files.