h2. Tests

h3. Test 1: Drag and Drop functionality and styling

*Jira Issues*
* [Fluid-403: Dragging portlets from the left side over portlets on the right displays the avatar belows the portlet's title.|http://issues.fluidproject.org/browse/FLUID-403|Fluid-403]
* [Fluid-406: When dragging to empty columns, the drop target is not the full width of the column|http://issues.fluidproject.org/browse/FLUID-406|Fluid-406]
* [Fluid-563: Flickering drop marker when drop marker is large.|http://issues.fluidproject.org/browse/FLUID-563|Fluid-563]
* [Fluid-603: Drag and drop portlet on top of Lightbox orderable inconsistent behaviour in IE7 and FF2 on Windows|http://issues.fluidproject.org/browse/FLUID-603|Fluid-603]
* [Fluid-604: Drop target not being drawn when portlet dragged over locked portlet|http://issues.fluidproject.org/browse/FLUID-604|Fluid-604]
* [Fluid-614: Investigate why the column widths change as a portlet is being dragged across columns|http://issues.fluidproject.org/browse/FLUID-614|Fluid-614]
* [Fluid-774: The Layout Customizer's avatar does not appear in Safari 3|http://issues.fluidproject.org/browse/FLUID-774|Fluid-774]
* [Fluid-865: Screen flashes white on first movement of bottom-right portlet, using FF2|http://issues.fluidproject.org/browse/FLUID-865|Fluid-865]
* [Fluid-868: Lower half of portlet avatar missing, using IE7|http://issues.fluidproject.org/browse/FLUID-868|Fluid-868]
* [Fluid-911: DnD of Portlet containing a nested reorderer, from right column to right column not working|http://issues.fluidproject.org/browse/FLUID-911|Fluid-911]
* [Fluid-1125: last drop target in a column does not appear as soon as it should.|http://issues.fluidproject.org/browse/FLUID-1125|Fluid-1125]
* [Fluid-1127: Drop targets are not visible when pointer dead centre between two columns|http://issues.fluidproject.org/browse/FLUID-1127|Fluid-1127]
* [Fluid-1140: Portlet avatar freezes when dropped while the pointer is just higher than the drop marker|http://issues.fluidproject.org/browse/FLUID-1140|Fluid-1140]
* [Fluid-1243: Can't drop portlet in white space between portlets, eventhough drop target present|http://issues.fluidproject.org/browse/FLUID-1243|Fluid-1243]
* [Fluid-1244: Portlet drops to bottom of column when drop target not visible|http://issues.fluidproject.org/browse/FLUID-1244|Fluid-1244]
* [Fluid-1334: reorderer - cursor and avatar location out of synch|http://issues.fluidproject.org/browse/FLUID-1334|Fluid-1334]
* [Fluid-1480: Can't pick up and put back down a portlet which is the only moveable portlet in a column|http://issues.fluidproject.org/browse/FLUID-1480|Fluid-1480]
* [Fluid-1493: Drop target missing right border|http://issues.fluidproject.org/browse/FLUID-1493|Fluid-1493]
* [Fluid-1507: The drop target is wider than the column it is in|http://issues.fluidproject.org/browse/FLUID-1507|Fluid-1507]
* [Fluid-1534: Attempting to perform keyboard reordering causes portlet to become semi-transparent|http://issues.fluidproject.org/browse/FLUID-1534|Fluid-1534]
* [Fluid-1538: Avatar does not disappear immediately after drop|http://issues.fluidproject.org/browse/FLUID-1538|Fluid-1538]
* [Fluid-1547: Drop target in wrong location when column only has a locked portlet|http://issues.fluidproject.org/browse/FLUID-1547|Fluid-1547]
* [Fluid-1597: Springboards: Avatar for draggable portlets in example 3, is the size of the tallest column|http://issues.fluidproject.org/browse/FLUID-1597|Fluid-1597]
* [Fluid-1634: Layout Reorderer is sluggish in Mac OS 10.4 using FF3|http://issues.fluidproject.org/browse/FLUID-1634|Fluid-1634]
* [Fluid-1746: Drop target in the wrong position, when hovering over the purple sidebar ; using FF3|http://issues.fluidproject.org/browse/FLUID-1746|Fluid-1746]
* [Fluid-1748: Springboards: Layout Reorderer example doesn't scroll page when reorderering with the mouse|http://issues.fluidproject.org/browse/FLUID-1748|Fluid-1748]
* [Fluid-1802: DnD not working when pointer over the corner of the portlet title bar, even though move cursor is displayed|http://issues.fluidproject.org/browse/FLUID-1802|Fluid-1802]

*Steps*
* Procedure
*# Open the [Layout Reorderer|http://build.fluidproject.org/fluid/sample-code/shared/portal/portal.html|Layout Reorderer] from the [daily build site|http://build.fluidproject.org/|daily build site]
*# Using the keyboard, tap the tab key until one of the portlets has focus
*# Using the keyboard, tap the direction keys to place focus on an unlocked portlet
*# Using the keyboard, press the "CTRL" key and direction key to move the portlet
*# Using the mouse, drag and drop another portlet to a new location
* Results
** For keyboard drag and drop, the portlet should be semi-transparent and dropped in the new location
** For mouse drag and drop, a ghost portlet should remain in the original location until the avatar is dropped in the new location.
** For mouse drag and drop, a drop target should appear where a portlet can be placed
** For mouse drag and drop, the avatar should be above all other items on the screen
** Repeated drag and drop operations should work
* Stop Test
** Refresh the browser to return the page to its initial state

\\

h3. Test 2: Portlet Styling

*Jira Issues*
* [Fluid-540: Icons in upper right corner of portlet not visible|http://issues.fluidproject.org/browse/FLUID-540|Fluid-540]
* [Fluid-541: Dragging a portlet to an empty column or below the last element in a column results in the portlet being too wide and lower in the column than it should be.|http://issues.fluidproject.org/browse/FLUID-541|Fluid-541]
* [Fluid-858: Portlet Columns load with no padding between them in IE7|http://issues.fluidproject.org/browse/FLUID-858|Fluid-858]
* [Fluid-866: Missing borders for some portlets, using IE6|http://issues.fluidproject.org/browse/FLUID-866|Fluid-866]
* [Fluid-867: Calendar not aligned properly within the calendar portlet, using IE6 & IE7|http://issues.fluidproject.org/browse/FLUID-867|Fluid-867]
* [Fluid-1539: Nested reorderer's portlet title is partially hidden after keyboard reorderering, using IE6|http://issues.fluidproject.org/browse/FLUID-1539|Fluid-1539]
* [Fluid-1747: right border of portlets in the right column do not display properly if a horizontal scroll bar appears; using IE7|http://issues.fluidproject.org/browse/FLUID-1747|Fluid-1747]
* [Fluid-1750: Portlets overlaps footer text; using FF2|http://issues.fluidproject.org/browse/FLUID-1750|Fluid-1750]

*Steps*
* Procedure
*# Open the [Layout Reorderer|http://build.fluidproject.org/fluid/sample-code/shared/portal/portal.html|Layout Reorderer] from the [daily build site|http://build.fluidproject.org/|daily build site]
*# Drag and drop some portlets to various locations
* Results
** The locked portlet should have an icon on the left side of the title bar indicating that it is locked
** The orderable portlets should have an icon on the left side of the title bar indicating that it is a portlet
** All of the portlets should have a name on the left side of the title bar, and a set of icons on the right hand side
** All of the portlets should have borders on all for sides, containing the contents of the portlet
** All of the portlets should have an equal width, within an column, and be spaced evenly.
** After performing a drag and drop, the styling should not be affected
* Stop Test
** Refresh the browser to return the page to its initial state

\\

h3. Test 3: Focus styling and tab traversal

*Jira Issues*
* [Fluid-652: Focus style remains on module even after tabbing away.|http://issues.fluidproject.org/browse/FLUID-652|Fluid-652]
* [Fluid-676: Styling not applied to 'selectables'|http://issues.fluidproject.org/browse/FLUID-676|Fluid-676]
* [Fluid-1533: Tabbing to a portlet automatically pushes focus to the first tabable item inside of it.|http://issues.fluidproject.org/browse/FLUID-1533|Fluid-1533]
* [Fluid-1555: Tabbing to a portlet automatically pushes focus to the first tabable item inside of it.|http://issues.fluidproject.org/browse/FLUID-1555|Fluid-1555]
* [Fluid-1631: Springboards: "Not sortable" elements are also not selectable|http://issues.fluidproject.org/browse/FLUID-1631|Fluid-1631]

*Steps*
* Procedure
*# Open the [Layout Reorderer|http://build.fluidproject.org/fluid/sample-code/shared/portal/portal.html|Layout Reorderer] from the [daily build site|http://build.fluidproject.org/|daily build site]
*# Using the keyboard, tap the tab key until one of the portlets has focus
*# Tap the tab key again to move focus away
* Results
** The portlet should have a dotted border indicating it has focus
** After focus is removed, the portlet should return to its original styling
** Both locked and unlocked portlets should be focusable
* Stop Test
** Refresh the browser to return the page to its initial state

\\

h3. Test 4: Locked portlets and drop target warning

*Jira Issues*
* [Fluid-618: Sometimes the drop warning doesn't appear if the avatar gets the mouse move event.|http://issues.fluidproject.org/browse/FLUID-618|Fluid-618]
* [Fluid-678: Drop warning appears when it shouldn't (drop marker is not a valid drop target)|http://issues.fluidproject.org/browse/FLUID-678|Fluid-678]
* [Fluid-1327: Reorderer - valid/invalid notice based on mouse loc, not avatar loc|http://issues.fluidproject.org/browse/FLUID-1327|Fluid-1327]
* [Fluid-1535: Can use the keyboard to move a portlet above a locked portlet|http://issues.fluidproject.org/browse/FLUID-1535|Fluid-1535]
* [Fluid-1545: Keyboard reordering doesn't show error message when trying to move a portlet above a locked portlet|http://issues.fluidproject.org/browse/FLUID-1545|Fluid-1545]
* [Fluid-1546: Locked portlet error message displayed when trying to drop a portlet in a column with only a locked portlet in it.|http://issues.fluidproject.org/browse/FLUID-1546|Fluid-1546]
* [Fluid-1590: Springboards: No locked portlet error message|http://issues.fluidproject.org/browse/FLUID-1590|Fluid-1590]
* [Fluid-1596: Springboards: Can move a locked portlet|http://issues.fluidproject.org/browse/FLUID-1596|Fluid-1596]
* [Fluid-1598: Locked portlet warning message persists after attempting keyboard move above a locked portlet in Opera|http://issues.fluidproject.org/browse/FLUID-1598|Fluid-1598]
* [Fluid-1752: Springboards: Locked portlet message says "about" instead of "above"|http://issues.fluidproject.org/browse/FLUID-1752|Fluid-1752]

*Steps*
* Procedure
*# Open the [Layout Reorderer|http://build.fluidproject.org/fluid/sample-code/shared/portal/portal.html|Layout Reorderer] from the [daily build site|http://build.fluidproject.org/|daily build site]
*# Using the keyboard, tap the tab key until one of the portlets has focus
*# Using the keyboard, press the "CTRL" key and direction key to attempt to move the locked portlet
*# Using the keyboard, tap the direction keys to place focus on an unlocked portlet
*# Using the keyboard, press the "CTRL" key and direction key to move the portlet, attempt to place it above the locked portlet
*# Using the mouse, attempt to drag and drop a portlet over the locked portlet
*# Using the mouse, attempt to drag and drop the locked portlet.
* Results
** The locked portlet should not be movable
** No portlet should be able to be placed above the locked portlet
** An warning message should be displayed only when there is an attempt to place another portlet above the locked portlet
* Stop Test
** Refresh the browser to return the page to its initial state

\\

h3. Test 5: Mouse pointer styling

*Jira Issues*
* [Fluid-1187: Pointer doesn't change style immediately when over portlet title bar|http://issues.fluidproject.org/browse/FLUID-1187|Fluid-1187]

*Steps*
* Procedure
*# Open the [Layout Reorderer|http://build.fluidproject.org/fluid/sample-code/shared/portal/portal.html|Layout Reorderer] from the [daily build site|http://build.fluidproject.org/|daily build site]
*# Place the pointer over the title bar of an orderable portlet
*# Place the pointer over the title bar of a locked portlet
* Results
** The pointer should switch to a move curser (e.g. hand) only when over the title bar of an orderable portlet
** May also change if there is a nested reorderer in any of the portlets (e.g. the lightbox portlet)
* Stop Test
** Refresh the browser to return the page to its initial state

\\

h3. Test 6: Keyboard selection and movement

*Jira Issues*
* [Fluid-1481: The keyboard interaction is not following the appropriate path for key presses.|http://issues.fluidproject.org/browse/FLUID-1481|Fluid-1481]
* [Fluid-1486: Runtime Error in Layout Customizer A runtime error is thrown when pushing the arrow key in a direction where there is no column.|http://issues.fluidproject.org/browse/FLUID-1486|Fluid-1486]
* [Fluid-1537: Moving a portlet in any direction will put it into the other column, if it is the last portlet in the column|http://issues.fluidproject.org/browse/FLUID-1537|Fluid-1537]
* [Fluid-1540: Can't use keyboard reordering to move a nested reorderer to the right column, using IE6|http://issues.fluidproject.org/browse/FLUID-1540|Fluid-1540]
* [Fluid-1556: Moving keyboard selection in the direction of an empty column causes portlet to lose focus|http://issues.fluidproject.org/browse/FLUID-1556|Fluid-1556]
* [Fluid-1557: Can't use the keyboard to move focus across an empty column|http://issues.fluidproject.org/browse/FLUID-1557|Fluid-1557]

*Steps*
* Procedure
*# Open the [Image Reorderer|http://build.fluidproject.org/fluid/sample-code/reorderer/image-reorderer/image-reorderer.html|Image Reorderer] from the [daily build site|http://build.fluidproject.org/|daily build site]
*# Using the keyboard, tap the 'tab' key until one of the thumbnails has focus
*# Using the keyboard, tap the direction keys
*# Using the keyboard, press the "CTRL" key and direction key to move the portlet
*# Usin
* Results
** The keyboard selection/move should wrap around going up/down, unless there is a locked portlet at the top then keyboard move shouldn't wrap
** The keyboard selection/move should move to the nearest drop location in the adjacent column when pressing left/right. The should wrap from the last column to the first and vice-versa
* Stop Test
** Refresh the browser to return the page to its initial state