Skip to end of metadata
Go to start of metadata

Reorderer QA Test Plan - Sortable Vertical List

Environments

Unable to render {include} The included page could not be found.

General QA Guidelines

General Use

  • Does the tool behave the way that you would expect
  • Are you surprised by anything
  • Does something take longer than you would expect
  • When the tool does something unexpected or takes too long to do something, does the tool provide appropriate feedback
On This Page

QA Tests


Protocol
Perform the following tests using each browser/system environment

Report issues at: http://issues.fluidproject.org/secure/Dashboard.jspa

Please search for issues before reporting them, so as to limit the number of duplicate entries.

Reorderer Jira Filter



Unit Test

________________________________________________________

Protocol
Launch the following website to execute unit tests.

List Layout Handler Tests:
http://build.fluidproject.org/infusion/tests/component-tests/reorderer/html/ReorderList-test.html

State Tests

________________________________________________________

Description
Ensures that the component properly traverses through the various states. 

Protocol
Perform these tasks on the following site, perform the tests 1-4 and 5-7 in order.

Conference Planning Tasks:
http://build.fluidproject.org/infusion/demos/reorderer/listReorderer/html/listReorderer.html

Mouse 

Test 1: Mouseover

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, hover over one of the list items
  • Expected Results
    • The pointer should be a move cursor (cross or hand)
    • The styling of the list item should change

Test 2: Mouse, Pickup Avatar

  • Procedure
    1. Complete Test 1
    2. Using the mouse, press and hold the 'left-mouse-button' down
    3. Using the mouse, drag slightly to the right
  • Expected Results
    • An avatar (representing the item) should be created
    • The avatar should remain under the pointer as you drag around

Test 3: Mouse, Move Avatar

  •  Procedure
    1. Complete Test 2
    2. Using the mouse, drag the avatar around the screen
  • Expected Results
    • Notice that drop targets appear as you move over valid drop points

Test 4: Mouse, Drop Avatar

  • Procedure
    1. Complete Test 3
    2. Using the mouse, release the 'left-mouse-button' over a drop target
  •  Expected Results
    • The avatar should drop and move the list item to the new location
    • The other items should shift to fill in the empty space where the list item was originally located
    • The numbering for the items should be updated
    • The moved item should remain focused.

Keyboard 

Test 5: Keyboard, Focus

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the keyboard, tap the 'tab' key until one of the list items has focus
  • Expected Results
    • The styling of the element should change to indicate that the item has focus

Test 6: Keyboard, Navigate List

  • Procedure
    1. Complete Test 5
    2. Using the keyboard, tap the 'i', 'm', 'up arrow' or 'down arrow'
  • Expected Results
    • The keyboard focus styling should move to the other element
      • 'i' or 'up arrow' to move up
      • 'm' or 'down arrow' to move down

Test 7: Keyboard, Move Item

  •  Procedure
    1. Complete Test 6
    2. Using the keyboard, hold the 'ctrl' key (Opera users on Mac hold 'Apple' key)
    3. Using the keyboard, while still holding down the 'ctrl' key use the navigation keys (see Test 6) to move the item
  • Expected Results
    • The item should move with the presses of the navigation key
    • The other items should shift to fill in the empty space where the list item was originally located
    • The numbering for the items should be updated

Task Oriented Functional Tests

________________________________________________________

Description
Ensures that the component is able to handle expected input.

Protocol
Perform these tasks on the following site.

Conference Planning Tasks:
http://build.fluidproject.org/infusion/demos/reorderer/listReorderer/html/listReorderer.html

Test 1: Move Item

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, hover over one of the list items
    3. Using the mouse, press and hold the 'left-mouse-button' down
    4. Using the mouse, drag the avatar around the screen
    5. Using the mouse, release the 'left-mouse-button' over a drop target
  •  Expected Results
    • The avatar should drop and move the list item to the new location
    • The other items should shift to fill in the empty space where the list item was originally located
    • The numbering for the items should be updated
  • Stop Test
    • Refresh the browser to return the page to its initial state

Test 2: Scroll Page

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Adjust the browser size so that a vertical scroll bar appears
    3. Using the mouse, hover over one of the list items
    4. Using the mouse, press and hold the 'left-mouse-button' down
    5. Using the mouse, attempt to drag the avatar to a drop target that is currently off screen
    6. Using the mouse, release the 'left-mouse-button' over a drop target
  •  Expected Results
    • The screen should scroll, revealing the drop targets which were off screen
    • The avatar should drop and move the list item to the new location
    • The other items should shift to fill in the empty space where the list item was originally located
    • The numbering for the items should be updated
  • Stop Test
    • Refresh the browser to return the page to its initial state
    • Reset your browser size

