Et1 Test Harness: Callout Tooltip ( Curve Edge )
This is the Deployment Version (runs from built code). Go to the Developer Version (runs from source code).
Supported Platforms:
  • IE 5+ on Windows
  • Mozilla-based browsers (Firefox 1.0+) on Windows o/s
    Known Issue(s):
    • None.
  • Mozilla-based browsers (Firefox 1.0+) on Non Windows o/s
    Known Issue(s):
    • None.
  • Safari (2.0.4) on Mac
    Known Issue(s):
    • None.
  • Opera 9+ on all o/s
    Known Issue(s):
    • Flickers.
Verification Targets:
  1. Move mouse over one of the text elements. There is one at each corner of the screen. A tooltip should show up immediately on mouseover of these elements.
  2. Mousedown on non-close-button area of tooltip and drag. Tooltip should be draggable. On drag start, the callout arrow should disappear.
  3. Move mouse away from a test element or tooltip; tooltip should disappear after a delay of 1 second.
  4. Each of the 4 anchor positions are designed to demonstrate the 4 different appearing positions of callout tooltip.
  5. All tooltips here should show different textual content.
  6. Popup should hide when close button is clicked.
  7. Resize the window vertically and scroll so that the lower-left text element (the text element that says, "Lower-left text")is located at the top of the screen.
  8. Mouseover the lower-left text element (the text element that says, "Lower-left text"). Verify that the entire callout tip is visible and all the content in it is readable.
  9. Resize the window horizontally and scroll so that the lower-right text element (the text element that says, "Lower-right text")is located at the left edge of the screen.
  10. Mouseover the lower-right text element (the text element that says, "Lower-right text"). Verify that the entire callout tip is visible and all the content in it is readable.
  11. If supporting IE 6, drag a callout tip over one of the html 'select' boxes in the test area. The html select box should not show through the callout tip.

Upper-right text.
Lower-left text.
Lower-right text.
Upper-left text.