QA/Fennec/Webpages: Difference between revisions

From MozillaWiki
< QA‎ | Fennec
Jump to navigation Jump to search
 
(25 intermediate revisions by 2 users not shown)
Line 2: Line 2:


== Purpose ==
== Purpose ==
The mobile web is much different than the regular web and will change over time to be even more different. As a result, testing over common desktop-based web pages should be tested for their compatibility with smaller embedded devices and screens. The websites listed on this page should act as a starting point for exploratory testing to make sure Mozilla's Mobile Firefox has full end-to-end compatibility with mobile browsing.
The web can be different when viewed on a mobile device as hardware and operating system constraints can be stringent on the things that can be performed by an application. With that said,, testing over common desktop-based web pages need be tested for their compatibility over such environments. The websites listed on this page should act as a starting point for exploratory testing with mobile browsing on Mozilla's Mobile Firefox.


== Types of Testing ==
== Animations ==
=== Plugins ===
* [http://www.webhamster.com/ Hamster Dance]
 
== AJAX ==
* Maps
** What to Do:
*** Get directions from your home to the new HQ
*** Search for directions and add the resulting page as a bookmark
** Example Sites
*** [http://maps.google.com/ Google Maps]
*** [http://www.trulia.com/ Trulia]
*** [http://maps.yahoo.com/ Yahoo! Maps]
* E-mail
** What to Do:
***  Save your login credentials, log out and revisit the page again
*** Check you Inbox
*** Compose and send an e-mail
*** Download an attachment
*** Add a calendar event
*** Upload a spreadsheet (via Gmail if you have it)
*** Open their online instant messaging application
** Example Sites
*** [http://www.gmail.com/ Gmail]
*** [http://mail.yahoo.com/ Yahoo! Mail]
* News Readers
** Example Sites
*** [http://reader.google.com/ Google Reader]
 
== Plugins ==
==== Flash ====
==== Flash ====
* Games
* Games
** [http://www.newgrounds.com/game/ Newgrounds Games]
** '''What to Do:'''
** [http://www.addictinggames.com/index.html Addicting Games]
*** Play a game!
*** Zoom and pan
** '''Example Sites'''
*** [http://www.newgrounds.com/game/ Newgrounds Games]
*** [http://www.addictinggames.com/index.html Addicting Games]
* Video
* Video
** [http://www.hulu.com/ Hulu]
** '''What to Do:'''
** [http://www.youtube.com/ Youtube]
*** Watch videos and play around with seeking and the rest of the video player controls
** [http://video.yahoo.com/ Yahoo! Video]
*** Re-size your browser windows while the video is playing
** [http://www.metacafe.com/ Metacafe]
*** Do your daily browsing on another tab while watching a video
** [http://video.google.com/ Google Video]
*** Rate and/or post a comment to videos while watching one
** [http://www.newgrounds.com/toon/ Newgrounds Movies]
** '''Example Sites'''
*** [http://www.vimeo.com/ Vimeo]
*** [http://www.dailymotion.com/ Dailymotion]
*** [http://www.hulu.com/ Hulu]
*** [http://www.youtube.com/ Youtube]
*** [http://video.yahoo.com/ Yahoo! Video]
*** [http://www.metacafe.com/ Metacafe]
*** [http://video.google.com/ Google Video]
*** [http://www.newgrounds.com/toon/ Newgrounds Movies]
*** ''Developer note: many of these sites do not send optimized content to Fennec.  For example, YouTube just recently switched to use the Sorenson codec which is much better on the n900.  If you are testing, please be aware that frame rates may vary based on what sort of content the provider is sending down.''
* Ads
* Ads
** [http://www.yahoo.com/ Yahoo!]
** '''What to Do:'''
** [http://www.penny-arcade.com/ Penny Arcade]
*** Pan around the ads
** [http://www.espn.com/ ESPN]
*** Click on the ads
*** Wait for the ads to cycle
** '''Example Sites'''
*** [http://www.yahoo.com/ Yahoo!]
*** [http://www.penny-arcade.com/ Penny Arcade]
*** [http://www.espn.com/ ESPN]
*** [http://www.fandango.com/ Fandango]
* Mix and Match
** '''What to Do:'''
*** Pan around the page
*** Click on links in the background
*** Play videos
*** Browse through carousels
** '''Example Sites'''
*** [http://www.cnn.com/ CNN]
*** [http://www.cnnsi.com/ CNN SI]
*** [http://www.bbc.com/ BBC]
*** [http://www.nytimes.com/ New York Times]
*** [http://www.boston.com/bostonglobe/ Boston Globe]
*** [http://www.cartoonnetwork.com/ Cartoon Network]
*** [http://www.nick.com/ Nickelodeon]
* Full Flash Sites
** [http://www.gotmilk.com Got Milk?]
** [http://www.mauriciostudio.com/ Mauricio Studio]
** More options at: [http://www.smashingmagazine.com/2009/06/07/50-beautiful-flash-websites/ 50 beautiful Flash Websites]


=== Mobile Webpage Compatibility ===
== Addtl. Webpage Compatibility Resources ==
* [http://www.alexa.com/topsites/countries Per Geographic Location]
* [http://www.alexa.com/topsites/countries Per Geographic Location]
* [https://wiki.mozilla.org/QA/TestDay/TestPlan/Website_Compatibility Daily Browsing Test Guide for Desktop Firefox]

Latest revision as of 21:39, 26 January 2010

Mobile Website Compatibility Testing

Purpose

The web can be different when viewed on a mobile device as hardware and operating system constraints can be stringent on the things that can be performed by an application. With that said,, testing over common desktop-based web pages need be tested for their compatibility over such environments. The websites listed on this page should act as a starting point for exploratory testing with mobile browsing on Mozilla's Mobile Firefox.

Animations

AJAX

  • Maps
    • What to Do:
      • Get directions from your home to the new HQ
      • Search for directions and add the resulting page as a bookmark
    • Example Sites
  • E-mail
    • What to Do:
      • Save your login credentials, log out and revisit the page again
      • Check you Inbox
      • Compose and send an e-mail
      • Download an attachment
      • Add a calendar event
      • Upload a spreadsheet (via Gmail if you have it)
      • Open their online instant messaging application
    • Example Sites
  • News Readers

Plugins

Flash

Addtl. Webpage Compatibility Resources

Retrieved from "https://wiki.mozilla.org/index.php?title=QA/Fennec/Webpages&oldid=196939"