Page Comparison

...

...

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

...

• Procedure
  1. Complete Test 11
  2. Using the keyboard, tap the 'tab' key until focus is on the redo control
  3. Using the keyboard, tap the 'enter'
• Expected Results
  • The content of the inline edit field should return to the value set in test 10
  • The redo control should be replaced by an undo control
• Stop Test
  • Refresh the browser to return the page to its initial state

Assistive Technology (AT)

Description
Tests to ensure compatibility with Assistive Technologies.

Protocol
Perform these tasks on the following site.

Site
Demo

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 using only non-standard characters and symbols (see examples here: http://www.alanwood.net/unicode/miscellaneous_symbols.html)
  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

(Don't do test 7 - the correct behaviour has not yet been determined)

Test 7: Edit With Special Characters

• Procedure
  1. Open the browser and navigate to the specified URL
  2. Using the mouse, click one of the inline edit fields
  3. Attempt to edit the text by pasting in text containing special characters (e.g. tab and https://emojipedia.org)
  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 87: Edit With Characters Separated By Spaces

• 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

________________________________________________________

Description
Tests which should cause errors or not be accepted as inputto ensure that specifications are being met

Protocol
Perform these tasks on the following site.

Site
Demo*no tests yet*

Ad-hoc

Description
Improvised tests for quickly discovering critical issues, and uncovering ones that may be outside of formalized testing.

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

Site
Demo