FontInspector/TestPlan: Difference between revisions

== Use Cases to Test ==

* open the Font Inspector both from the menu (Tool -> 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 page, 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 page, others with it docked to the side of the browser window)

* close the Font Inspector

* 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, reload the page or access other links in that tab, and observe that the Font Inspector content is changing

* 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