14
Author: Vu Tran Oct 2013 Testing Experience in Web Application Support Tools

Testing experience in web application P1 support tools

  • Upload
    vu-tran

  • View
    120

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Testing experience in web application  P1 support tools

Author: Vu TranOct 2013

Testing Experience in Web Application

Support Tools

Page 2: Testing experience in web application  P1 support tools

1. How to auto fill?2. How to capture all page?3. How to count number of characters?4. How to test session time out?5. How to test long text?6. How to test font size, color?7. How to prepare test data: CSV, audio, video, pdf,

image?

Content

Page 3: Testing experience in web application  P1 support tools

How to auto fill the forms?

Page 4: Testing experience in web application  P1 support tools

Tips & Trick: Auto fill tool

Chrome:+ Use Autofill on Settings page: refer https://support.google.com/chrome/answer/142893?p=settings_autofill&rd=1+ Use Autofill add-on from Storehttps://chrome.google.com/webstore/detail/autofill/nlmmgnhgdeffjkdckmikfpnddkbbfkkk/reviews

FireFox:+ Use Autofill add-on from Storehttps://addons.mozilla.org/en-us/firefox/addon/autofill-forms/

Safari:+ Use Auto fill on Preferences: Click Settings button Preferences Select tab Auto Fill

Internet Explore 9:+ Currently, there is no any ways to fill the forms automatically.

Page 5: Testing experience in web application  P1 support tools

How to capture screenshot all web page?

Page 6: Testing experience in web application  P1 support tools

Tips & Trick: FireShot

Chrome:+ Use add-on “Webpage screenshot” from web storehttps://chrome.google.com/webstore/detail/webpage-screenshot-captur/ckibcdccnfeookdmbahgiakhnjcddpki

All other browsers:+ Use FireShot tool:

• Chrome: https://chrome.google.com/webstore/detail/capture-webpage-screensho/mcbpblocgmgfnpjjppndjkmgjaogfceg?utm_source=chrome-ntp-icon • FireFox: https://addons.mozilla.org/en-US/firefox/addon/fireshot/?src=search• Internet Explore: http://www.iegallery.com/Addons/Details/14299

+ Use Zing chat application.

Safari:+ Still searching to find solution…

Page 7: Testing experience in web application  P1 support tools

How to count number of characters?Is this simple for 20, 32 or may be 128 characters?

So how about 500, 5000 or more characters? And how can you count number of characters on Password field?

Page 8: Testing experience in web application  P1 support tools

Tips & Trick: Notepad ++Notepad ++ is the best solution

Page 9: Testing experience in web application  P1 support tools

How to test session time out?

Are you waiting for session time out? 30, 60 minutes or more? You are wasting time…

Page 10: Testing experience in web application  P1 support tools

Tips & Trick: Delete Session

Delete the session by manual• Chrome & Safari : Right click Inspect Element Click “Resource” tab Click

webpage on section “Cookies” Delete session • FireFox: Install Fire Bug (Link) Open Fire Bug Select “Cookies” tab Delete

session• IE: Settings F12 Developer Tools Click “Cache” tab Select “Disable

cookies”

Page 11: Testing experience in web application  P1 support tools

How to test long text?

Some fields are difficult to test long text, like Email field

Or take many times to create information with long text• Create information• Activation is required• …

Page 12: Testing experience in web application  P1 support tools

Tips & Trick: Inspect ElementChrome & Safari

•Right click on the text•Click “Inspect Element”•Find the text in Source Code•Edit

FireFox: (Install FireBug)•Right click on the text•Click “Inspect Element with FireBug”•Find the text in Source Code•Edit

IE: • Settings Open “F12 Developer tools”•On HTML tab, click “mouse” button, then click on the text that you want to edit•Find the text in Source Code•Edit

Page 13: Testing experience in web application  P1 support tools

How to test font size, style and color?

• What is font color of this text? Black or Gray?

• What is font family of this text?Is this the same with design?

• What is font size of this text? 13px or 15px?

Page 14: Testing experience in web application  P1 support tools

Tips & Trick: Inspect ElementAll browsers:• Inspect Element like the previous tip • Focus on Style panel at left side• Try to find:

font-size: 13px, 15px… font-weight or font-style: Bold, Normal, Italic font-color: Red, Yellow, Blue… or color code #000000, #5b5b5b font-family: font kind of text, like Arial, Time New Roman…