Archive

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。

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

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: 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

Setting Up IIS on your local machine

August 5, 2011 Leave a comment

PURPOSE

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

GENERAL INFO

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

INSTRUCTIONS

To enable IIS:
Reference: http://www.victorchen.info/enable-iis-manager-in-windows-7/

  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)

  

DIFFERENCES COMPARING TO TESTING ON A QA SERVER:

  • 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