/
Inline Edit QA Test Plan - Dropdown

Inline Edit QA Test Plan - Dropdown

Jun 24, 2021

Inline Edit QA Test Plan - Dropdown


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.

Inline Edit Jira Filter

 

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-6 and 7-12 in order.

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

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