AreaTester.qml

import QtQuick 2.0
/*!
  \qmltype AreaTester
  \brief A component that highlights the aera of a given component.

  The AreaTester component is a simple component to troubleshoot what area occupies an other component.
  You can use this component like this to highlights its parent's area.
  \qml
  Item {
      id: itemToHighlight
      //...
      AreaTester{}
  }
  \endqml
  Or if you want to test a component that isn't its parent, use the \l target property :
  \qml
  Item {
      Item {
          id: itemToHighlight
      }
      AreaTester { target: itemToHighlight }
  }
  \endqml
*/
Rectangle {
    /*!
        Indicates the item whose area you want to highlight.
        By default it is set to the parent of this component.
    */
    property Item target: parent
    anchors.fill: target
    color: Qt.hsla(Math.random(), 0.5, 0.5, 0.5)
}