DevTools/Features/HTMLTreeEditor/Test Plan

From MozillaWiki
Jump to: navigation, search

HTML Tree Editor

Feature Target Lead engineer QA Lead Status
HTML Tree Editor Firefox 17 Dave Camp Mihaela Velimiroviciu Complete - Landed


This feature is an improvement for the Page Inspector Tool, which allows to view and navigate the HTML. So far, the HTML panel provided was useful for navigation but not much else. Now, developers can use the HTML panel to manipulate the DOM and styling for their pages.


Use Cases

  • add or remove a class (adding the class attribute if there isn't one)
  • change text
  • add/edit other attributes
  • copy innerHTML/outerHTML for an element
  • remove nodes

Not available for the first round:

    • be able to add nodes
    • be able to move nodes
    • ability to get a CSS selector for an element
    • handle elements like script and link appropriately
    • style tag editing in-place
    • validation of attributes
    • autocompletion
    • focus on an element

Test Cases

  • The test cases for this feature can be viewed [ here]. (tests are still under development, will be updated)

Important Bugs

  • Implementation bugs
Full Query
ID Summary Priority Status
705847 "Copy Inner HTML" and "Copy Outer HTML" when right-clicking elements -- RESOLVED
777085 A new markup panel -- RESOLVED

2 Total; 0 Open (0%); 2 Resolved (100%); 0 Verified (0%);

Other Bugs

Full Query
ID Summary Priority Status
584407 Create popup menu for inspector HTML panel -- RESOLVED
703383 Add ability to select nodes within the Highlighter and then get back a CSS selector that will match the targeted node -- RESOLVED
705323 Cannot edit the text part of a HTML element in the inspector P2 RESOLVED

3 Total; 0 Open (0%); 3 Resolved (100%); 0 Verified (0%);

bugzilla query

Not Tested

  • TBD

Sign off Criteria

  • All the test cases were executed.
  • All the major bugs have been fixed.