B2G/QA/Tips And Tricks Part2: Difference between revisions

No edit summary
Line 27: Line 27:
== Top Sites ==
== Top Sites ==
When Testing Top Sites it’s important explore specific areas are functioning.  
When Testing Top Sites it’s important explore specific areas are functioning.  
 
* List of Top Sites: http://www.alexa.com/topsites
List of Top Sites: http://www.alexa.com/topsites


When testing websites we want to ensure user does not have a degraded experience by using a Firefox OS device rather than something else.
When testing websites we want to ensure user does not have a degraded experience by using a Firefox OS device rather than something else.


Scroll Events
=== Scroll Events ===
Depending on the webpage check to see if you can do a horizantal scroll; some allow for horizontal scroll or vertical scroll; some don’t allow for zoom.  You will need to check the web page source.  This also depends on the UA.  See UA section down below.  Mobile v Website version of the page.
* Depending on the webpage check to see if you can do a horizantal scroll; some allow for horizontal scroll or vertical scroll; some don’t allow for zoom.  You will need to check the web page source.  This also depends on the UA.  See UA section down below.  Mobile v Website version of the page.
Scrolling while content loads
** Scrolling while content loads
Scrolling large amounts of text/images check for black or white checkerboxing, stutters
** Scrolling large amounts of text/images check for black or white checkerboxing, stutters
Scroll over embedded videos
** Scroll over embedded videos
Scroll over an embedded section that also is scrollable (etherpad)
** Scroll over an embedded section that also is scrollable (etherpad)
Zoom: ( depends on the site, some mobile sites do not allow you to zoom, you will have to check the header in the website code )
** Zoom: ( depends on the site, some mobile sites do not allow you to zoom, you will have to check the header in the website code )
check to see how text, images, videos are handled when zoomed in/out and also pan around them
* check to see how text, images, videos are handled when zoomed in/out and also pan around them
pinch zoom
* pinch zoom
in
*** in
out
*** out
double tap zoom
*** double tap zoom
Overscroll ( ie try to scroll past the top or past the bottom of the page )
*** Overscroll ( ie try to scroll past the top or past the bottom of the page )
 
Menus
Tap a menu drop down, ensure it opens and stays open
check menu scrollability
rotate orientation with Menu open
attempt to open menu’s while page is loading
 
Share events
Add page to homescreen
Bookmark page
Edit bookmark
Email links by long pressing
share videos
attempt “Mail to:” email links
 
Flyouts, popups, overlays
Checkout cart UI
Information flyout boxes
Forms
Logins
popups


=== Menus ===
* Tap a menu drop down, ensure it opens and stays open
* check menu scrollability
* rotate orientation with Menu open
* attempt to open menu’s while page is loading


Media:
=== Share events ===
Image:
* Add page to homescreen
long tap on an image and save
* Bookmark page
try to get to various different media types ( animated gifs, jpg, png ) if available
* Edit bookmark
Video
* Email links by long pressing
long tap on a video and save
* share videos
play different video types if there are those
* attempt “Mail to:” email links


Streaming:
=== Flyouts, popups, overlays ===
Audio conflict with Phone apps (Music, video, gallery, dialer)
* Checkout cart UI
stop, start
* Information flyout boxes
* Forms
* Logins
* popups


Fields:
=== Media: ===
Depending on the field the correct keyboard type pops up, typing is allowed
==== Image: ====
Check text descenders for characters: jpqyg
* long tap on an image and save
* try to get to various different media types ( animated gifs, jpg, png ) if available
* Video
* long tap on a video and save
* play different video types if there are those


Links:
==== Streaming: ====
able to click links and depending on the link it should open in a new tab or in the same tab
* Audio conflict with Phone apps (Music, video, gallery, dialer)
mailto: tags should open email
* stop, start
tel: tags should open up dialer
sms: tags should open up SMS
example : http://people.mozilla.org/~nhirata/html_tp/iPhoneLinks.html


Cookie storage/Data Store:
=== Fields: ===
login/password saves
* Depending on the field the correct keyboard type pops up, typing is allowed
* Check text descenders for characters: jpqyg


Device Rotation:
=== Links: ===
with any of the above rotate the device from landscape to portrait or vice versa
* able to click links and depending on the link it should open in a new tab or in the same tab
* mailto: tags should open email
* tel: tags should open up dialer
* sms: tags should open up SMS
** example : http://people.mozilla.org/~nhirata/html_tp/iPhoneLinks.html


User Agent:
=== Cookie storage/Data Store: ===
we have a general user agent that can be found by going to :
* login/password saves
"whatsmyuseragent.com"
we have 2 override files ua-update.json found in /system/b2g , /data/local
Doing a comparison by setting the general UA on the desktop browser and using this addon : https://addons.mozilla.org/en-US/firefox/addon/user-agent-switcher/ will allow you to quickly see if the UA is being overridden


Geolocation:
=== Device Rotation: ===
if a page has geolocation ability ( ie find the closest store to me ) option use that
* with any of the above rotate the device from landscape to portrait or vice versa


=== User Agent: ===
* we have a general user agent that can be found by going to :
** "whatsmyuseragent.com"
* we have 2 override files ua-update.json found in /system/b2g , /data/local
* Doing a comparison by setting the general UA on the desktop browser and using this addon :
** https://addons.mozilla.org/en-US/firefox/addon/user-agent-switcher/ will allow you to quickly see if the UA is being overridden


=== Geolocation: ===
* if a page has geolocation ability ( ie find the closest store to me ) option use that


= Exploratory Testing =
= Exploratory Testing =
Confirmed users
4,378

edits