Inline Edit QA Test Plan - Rich Text
Inline Edit QA Test Plan - Rich Text
Environments
Browser | Version |
---|---|
Chrome | Latest Stable Release |
Firefox | Latest Stable Release |
MS Edge | Latest 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 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
ProtocolPerform 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.
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-7 and 8-14 in order.
Site
http://build.fluidproject.org/infusion/tests/manual-tests/components/inlineEdit/rich/
Mouse
Test 1: Mouseover
- Procedure
- Open the browser and navigate to the specified URL
- Using the mouse, hover over the 'Edit' link
- Expected Results
- A message saying "Use the Edit link to make changes." should appear
Test 2: Mouse, Enter Edit Mode
- Procedure
- Complete Test 1
- Using the mouse, click the 'Edit' link
- Expected Results
- The content should now be in edit mode,
- A rich-text editor should be open
- The 'save' and 'cancel' buttons should be visible
- The pointer should be an i-bar
Test 3: Mouse, Edit
- Procedure
- Complete Test 2, leaving the content in edit mode
- Using the mouse, click in the content area to place the cursor in front of the first character
- Using the keyboard, tap the 'a' key
- Expected Results
- The content should remain in edit mode, with an 'a' at the beginning
Test 4: Mouse, Cancel
- Procedure
- Complete Test 3, leaving the content in edit mode
- Using the mouse, click the cancel button
- Expected Results
- The content should have left edit mode
- The rich-text editor should have closed
- The 'save' and 'cancel' buttons should not be present
- The content should not have saved the edit. The 'a', added in Test 3, should not be present.
Test 5: Mouse, New Edit
- Procedure
- Complete Test 4
- Using the mouse, click the 'Edit' link
- Using the mouse, click in the content area to place the cursor in front of the first character
- Using the keyboard, tap the 'b' key
- Expected Results
- The content should be open in edit mode, with the rich-text editor, save button, and cancel button. There Should be no 'a' at the front of the content
- The content should remain in edit mode, with a 'b' at the beginning
Test 6: Mouse, Save
- Procedure
- Complete Test 5
- Using the mouse, click on the 'save' button
- Expected Results
- The content should have left edit mode
- The rich-text editor should have closed
- The 'save' and 'cancel' buttons should not be present
- The content should display the new value. The 'b', added in Test 5, should still be present.
Test 7: Verify Edit
- Procedure
- Complete Test 6
- Using the mouse, click the 'Edit' link
- Using the mouse, click the rich-text inline edit field
- Expected Results
- The content should now be in edit mode,
- A rich-text editor should be open
- The 'save' and 'cancel' buttons should be visible. There should be a 'b' at the front of the content
- Stop Test
- Refresh the browser to return the page to its initial state
Keyboard
Test 8: Keyboard, Enter Edit Mode
- Procedure
- Open the browser and navigate to the specified URL
- Using the keyboard, tap the 'tab' key until the 'Edit' link has focus
- Using the keyboard, tap the 'enter' key
- Expected Results
- The content should now be in edit mode
- A rich-text editor should be open
- The 'save' and 'cancel' buttons should be visible
Test 10: Keyboard, Edit
- Procedure
- Complete Test 9
- Using the keyboard, tap the 'a' key
- Expected Results
- The content should remain in edit mode, with an 'a' where the caret was
Test 11: Keyboard, Cancel
- Procedure
- Complete Test 10, leaving the content in edit mode
- Using the keyboard, tap the 'tab' key until the 'cancel' button has focus
- Using the keyboard, tap the 'enter' key
- Expected Results
- The content should have left edit mode
- The rich-text editor should have closed
- The 'save' and 'cancel' buttons should not be present
- The content should not have saved the edit. The 'a', added in Test 9, should not be present.
Test 12: Keyboard, New Edit
- Procedure
- Complete Test 11
- Using the keyboard, tap the 'tab' key until the 'Edit' link has focus
- Using the keyboard, tap the 'enter' key
- Using the keyboard, tap the 'b' key
- Expected Results
- The content should be open in edit mode, with the rich-text editor, save button, and cancel button. The 'a' that you entered in Test 10 should not be there
- The content should remain in edit mode, with a 'b' where the caret was
Test 13: Keyboard, Save
- Procedure
- Complete Test 12
- Using the keyboard, tap the 'tab' key until the 'save' button has focus
- Using the keyboard, tap the 'enter' key
- Expected Results
- The content should have left edit mode
- The rich-text editor should have closed
- The 'save' and 'cancel' buttons should not be present
- The content should display the new value. The 'b', added in Test 12, should still be present.
Test 14: Keyboard, Verify Edit
- Procedure
- Complete Test 13
- Using the keyboard, tap the 'tab' key until the 'Edit' link has focus
- Using the keyboard, tap the 'enter' key
- Expected Results
- The content should now be in edit mode
- A rich-text editor should be open
- The 'save' and 'cancel' buttons should be visible. There should be a 'b' at the front of the content
- 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
http://build.fluidproject.org/infusion/tests/manual-tests/components/inlineEdit/rich/
Test 1: AT Tests
- Procedure
- Open the browser and navigate to the specified URL
- Using the state tests as a guide, attempt to navigate through each state of the system
- Expected Results
- All states of the system should be reachable and usable while using the AT
Task Oriented Functional Tests
Description
Ensures that the component is able to handle expected input.
Protocol
Perform these tasks on the following site.
Site
http://build.fluidproject.org/infusion/tests/manual-tests/components/inlineEdit/rich/
Test 1: Edit With Letters
- Procedure
- Open the browser and navigate to the specified URL
- Using the mouse, click the 'Edit' link
- Edit the text using only alphabetic characters (a - z, A-Z)
- Using the mouse, click on the 'save' button
- Expected Results
- The content should have left edit mode
- The rich-text editor should have closed
- The 'save' and 'cancel' buttons should not be present
- The content should display the new value
- Stop Test
- Refresh the browser to return the page to its initial state
Test 2: Edit With Numbers
- Procedure
- Open the browser and navigate to the specified URL
- Using the mouse, click the 'Edit' link
- Edit the text using only numbers (0-9)
- Using the mouse, click on the 'save' button
- Expected Results
- The content should have left edit mode
- The rich-text editor should have closed
- The 'save' and 'cancel' buttons should not be present
- The content should display the new value
- Stop Test
- Refresh the browser to return the page to its initial state
Test 3: Edit With Symbols
- Procedure
- Open the browser and navigate to the specified URL
- Using the mouse, click the 'Edit' link
- Edit the text using only punctuation and other such symbols (e.g. '/', '$' )
- Using the mouse, click on the 'save' button
- Expected Results
- The content should have left edit mode
- The rich-text editor should have closed
- The 'save' and 'cancel' buttons should not be present
- The content should display the new value
- Stop Test
- Refresh the browser to return the page to its initial state
Test 4: Edit With Non-Standard Characters/Symbols
- Procedure
- Open the browser and navigate to the specified URL
- Using the mouse, click the 'Edit' link
- Edit the text using only non-standard characters and symbols (see examples here: http://www.alanwood.net/unicode/miscellaneous_symbols.html)
- Using the mouse, click on the 'save' button
- Expected Results
- The content should have left edit mode
- The rich-text editor should have closed
- The 'save' and 'cancel' buttons should not be present
- The content should display the new value
- Stop Test
- Refresh the browser to return the page to its initial state
Test 5: Edit With Special Characters
- Procedure
- Open the browser and navigate to the specified URL
- Using the mouse, click the 'Edit' link
- Attempt to edit the text by pasting in text containing special characters (e.g. new line, tab)
- Using the mouse, click the 'save' button
- Expected Results
- The content should have left edit mode
- The rich-text editor should have closed
- The 'save' and 'cancel' buttons should not be present
- The content should display the new value
- Stop Test
- Refresh the browser to return the page to its initial state
Test 6: Edit With Characters Separated by Spaces
- Procedure
- Open the browser and navigate to the specified URL
- Using the mouse, click the 'Edit' link
- Edit the text by typing in some number of characters separated by tabs or spaces.
- Using the mouse, click the 'save' button
- Expected Results
- The content should have left edit mode
- The rich-text editor should have closed
- The 'save' and 'cancel' buttons should not be present
- The content should display the new value
- Stop Test
- Refresh the browser to return the page to its initial state
Test 7: Edit With Code/Script
- Procedure
- Open the browser and navigate to the specified URL
- Using the mouse, click the 'Edit' link
- Attempt to edit the text by pasting in some string of code
- Using the mouse, click the 'save' button
- Expected Results
- The content should have left edit mode
- The rich-text editor should have closed
- The 'save' and 'cancel' buttons should not be present
- The content should display the new value, without executing any of the code
- 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
http://build.fluidproject.org/infusion/tests/manual-tests/components/inlineEdit/rich/
Test 1: Empty
- Procedure
- Open the browser and navigate to the specified URL
- Using the mouse, click the 'Edit' link
- Delete all input values from the content area
- Using the mouse, click on the 'save' button
- Expected Results
- The content should have left edit mode
- The rich-text editor should have closed
- The 'save' and 'cancel' buttons should not be present
- The content should now read: "Click Edit"
- Stop Test
- Refresh the browser to return the page to its initial state
Test 2: Many Characters (Not Separated)
- Procedure
- Open the browser and navigate to the specified URL
- Using the mouse, click the 'Edit' link
- Edit the text with a large number (e.g. 1000 characters) of characters without any gaps ( generator )
- Using the mouse, click on the 'save' button
- Expected Results
- The content should have left edit mode
- The rich-text editor should have closed
- The 'save' and 'cancel' buttons should not be present
- The content should display the new value, with the text wrapping to new lines as necessary
- Stop Test
- Refresh the browser to return the page to its initial state
Test 3: Many Characters (Separated)
- Procedure
- Open the browser and navigate to the specified URL
- Using the mouse, click the 'Edit' link
- Edit the text with a large number (e.g. 1000 characters) of characters with gaps between ( generator )
- Using the mouse, click on the 'save' button
- Expected Results
- The content should have left edit mode
- The rich-text editor should have closed
- The 'save' and 'cancel' buttons should not be present
- The content should display the new value, with the text wrapping to new lines appropriately
- 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
http://build.fluidproject.org/infusion/tests/manual-tests/components/inlineEdit/rich/
*no tests yet*
Validation
Description
Tests to ensure that specifications are being met
Protocol
Perform these tasks on the following site.
Site
http://build.fluidproject.org/infusion/tests/manual-tests/components/inlineEdit/rich/
Test 1: HTML Validation
- Procedure
- Open the browser and navigate to the specified URL
- For each state of the system, validate the HTML markup
- Tools for validation
- Expected Results
- All of the HTML markup should properly validate in all states.
- Stop Test
- Refresh the browser to return the page to its initial state
- Quit the tool you are using to validate
Test 2: WCAG Validation
- Procedure
- Open the browser and navigate to the specified URL
- For each state of the system (see: State Tests), ensure that the WCAG guidelines are being met to at least AA level
- Tools for validation (Note: Automated tools are not yet capable of catching all issues. It is important to go through the checklist, making use of automated tools where possible, and manual processes otherwise).
- Expected Results
- Passes WCAG 2.0 AA requirements
- Stop Test
- Refresh the browser to return the page to its initial state
- Quit the tool you are using to validate
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
http://build.fluidproject.org/infusion/tests/manual-tests/components/inlineEdit/rich/