Archive for the ‘Tutorials’ Category

Resolving Same-Origin Policy for running Canvas animation locally

August 18, 2011 Leave a comment



To solve this problem:

  • Firefox:Type about:config in the address bar and press Enter,change security.fileuri.strict_origin_policy to false。
  • Chrome:Run command /path-to-chrome/chrome.exe -allow-file-access-from-files。


Categories: Tutorials

Useful QA Tools

August 5, 2011 Leave a comment

QA Automation Tools:

Screenshot Capturing Tools:

Image Editing Tools:

Network Monitoring Tools:

SEO/Performance/Load Testing Tools:

Spider/Crawl Tools:

Categories: Tutorials

Mobile Emulation & Testing

August 5, 2011 Leave a comment

Mobile Emulation

Emulator from device providers:

URL Description Iphone and iPad Web Browser Simulator Iphone simulator in a browser Iphone simulator that runs on Mac


URL Description W3C Mobile OK Checker WURFL Test Suite Gomez Mobile Readiness Test Gomez Cross Device Compatibility Test Firefox-Addon to switch user agents (browsers/mobile) Safari User Agent switcher Record/Playback functional testing on IOS apps for Iphones/Ipads


URL Description Company that provides mobile testing solution Provides enterprise developers with the ability to create secure apps that can be distributed, updated, managed, and provisioned for an entire organization.
Categories: Tutorials

Full site automatic screenshot capturing in different browsers

August 5, 2011 Leave a comment

Important Notes

  • There are automated bulk screenshot capture solutions for all browsers except Safari (Windows). However, there is a extension in Safari that will speed up the process of taking bulk screenshots.
  • Users will need to run Xenu site scan to get a list of URLs first before using any of these bulk screenshot capture tools.

Bulk Screenshot Capture

  1. Firefox browsers (Windows/Mac) – “Grab Them All” Add-on
    1. Download:
    2. Usage: Open Add-on, provide a list of URLs in a text file and specify output folder.
  2. IE browsers (Windows) – “SiteShoter”
    1. Download:
    2. Usage: Open tool, provide a list of URLs in a text file and specify output folder.
  3. Safari (Windows) browsers – “Snapper” extension
    1. Download:
    2. Usage: Open Safari, open page, click “Snap”, drag image into output folder.
  4. Safari (Mac) browsers – “Paparazzi!”
    1. Download:
    2. Usage: Open tool, set output name and folder in Preferences, drag list of URLs into the batch screenshots window, and start.

Single Screenshot Capture in Safari (Mac)

Categories: Tutorials

Full site Automatic Javascript Error Checking using Xenu/Firebug/Grab them All

August 5, 2011 Leave a comment

Important Notes

  • This way only captures on-page-load Javascript errors
  • It is better if developers run this themselves so they can debug these errors easily (using Firebug)

Tools to Use


  1. Start Xenu
  2. Do a crawl on the website you want to test
  3. Select to do a report
  4. In the report, copy the list of URLs under “List of valid URLs you can submit to a search engine” into a text file
  5. Open Firefox
  6. Start Firebug and make sure “Show Javascript Error” is checked in console tab
    1. Click arrow beside Console
    2. Click “Show Javascript Error”
  7. Start “Grab them all”
  8. Load the text file containing the list of URLs and select the destination folder
  9. Click “Let’s go!”


  • Taking a screenshot of the console (It includes the location, line number, error)
  • Manually copying the location of each error into a text/excel file



Categories: Tutorials

Web Analytics Testing

August 5, 2011 1 comment
Procedures for Analytics Testing


  • Estimating your time properly – consider analytics tagging as another functional requirement
    • Should the whole list of tags be tested? Subset?
    • Type of analytics? On Page level? On Click?
    • Can it be automated?


  • Know what you’re expecting to see for each tag/request being sent
    • e.g. Omniture: we have a set of s.prop* that are encoded when passed into the request (de-code the s.prop values)
  • Find out who implemented analytics tracking
  • Request information about the analytics account (Account ID, login, password)


  • Who is the host for tracking our tags?
  • Describe when a tag is fired in the input document
  • Exactly what are we expecting for the outputs when a request is made on the page
  • Having the analytics analyst user-acceptance test the product/implementation


  • Spreadsheet listing out all tags and their test results

Different Types of Analytics Tracking


  • Page Tagging
  • Click Analytics
  • Web server Logfile Analysis
  • Visitor’s Geolocation
  • Customer Life Cycle Analytics

BR QA usually tests the first two types of analytics tracking and ensure tags/requests are fired correctly.

Tools used for Analytics Testing

Tool Name Description Download Link
HTTPWatch Add-on for IE/Firefox
Charles Standalone tool
Fiddler Add-on/Standalone tool for IE
Wasp Add-on for Firefox

Different applications that provide Analytics Tracking

Automating Page-level Tag Tracking

  1. Use Xenu to grab the list of valid URLs for the site
  2. Start Charles/Fiddler
  3. Set filter to filter only the analytics application you want to track (e.g. for WebTrends)
  4. Start a bulk screenshot capture tool (e.g. siteshoter)
  5. Run the bulk screenshot capturing on the list of URLs
  6. Export the results from Charles/Fiddler to a csv file
  7. Open the csv file in Excel, delete un-needed columns and delimit columns with “&” character
  8. Compare the analytics tags manually
Categories: Tutorials

Setting Up IIS on your local machine

August 5, 2011 Leave a comment


  • To test HTML pages with CSS and javascript
  • To test simple banner ads
  • To test pages with no backend


  • Default looks for Default.asp, Default.html, etc as default page
  • CSS/JS usually should be binded to HTML files (no other set up necessary)


To enable IIS:

  1. Start Menu > Search for “Turn Windows features on or off”
  2. Browse to: Internet Information Services > Web Management Tools > IIS Management Console
  3. Select/Check the “IIS Management Console”
  4. Click the OK Button

To Add a new site:

  1. Open IIS Manager (Control Panel > Administrative Tools > IIS Manager)
  2. Right click your machine or Sites and click “Add Web Site …”
  3. Enter a site name
  4. Find directory of the SVN checkout of the pages
  5. Set Port (Change/increment port if already in use, for multiple projects)
  6. Hit OK
  7. Now go to a browser and go to “http://localhost/(port)



  • Control over code base
  • Faster updates/builds by simply doing a SVN update
    • Tools like Jenkens/Hudson- Full builds may take a long time (30 minutes or more)
    • Builds might fail
  • Control over data
  • For video/meda, you can simply throw it on the IIS to test
Categories: Tutorials