Boundary Tests

________________________________________________________

Description
Ensures proper functionality at the input limits 

Protocol
Perform these tasks on the following site.

Conference Planning Tasks:
http://build.fluidproject.org/infusion/demos/reorderer/listReorderer/html/listReorderer.html

Test 1: Move to Top of List

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, hover over one of the list items
    3. Using the mouse, press and hold the 'left-mouse-button' down
    4. Using the mouse, drag the avatar above the first list item
    5. Using the mouse, release the 'left-mouse-button' over a drop target
  •  Expected Results
    • The avatar should drop and move the list item to the new location
    • The other items should shift to fill in the empty space where the list item was originally located
    • The numbering for the items should be updated
  • Stop Test
    • Refresh the browser to return the page to its initial state

Test 2: Move to End of List

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, hover over one of the list items
    3. Using the mouse, press and hold the 'left-mouse-button' down
    4. Using the mouse, drag the avatar below the last list item
    5. Using the mouse, release the 'left-mouse-button' over a drop target
  •  Expected Results
    • The avatar should drop and move the list item to the new location
    • The other items should shift to fill in the empty space where the list item was originally located
    • The numbering for the items should be updated
  • Stop Test
    • Refresh the browser to return the page to its initial state

Test 3: Keyboard Navigation Wrap

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the keyboard, tap the 'tab' key until one of the list items has focus
    3. Using the keyboard, tap the 'i', 'm', 'down arrow' or 'up arrow'
    4. Using the keyboard, continue tapping the same key until the original item has focus again
  •  Expected Results
    • The keyboard focus styling should move to the other element
      • 'i' or 'up arrow' to move up
      • 'm' or 'down arrow' to move down
    • The focus navigation should wrap around the list (e.g. from last element to first element, with a down direction)
  • Stop Test
    • Refresh the browser to return the page to its initial state

Test 4: Keyboard Move Wrap

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the keyboard, tap the 'tab' key until one of the list items has focus
    3. Using the keyboard, hold the 'ctrl' key
    4. Using the keyboard, tap the 'i', 'm', 'down arrow' or 'up arrow'
    5. Using the keyboard, continue tapping the same key until the original item has focus again
  •  Expected Results
    • The item should move with the presses of the navigation key
    • The other items should shift to fill in the empty space where the list item was originally located
    • The numbering for the items should be updated
    • The item movement should wrap around the list (e.g. move from the bottom to the top, with a call to move down)
  • Stop Test
    • Refresh the browser to return the page to its initial state

Test 5: Drop, not on a valid drop target

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, hover over one of the list items
    3. Using the mouse, press and hold the 'left-mouse-button' down
    4. Using the mouse, drag the avatar out of the list and onto some whitespace in the browser
    5. Using the mouse, release the 'left-mouse-button'
  •  Expected Results
    • A drop target should always be present
    • The avatar should drop to the location of the drop target
  • Stop Test
    • Refresh the browser to return the page to its initial state

Test 6: Drop out of browser

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Adjust the size of the browser so that the desktop is visible
    3. Using the mouse, hover over one of the list items
    4. Using the mouse, press and hold the 'left-mouse-button' down
    5. Using the mouse, drag the avatar out of the browser
    6. Using the mouse, release the 'left-mouse-button'
  •  Expected Results
    • The avatar should drop to the location of the drop target
  • Stop Test
    • Refresh the browser to return the page to its initial state

Test-to-Fail

________________________________________________________

Description
Tests which should cause errors or not be accepted as input 

Protocol
Perform these tasks on the following site.

Conference Planning Tasks:
http://build.fluidproject.org/infusion/demos/reorderer/listReorderer/html/listReorderer.html


Test 1: Move left or right

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the keyboard, tap the 'tab' key until one of the list items has focus
    3. Using the keyboard, hold down the 'ctrl' key
    4. Attempt to move an item with the 'j', 'k', 'left arrow' or 'right arrow' key
  •  Expected results
    • List items should not move
  • Stop Test
    • Refresh the browser to return the page to its initial state.

Test 2: Keyboard, Attempt to tab through all list items

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the keyboard, tap the 'tab' key until one of the list items has focus
    3. Using the keyboard, tap either 'shift-tab' or 'tab' to navigate through the list items
  • Expected Results
    • On pressing 'shift-tab' or 'tab' focus should not be on any list item. Only the 'i', 'j', 'k', 'm', or an 'arrow' keys should move focus between list items.
  • Stop Test
    • Refresh the browser to return the page to its initial state
  • No labels