Archive

Archive for August, 2011

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。

Resource: http://code.google.com/p/casualjs/

Advertisements
Categories: Tutorials

Testing from different Locales

August 17, 2011 Leave a comment

Using Proxy Servers

Tutorials: 

List of Free Proxy Servers:

Changing Geo location in Firefox

Instructions:

  1. Open Firefox
  2. Go to: “http://www.getlatlon.com/” and find the longitude/latitude of the address you want to change to
  3. Type “about:config” in the location bar
  4. Search for “geo.wifi.url”
  5. Replace the old url with:

data:application/json,{“location”:{“latitude”:xxx,”longitude”:yyy,”accuracy”:10}}

Note: Original string is “https://www.google.com/loc/json” in case you want to change it back

Information from:

Categories: Quality Assurance

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: http://intra.blastradius.com/display/mobile/Mobile+Emulation

URL Description
http://code.google.com/p/ibbdemo2/ Iphone and iPad Web Browser Simulator
http://testiphone.com/ Iphone simulator in a browser
http://www.marketcircle.com/iphoney/ Iphone simulator that runs on Mac

Testing

URL Description
http://validator.w3.org/mobile/ W3C Mobile OK Checker
http://m.wurflpro.com/passani/ts/ WURFL Test Suite
http://www.gomez.com/mobile-readiness-instant-test/ Gomez Mobile Readiness Test
http://www.gomez.com/cross-device-website-compatibility-test/ Gomez Cross Device Compatibility Test
http://chrispederick.com/work/user-agent-switcher/ Firefox-Addon to switch user agents (browsers/mobile)
http://mobiforge.com/designing/blog/user-agent-switcher-safari-4 Safari User Agent switcher
http://www.gorillalogic.com/fonemonkey Record/Playback functional testing on IOS apps for Iphones/Ipads

Other

URL Description
http://www.deviceanywhere.com/ Company that provides mobile testing solution
http://www.apperian.com/ease 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: https://addons.mozilla.org/en-US/firefox/addon/grab-them-all/
    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: http://www.nirsoft.net/utils/web_site_screenshot.html
    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: http://blog.starplace.org/snapper-simple-snapping-safari-extension
    2. Usage: Open Safari, open page, click “Snap”, drag image into output folder.
  4. Safari (Mac) browsers – “Paparazzi!”
    1. Download: http://derailer.org/paparazzi/
    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

Usage

  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!”

Reporting

  • 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

Screenshots

            

Categories: Tutorials

Web Analytics Testing

August 5, 2011 1 comment
Procedures for Analytics Testing

Pre-planning

  • 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?

Pre-test

  • 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)

Test

  • 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

Deliverables

  • Spreadsheet listing out all tags and their test results

Different Types of Analytics Tracking

Resource: http://en.wikipedia.org/wiki/Web_analytics

  • 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 http://www.httpwatch.com/download/
Charles Standalone tool http://www.charlesproxy.com/download/
Fiddler Add-on/Standalone tool for IE http://www.fiddler2.com/fiddler2/version.asp
Wasp Add-on for Firefox https://addons.mozilla.org/en-US/firefox/addon/web-analytics-solution-profile/

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. statse.webtrendslive.com 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
Other
Categories: Tutorials