Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Note

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.

Inline Edit Test Suite: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 6 and 67-10 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

...

Task Oriented Functional Tests

________________________________________________________

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

Protocol
Perform these tasks on the following site.

Site
Demo

 

Test 1: Double Click

  • Procedure
    1. Open the browser and navigate to one of the specified URLs
    2. Using the mouse, click one of the inline edit fields
    3. Using the mouse, double click one of the words
  • Expected Results
    • The entire word should be selected
  • Stop Test
    • Refresh the browser to return the page to its initial state

...

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, click one of the inline edit fields
    3. Edit the text by typing in some number of characters separated by spaces.
    4. Using the mouse, click on a blank spot outside of the editable text field
  • Expected Results
    • The content of the inline edit field should be changed to the new value
    • An undo control should appear next to the inline edit field
  • Stop Test
    • Refresh the browser to return the page to its initial state

Boundary Tests

...

Description
Ensures proper functionality at the input limits

Protocol
Perform these tasks on the following site.

Site
Demo

Test 1: Empty Field

  • Procedure
    1. Open the browser and navigate to one of the specified URLs
    2. Using the mouse, select click one of the inline editable texts
    3. Delete all input values from the editable text field
    4. Using the mouse, click on a blank spot outside of the editable text field
  • Expected Results
    • The content of the inline edit field should be a greyed invitation text saying "Edit this"
    • An undo control should appear next to the inline edit field
  • Stop Test
    • Refresh the browser to return the page to its initial state

...

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, select click one of the inline editable texts
    3. Edit the text with a large number (e.g. 1000 characters) of characters with gaps between ( generator )
    4. Using the mouse, click on a blank spot outside of the editable text field
  • Expected Results
    • The content of the inline edit field should be changed to the new value
    • An undo control should appear next to the inline edit field
  • Stop Test
    • Refresh the browser to return the page to its initial state

Test-to-Fail

...

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

Protocol
Perform these tasks on the following site.

Site
Demo

 

*no tests yet*

Validation

________________________________________________________

...

Protocol
Perform these tasks on the following site.

Site:
Demo

Test 1: HTML Validation

...

Protocol
Attempt to use the tool in various situations, using your imagination and freedom to explore the interface and interactions.

Site:
Demo