FontInspector/TestPlan

From MozillaWiki
Jump to navigation Jump to search

Font Inspector (built in)

Feature Status Release Target Lead engineer QA Lead QA Status
Font Inspector (built in) Landed Firefox 22 Paul Rouget Manuela Muntean Signed Off

Summary

Mozilla is adding a new typography-centric tool called the “Font Inspector” to Firefox’s DevTools.

The tools job is to display the font with editable “Abc” placeholder text, to name the typeface and to show the @font-face CSS. Some might think of this as being redundant because you can already view the CSS via the Inspector, when you want to find the typefaces in use. Here you have a counterpoint: since typography is inherently visual, it's handy to see it displayed as such.

The most beneficial aspect of this feature, however, is the “See all the fonts used in this page” button, which permits users understand what Web fonts and font-based icons are in use, along with seeing all of them in one place.

As a conclusion, the purpose of the Font Inspector feature is to learn how typography is applied on any site.

Reference

  • bug 697983 - Implement a Font Inspector (built in) - RESOLVED FIXED

Use Cases to Test

  • open the Font Inspector both from the menu (Tools -> Web Developer -> Inpector -> Fonts) and using the keyboard shortcut (Ctrl/Command + Shift + I and pressing the Fonts button)
  • check that it opens at the bottom of the browser window, when first accesing it
  • open the Font Inspector as docked to the side of the browser window
  • open the Font Inspector in a separate window, by pressing the "Show in separate window" button from the Developer toolbox
  • open the Font Inspector in multiple Firefox tabs/windows (some tabs/windows with the Font Inspector at the bottom of the browser window, others with it docked to the side of the browser window)
  • close the Font Inspector, both from the menu (Tools -> Web Developer -> Inpector -> Fonts) and using the keyboard shortcut (Ctrl/Command + Shift + I)
  • using the Font Inspector:
    • open a link in a tab
    • open the Font Inspector from the menu (Tools -> Web Developer -> Inpector -> Fonts) or using the keyboard shortcut (Ctrl/Command + Shift/Alt + I and pressing the Fonts button)
    • click the "Select element with mouse" button and see the details regarding the font of the selected element
    • press the "See all the fonts used in this page” button to observe the details regarding the whole page
    • click again the "Select element with mouse" button, if you want to know the font related details of only one single element of the page
  • while loading a webpage and opening the Font Inspector, check that:
    • the font with editable “Abc” placeholder text is displayed
    • the name of the typeface is shown
    • the @font-face CSS is also visible
    • the "See all the fonts used in this page” button is displayed at the bottom
  • with the Font Inspector opened in a tab, access other links in that tab, and observe that the Font Inspector content is changing
  • with the Font Inspector opened in a tab, check that the editable area works (type some text: letters, digits and special characters)
  • with the Font Inspector opened in a tab, press the "See all the fonts used in this page” button and observe that all the font related details of that webpage are displayed
  • open the Font Inspector as docked to the side of the browser window, load some pages in that tab, check out the details about the fonts; then close the Font Inspector and reopen it (it should maintain its docked state)
  • restart Firefox after opening the Font Inpector and check that the Font Inspector isn't still opened after the restart

Test Cases

  • Test cases and test results can be seen in the Google Spreadsheet
  • They are also present in MozTrap, in the Font Inspector test suite.

Bugs

  • bug 707809 - Refactor creation of registered sidebar tools iframes in InspectorUI - RESOLVED FIXED


Sign off

Criteria
  • All the test cases were executed.
  • All the blocker, critical, major bugs have been fixed.


Firefox 22.0a2 - 2013-04-05
  • Aurora Sign Off (build ID: 20130404004013) on the next OSs:
    • Windows 7 64bit
    • Windows 8 32bit
    • Ubuntu 12.04 32bit
    • Mac OSX 10.8.3


Firefox 22 Aurora (pre-beta sign off) - 05/09/2013
  • On the next OSs:
    • Windows 7 64bit
    • Windows 8 32bit
    • Ubuntu 12.10 32bit
    • Mac OSX 10.8.3