/
Reorderer QA Test Plan - List

Reorderer QA Test Plan - List

Jun 24, 2021

Reorderer QA Test Plan - List

Environments

BrowserVersion
ChromeLatest Stable Release
FirefoxLatest Stable Release
MS EdgeLatest Stable Release
Safari [fluid:1]Latest Stable Release

[fluid:1] keyboard a11y can be slightly improved if you select the "all controls" option from "Keyboard Shortcuts" under the "Keyboard & Mouse" settings. May also need to use "option + tab" for tab navigation.

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
Specification

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.

Site
http://build.fluidproject.org/infusion/tests/component-tests/reorderer/all-tests.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.

Site
Demo

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