/
Inline Edit QA Test Plan - Simple Text

Inline Edit QA Test Plan - Simple Text

Jul 19, 2021

Inline Edit QA Test Plan - Simple Text

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
Demo

Mouse

Test 1: Mouseover

  • Procedure

    1. Open the browser and navigate to one of the specified URLs

    2. Using the mouse, place the cursor over one of the inline editable texts

  • Expected Results

    • The inline editable text should be highlighted

    • The cursor should be a pointer cursor (e.g. hand)

    • After hovering the cursor over the inline edit field for about 2 seconds, a message saying "Select or press Enter to edit" should appear.

Test 2: Mouseover (off and on)

  • Procedure

    1. Complete Test 1

    2. Move the cursor away from the inline editable field

    3. Move the cursor back over the inline editable field

  • Expected Results

    • The highlighting on the inline edit field should be removed, when the cursor is removed

    • The inline edit field should be highlighted when the cursor is placed over it again

Test 3: Mouse, Activate Inline Edit Field

  • Procedure

    1. Complete Test 2

    2. Using the mouse, click on the inline edit field

  • Expected Results

    • The inline editable text should change into an editable text field containing the current content

    • The cursor should be a text cursor (e.g. i-bar)

    • Instruction text "Escape to cancel, Enter or Tab when finished" should be displayed below the text field

Test 4: Mouse, Edit

  • Procedure

    1. Complete Test 3

    2. Using the keyboard, type an 'a' at the end of the text

    3. Using the mouse, click a blank spot outside of the editable text field

  • Expected Results

    • If "Edit this" in italics was the original text, the words "Edit this." should be replaced with the letter 'a'.

    • If editing a field with existing content, the editable text field should change back to the view mode of the inline edit field, containing the same content with an 'a' appended to the end

    • An undo control should appear next to the inline edit field

Test 5: Mouse, Undo Edit

  • Procedure

    1. Complete Test 4

    2. Using the mouse, click on the 'undo' link

  • Expected Results

    • The content of the inline edit field should return to its initial value

    • The undo control should be replaced by a redo control

Test 6: Mouse, Redo Edit

  • Procedure

    1. Complete Test 5

    2. Using the mouse, click on the redo control

  • Expected Results

    • The content of the inline edit field should return to the value set in test 4

    • The redo control should be replaced by an undo control

  • Stop Test

    • Refresh the browser to return the page to its initial state