Skip to end of metadata
Go to start of metadata

Inline Edit QA Test Plan - Dropdown

Environments

BrowserVersion
ChromeLatest Stable Release
FirefoxLatest Stable Release
Internet ExplorerLatest 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

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.

Inline Edit Jira Filter

Red text refers to functionality which has not yet been implemented. Please do not include these in current testing.

 

Unit Test

________________________________________________________

Protocol
Launch the following website to execute unit tests.

site:
http://build.fluidproject.org/infusion/tests/component-tests/inlineEdit/html/InlineEdit-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-5 and 6-10 in order.

Site:
http://build.fluidproject.org/infusion/tests/manual-tests/html/dropdown.html

Mouse

Test 1: Mouseover

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, place the pointer over one of the inline edit drop-down menus
  • Expected Results
    • The inline edit drop-down menu should be highlighted
      ** The 'Choose One' option should be displayed
    • The cursor should be a pointer (hand)
      After about 3 seconds, a hover message saying "Select or press Enter to edit" should appear

Test 2: Mouseover (Off/On)

  • Procedure
    1. Complete Test 1
    2. Move the pointer away from the inline edit drop-down menu
    3. Move the pointer back over the inline edit drop-down menu
  • Expected Results
    • The highlighting on the inline edit drop-down menu should be removed, when the pointer is removed
    • The inline edit drop-down menu should be highlighted when the pointer is placed over it again
      ** The 'Choose One' option should be displayed when the pointer is placed over it again

Test 3: Mouse, Open Drop-down Menu

  • Procedure
    1. Complete Test 2
    2. Using the mouse, click on the inline edit drop-down menu
  • Expected Results
    • The inline edit drop-down menu should open, with the 'Choose One' option selected
    • The cursor should be a pointer (hand)

Test 4: Mouse, Options

  • Procedure
    1. Complete Test 3
    2. Using the mouse, hover the pointer over the various options
  • Expected Results
    • An option should be highlighted, when the pointer is over top of it

Test 5: Mouse, Select Option

  • Procedure
    1. Complete Test 4
    2. Using the mouse, click one of the options
  • Expected Results
    • The inline edit drop-down menu should close
    • The inline edit drop-down menu value should be the option selected
      ** An 'undo' link should now appear next to the inline edit drop-down menu

Test 6: Mouseover, After Selection

  • Procedure
    1. Complete Test 5
    2. Using the mouse, hover over the inline edit drop-down menu
  • Expected Results
    • The inline edit drop-down menu should be highlighted
    • The option selected in Test 4, should be displayed
      ** After about 3 seconds, a hover message saying "Click item to edit" should appear

Test 7: Mouse, Undo
* Procedure
*# Complete Test 6
*# Using the mouse, click the 'undo' link
* Expected Results
** The 'undo' link should no longer be visible
** The inline edit drop-down menu should no longer be visible, as it has been returned to its initial value (which had no option chosen)

Test 8: Mouseover, After Undo
* Procedure
*# Complete Test 7
*# Using the mouse, hover over the inline edit drop-down menu
* Expected Results
** The inline edit drop-down menu should e highlighted
** The 'Choose One' option should be displayed
** After about 3 seconds, a hover message saying "Click item to edit" should appear
* Stop
** Refresh the browser to return the page to its initial state

Keyboard

Test 9: Keyboard, Focus

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the keyboard, tap the 'tab' key until focus is on one of the inline edit drop-down menus
  • Expected Results
    • The inline edit drop-down menu should be highlighted
      ** The 'Choose One' option should be displayed
      ** After about 3 seconds, a hover message saying "Select enter to edit item" should appear

Test 10: Keyboard, Focus (Off/On)

  • Procedure
    1. Complete Test 9
    2. Tap the 'tab' key to move focus off of the inline edit drop-down menu
    3. Tap the 'tab' key again, until focus is back on the inline edit drop-down menu
  • Expected Results
    • The highlighting on the inline edit drop-down menu should be removed, when focus is removed
    • The inline edit drop-down menu should be highlighted when focus is regained
      ** The 'Choose One' option should be displayed when focus is regained

Test 11: Keyboard, Open Drop-down

  • Procedure
    1. Complete Test 10
    2. Using the keyboard, tap the 'enter' key
  • Expected Results
    • The inline edit drop-down menu should open, with the 'Choose One' option selected

Test 12: Keyboard, Options

  • Procedure
    1. Complete Test 11
    2. Using the keyboard, tap the 'arrow' keys to scroll through the options
  • Expected Results
    • The arrow keys will move selection across the options

Test 13: Keyboard, Select Option

  • Procedure
    1. Complete Test 12
    2. Using the keyboard, tap the 'enter' to select an option
  • Expected Results
    • The inline edit drop-down menu should close
    • The inline edit drop-down menu value should be the option selected in Test 12
      ** An 'undo' link should now appear next to the inline edit drop-down menu

Test 14: Keyboard, Focus After Selection

  • Procedure
    1. Complete Test 13
    2. Using the keyboard, tap the 'tab' key until focus is on one of the inline edit drop-down menus
  • Expected Results
    • The inline edit drop-down menu should be highlighted
    • The inline edit drop-down menu value should be the option selected in Test 13
      ** After about 3 seconds, a hover message saying "Select edit to enter item" should appear

Test 15: Keyboard, Undo
* Procedure
*# Complete Test 14
*# Using the keyboard, tap the 'tab' key until focus is on the 'undo' link
*# Using the keyboard, tap the 'enter' key
* Expected Results
** The 'undo' link should no longer be visible
** The inline edit drop-down menu should no longer be visible, as it has been returned to its initial value (which had no option chosen)

Test 16: Keyboard, Focus After Undo
* Procedure
*# Complete Test 15
*# Using the keyboard, tap the 'tab' key until focus is on one of the inline edit drop-down menus
* Expected Results
** The inline edit drop-down menu should e highlighted
** The 'Choose One' option should be displayed
** After about 3 seconds, a hover message saying "Select edit to enter item" should appear
* Stop Test
** Refresh the browser to return the page to its initial state

Task Oriented Functional Tests

________________________________________________________

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

Protocol
Perform these tasks on the following site.

Site:

 

*no tests yet*

Boundary Tests

________________________________________________________

Description
Ensures proper functionality at the input limits 

Protocol
Perform these tasks on the following site.

Site:

 

*no tests yet*

Test-to-Fail

________________________________________________________

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

Protocol
Perform these tasks on the following site.

Site:
http://build.fluidproject.org/infusion/tests/manual-tests/html/dropdown.html

Test 1: Type

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse select the inline edit drop-down menu
    3. Using the keyboard, attempt type into the drop-down menu
  • Expected Results
    • The input should not be accepted, the drop-down menu should not be editable
  • Stop Test
    • Refresh the browser to return the page to its initial state
  • No labels