Inline Edit QA Test Plan - Dropdown

Environments

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

QA Tests

Protocol
Perform the following tests using each browser/system environment

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

Protocol
Launch the following website to execute unit tests.

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

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

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 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

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
- 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

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 "Select or press Enter to edit" should appear

Test 7: 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
- After about 3 seconds, a hover message saying "Select enter to edit item" should appear

Test 8: Keyboard, Focus (Off/On)

Procedure
1. Complete Test 7
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

Test 9: Keyboard, Open Drop-down

Test 10: Keyboard, Options

Procedure
1. Complete Test 9
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 11: Keyboard, Select Option

Procedure
1. Complete Test 10
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 10

Test 12: Keyboard, Focus After Selection

Procedure
1. Complete Test 11
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 11
- After about 3 seconds, a hover message saying "Select edit to enter item" should appear