Skip to end of metadata
Go to start of metadata

User Interface Options QA Test Plan - Full: No Preview

Environments

Unable to render {include} The included page could not be found.
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

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.

FSS Jira Filter
UI Options Jira Filter



Unit Test

________________________________________________________

ProtocolLaunch the following websites to execute unit tests.

UI Options Tests:
http://build.fluidproject.org/infusion/tests/component-tests/uiOptions/html/UIOptions-test.html
http://build.fluidproject.org/infusion/tests/component-tests/uiOptions/html/UIEnhancer-test.html
http://build.fluidproject.org/infusion/tests/component-tests/uiOptions/html/FatPanelUIOptions-test.html
http://build.fluidproject.org/infusion/tests/component-tests/uiOptions/html/FullNoPreviewUIOptions-test.html
http://build.fluidproject.org/infusion/tests/component-tests/uiOptions/html/FullPreviewUIOptions-test.html
http://build.fluidproject.org/infusion/tests/component-tests/uiOptions/html/TextfieldSlider-test.html
http://build.fluidproject.org/infusion/tests/component-tests/uiOptions/html/SlidingPanel-test.html
http://build.fluidproject.org/infusion/tests/component-tests/uiOptions/html/Store-test.html
http://build.fluidproject.org/infusion/tests/component-tests/uiOptions/html/URLUtilities-test.html

State Tests

________________________________________________________

DescriptionEnsures that the component properly traverses through the various states. 

ProtocolPerform these tasks on the following site, perform the tests 1-17 and 18-34 in order.

UI Options Examples:
UI Options Demo

Mouse

Test 1: Mouse, Open

  • Procedure
    1. Using the mouse, click to open UI Options (without preview)
  • Expected Results
    • UI Options should open on a new page, with the current values selected

Test 2: Mouse, Close Immediately After Open

  • Procedure
    1. Complete Test 1
    2. Using the mouse, click the "Return To Site" button
  • Expected Results
    • The demo page should open
    • The style of the page should not have changed

Test 3: Mouse, Change Text Style

  • Procedure
    1. Complete Test 2
    2. Using the mouse, click to open UI Options (without preview)
    3. Using the mouse, under the "Text and Display" header, select a different text style
    4. Using the mouse, click the "Save and Apply" button
  • Expected Results
    • The text on the page should change to the selected style

Test 4: Mouse, Change Text Size (slider)

  • Procedure
    1. Complete Test 3
    2. Using the mouse, under the "Text and Display" header, move the slider to select a different text size
    3. Using the mouse, click the "Save and Apply" button
  • Expected Results
    • The value in the textfield should change to show the value represented by the slider
    • The text on the page should change to the selected size

Test 5: Mouse, Change Text Size (textfield)

  • Procedure
    1. Complete Test 4
    2. Using the mouse, under the "Text and Display" header, type a new value in the textfield, to select a different text size
    3. Using the mouse, click the "Save and Apply" button
  • Expected Results
    • The position of the thumb, on the slider, should change to represent the value entered in the textfield
    • The text on the page should change to the selected size

Test 6: Mouse, Change Line Spacing (slider)

  • Procedure
    1. Complete Test 5
    2. Using the mouse, under the "Text and Display" header, move the slider to change the line spacing
    3. Using the mouse, click the "Save and Apply" button
  • Expected Results
    • The value in the textfield should change to show the value represented by the slider
    • The page should change to have the selected line spacing

Test 7: Mouse, Change Line Spacing (textfield)

  • Procedure
    1. Complete Test 6
    2. Using the mouse, under the "Text and Display" header, type a new value in the textfield to change the line spacing
    3. Using the mouse, click the "Save and Apply" button
  • Expected Results
    • The position of the thumb, on the slider, should change to represent the value entered in the textfield
    • The page should change to have the selected line spacing

Test 8: Mouse, Change Contrast

  • Procedure
    1. Complete Test 7
    2. Using the mouse, under the "Text and Display" header, select a different contrast theme
    3. Using the mouse, click the "Save and Apply" button
  • Expected Results
    • The contrast of the content on the page should change to the selected theme

Test 9: Mouse, Toggle Table of Contents

  • Procedure
    1. Complete Test 8
    2. Using the mouse, under the "Layout and Navigation" header, toggle the "Show Table of Contents" setting
    3. Using the mouse, click the "Save and Apply" button
  • Expected Results
    • The display of the table of contents, on the demo page, should match the selected setting

Test 10: Mouse, Emphasize Links

  • Procedure
    1. Complete Test 9
    2. Using the mouse, under the "Links and Buttons" tab, toggle the "Emphasize Links" setting
    3. Using the mouse, click the "Save and Apply" button
  • Expected Results
    • The display of links, on the page, should match the selected setting

Test 11: Mouse, Make Inputs Larger

  • Procedure
    1. Complete Test 10
    2. Using the mouse, under the "Links and Button" header, toggle the "Make Inputs Larger" setting
    3. Using the mouse, click the "Save and Apply" button
  • Expected Results
    • The display of inputs, on the page, should match the selected setting

Test 12: Mouse, Close

  • Procedure
    1. Complete Test 11
    2. Using the mouse, click the "Return to Site" button
  • Expected Results
    • The demo page should display the effects of the selected options

Test 13: Mouse, Reset

  • Procedure
    1. Complete Test 12
    2. Using the mouse, click to open UI Options (without preview)
    3. Using the mouse, click the "Reset and Apply" button
  • Expected Results
    • The options should all be set to the initial default values
    • The page should be reset to the initial default styles
  • Stop Test
    • Click the "Return To Site" button

Keyboard

Test 14: Keyboard, Open

  • Procedure
    1. Using the keyboard, tap the 'tab' key until the element to open UI Options (without preview) has focus
    2. Using the keyboard, tap the 'enter' key to open UI Options (without preview)
  • Expected Results
    • UI Options should open on a new page, with the current values selected

Test 15: Keyboard, Close Immediately After Open

  • Procedure
    1. Complete Test 14
    2. Using the keyboard, tap the 'tab' key until the "Return To Site" button has focus
    3. Using the keyboard, tap the 'enter' key to return to the demo page
  • Expected Results
    • The demo page should open
    • The style of the page should not have changed

Test 16: Keyboard, Change Text Style

  • Procedure
    1. Complete Test 15
    2. Using the keyboard, tap the 'tab' key until the element to open UI Options (without preview) has focus
    3. Using the keyboard, tap the 'enter' key to open UI Options (without preview)
    4. Using the keyboard, under the "Text and Display" header, select a different text style
    5. Using the keyboard, tap the 'tab' key until the "Save and Apply" button has focus
    6. Using the keyboard, tap the "enter" key to save the changes
  • Expected Results
    • The text on the page should change to the selected style

Test 17: Keyboard, Change Text Size (slider)

  • Procedure
    1. Complete Test 16
    2. Using the keyboard, under the "Text and Display" header, tap the "tab" key until the thumb of the slider has focus
    3. Using the keyboard, tap the left and right arrow keys to select a different text size
    4. Using the keyboard, tap the 'tab' key until the "Save and Apply" button has focus
    5. Using the keyboard, tap the "enter" key to save the changes
  • Expected Results
    • The value in the textfield should change to show the value represented by the slider
    • The text on the page should change to the selected size

Test 18: Keyboard, Change Text Size (textfield)

  • Procedure
    1. Complete Test 17
    2. Using the keyboard, under the "Text and Display" header, tap the "tab" key until the textfield has focus
    3. Using the keyboard, type a new value in the textfield, to select a different text size
    4. Using the keyboard, tap the 'tab' key until the "Save and Apply" button has focus
    5. Using the keyboard, tap the "enter" key to save the changes
  • Expected Results
    • The position of the thumb, on the slider, should change to represent the value entered in the textfield
    • The text on the page should change to the selected size

Test 19: Keyboard, Change Line Spacing (slider)

  • Procedure
    1. Complete Test 18
    2. Using the keyboard, under the "Text and Display" header, tap the "tab" key until the thumb of the slider has focus
    3. Using the keyboard, tap the left and right arrow keys to select a different line spacing
    4. Using the keyboard, tap the 'tab' key until the "Save and Apply" button has focus
    5. Using the keyboard, tap the "enter" key to save the changes
  • Expected Results
    • The value in the textfield should change to show the value represented by the slider
    • The page should change to have the selected line spacing

Test 20: Keyboard, Change Line Spacing (textfield)

  • Procedure
    1. Complete Test 19
    2. Using the keyboard, under the "Text and Display" header, tap the "tab" key until the textfield has focus
    3. Using the keyboard, type a new value in the textfield, to select a different line spacing
    4. Using the keyboard, tap the 'tab' key until the "Save and Apply" button has focus
    5. Using the keyboard, tap the "enter" key to save the changes
  • Expected Results
    • The position of the thumb, on the slider, should change to represent the value entered in the textfield
    • The page should change to have the selected line spacing

Test 21: Keyboard, Change Contrast

  • Procedure
    1. Complete Test 20
    2. Using the keyboard, under the "Text and Display" header, select a different contrast theme
    3. Using the keyboard, tap the 'tab' key until the "Save and Apply" button has focus
    4. Using the keyboard, tap the "enter" key to save the changes
  • Expected Results
    • The contrast of the content on the page should change to the selected theme

Test 22: Keyboard, Toggle Table of Contents

  • Procedure
    1. Complete Test 21
    2. Using the keyboard, under the "Layout and Navigation" header, toggle the "Show Table of Contents" setting
    3. Using the keyboard, tap the 'tab' key until the "Save and Apply" button has focus
    4. Using the keyboard, tap the "enter" key to save the changes
  • Expected Results
    • The display of the table of contents, on the demo page, should match the selected setting

Test 23: Keyboard, Emphasize Links

  • Procedure
    1. Complete Test 24
    2. Using the keyboard, under the "Links and Buttons" header, toggle the "Emphasize Links" setting
    3. Using the keyboard, tap the 'tab' key until the "Save and Apply" button has focus
    4. Using the keyboard, tap the "enter" key to save the changes
  • Expected Results
    • The display of links, on the page, should match the selected setting

Test 24: Keyboard, Make Inputs Larger

  • Procedure
    1. Complete Test 25
    2. Using the keyboard, under the "Links and Navigation" header, toggle the "Make Inputs Larger" setting
    3. Using the keyboard, tap the 'tab' key until the "Save and Apply" button has focus
    4. Using the keyboard, tap the "enter" key to save the changes
  • Expected Results
    • The display of inputs, on the page, should match the selected setting

Test 25: Keyboard, Close

  • Procedure
    1. Complete Test 24
    2. Using the keyboard, tap the 'tab' key until the "Return To Site" button has focus
    3. Using the keyboard, tap the 'enter' key to return to the demo page
  • Expected Results
    • The demo page should display the effects of the selected options

Test 28: Keyboard, Reset

  • Procedure
    1. Complete Test 27
    2. Using the keyboard, tap the 'tab' key until the element to open UI Options (without preview) has focus
    3. Using the keyboard, tap the 'enter' key to open UI Options (without preview)
    4. Using the keyboard, tap the 'tab' key until the "Reset and Apply" button has focus
    5. Using the keyboard, tap the 'enter' key reset the settings
  • Expected Results
    • The options should all be set to the initial default values
    • The page should be reset to the initial default styles
  • Stop Test
    • Click the "Return To Site" button


Task Oriented Functional Tests

________________________________________________________

DescriptionEnsures that the component is able to handle expected input.

ProtocolPerform these tasks on the following site.

UI Options Examples:
UI Options Demo

Test 1: Change the Text Style

  • Procedure
    1. Open UI Options (without preview)
    2. Under the "Text and Display" header, change the text style
    3. Trigger the "Save and Apply" button
  • Expected Results
    • The text in UI Options and the demo page should change to the selected style
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes

Test 2: Change the Text Size

  • Procedure
    1. Open UI Options (without preview)
    2. Under the "Text and Display" header, change the text size
    3. Trigger the "Save and Apply" button
  • Expected Results
    • The text in UI Options and the demo page should change to the selected size
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes

Test 3: Change the Line Spacing

  • Procedure
    1. Open UI Options (without preview)
    2. Under the "Text and Display" header, change the line spacing
    3. Trigger the "Save and Apply" button
  • Expected Results
    • UI Options and the demo page should change to have the selected line spacing
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes

Test 4: Change the Contrast Theme

  • Procedure
    1. Open UI Options (without preview)
    2. Under the "Text and Display" header, change the contrast theme
    3. Trigger the "Save and Apply" button
  • Expected Results
    • The contrast of the content in UI Options and the demo page should change to the selected theme
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes

Test 5: Emphasize Links

  • Procedure
    1. Open UI Options (without preview)
    2. Under the "Links and Buttons" header, toggle the "Emphasize Links" setting
    3. Trigger the "Save and Apply" button
  • Expected Results
    • The display of links, in UI Options and the demo page, should match the selected setting
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes

Test 6: Make Inputs Larger

  • Procedure
    1. Open UI Options (without preview)
    2. Under the "Links and Navigation" header, toggle the "Make Inputs Larger" setting
    3. Trigger the "Save and Apply" button
  • Expected Results
    • The display of inputs, in UI Options and the demo page, should match the selected setting
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes

Test 7: Toggle Table of Contents

  • Procedure
    1. Open UI Options (without preview)
    2. Under the "Layout and Navigation" header, toggle the "Show Table of Contents" setting
    3. Trigger the "Save and Apply" button
  • Expected Results
    • The display of the table of contents, the demo page, should match the selected setting
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes

Test 8: Reset Changes

  • Procedure
    1. Open UI Options (without preview)
    2. Change some of the settings
    3. Trigger the "Reset and Apply" button
  • Expected Results
    • The options should all be set to the initial default values
    • The page should be reset to the initial default styles
  • Stop Test
    • Reset the browser

Test 9: Persistence via Cookie

  • Procedure
    1. Open UI Options (without preview)
    2. Change some of the settings
    3. Trigger the "Save and Apply" button
    4. Trigger the "Return To Site" button
  • Expected Results
    • The demo page should show the options in effect
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes



Boundary Tests

________________________________________________________

DescriptionEnsures proper functionality at the input limits 

ProtocolPerform these tasks on the following site.

UI Options Examples:
UI Options Demo

Test 1: Minimum Text Size

  • Procedure
    1. Open the UI Options
    2. Under the "Text and Display" header, change the text size to the smallest value by moving the slider to the far left
  • Expected Results
    • After saving, the text on the demo page and UI Options should appear with the selected size
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes

Test 2: Maximum Text Size

  • Procedure
    1. Open UI Options (without preview)
    2. Under the "Text and Display" header, change the text to the largest size by moving the slider to the far right
  • Expected Results
    • After saving, the text on the demo page and UI Options should appear with the selected size
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes

Test 3: Minimum Line Spacing

  • Procedure
    1. Open the UI Options
    2. Under the "Text and Display" header, change the line spacing to the smallest value by moving the slider to the far left
  • Expected Results
    • After saving, the line spacing on the demo page and UI Options should appear with the selected size
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes

Test 4: Maximum Line Spacing

  • Procedure
    1. Open UI Options (without preview)
    2. Under the "Text and Display" header, change the line spacing to the largest size by moving the slider to the far right
  • Expected Results
    • After saving, the line spacing on the demo page and UI Options should appear with the selected size
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes

Test 5: Table of Contents On

  • Procedure
    1. Open the UI Options
    2. Under the "Layout and Navigation" header, select "Show Table of Contents"
  • Expected Results
    • The table of contents should be visible on the demo page
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes

Test 6: Table of Contents Off

  • Procedure
    1. Open the UI Options
    2. Under the "Layout and Navigation" header, deselect "Show Table of Contents"
  • Expected Results
    • The table of contents should not be visible on the demo page
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes

Test 7: Emphasize Links On

  • Procedure
    1. Open UI Options (without preview)
    2. Under the "Links and Buttons" header, select "Emphasize Links"
  • Expected Results
    • The links should be emphasized on the demo page and UI Options
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes

Test 8: Emphasize Links Off

  • Procedure
    1. Open UI Options (without preview)
    2. Under the "Links and Buttons" header, deselect "Emphasize Links"
  • Expected Results
    • The links should not be emphasized on the demo page and UI Options
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes

Test 9: Make Input Larger On

  • Procedure
    1. Open UI Options (without preview)
    2. Under the "Links and Buttons" header, select "Make Inputs Larger"
  • Expected Results
    • The inputs should appear larger on the demo page and UI Options
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes

Test 10: Make Input Larger Off

  • Procedure
    1. Open UI Options (without preview)
    2. Under the "Links and Buttons" header, deselect "Make Inputs Larger"
  • Expected Results
    • The inputs should not appear larger on the demo page and UI Options
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes

Test 16: No Preferences Changed

  • Procedure
    1. Open UI Options (without preview)
    2. Trigger the "Save and Apply" button without having made any changes
  • Expected Results
    • The demo page and UI Options should appear as they initially did on page load.
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes

Test 17: All Preferences Changed

  • Procedure
    1. Open UI Options (without preview)
    2. Change all of the options
  • Expected Results
    • The demo page and UI Options should appear with all of the style changes
  • Stop Test
    • Clear cookies and refresh the browser or reset the changes

Test 18: Cookies Turned Off

  • Procedure
    1. Turn off cookies in the browser
    2. Open UI Options (without preview)
    3. Change some of the settings
    4. Trigger the "Save and Apply" button
    5. Trigger the "Return To Site" button
  • Expected Results
    • The demo page should show the original default styles
  • Stop Test
    • Refresh the page and turn cookies back on




Test-to-Fail

________________________________________________________

DescriptionTests which should cause errors or not be accepted as input 

ProtocolPerform these tasks on the following site.

UI Options Examples:
UI Options Demo


Test 1: Enter a text size larger than the maximum

  • Procedure
    1. Open UI Options (without preview)
    2. Under the "Text and Display" tab, type in a text size that is larger than the maximum text size
    3. Tap the 'enter' key to set the value
  • Expected Results
    • The value should change to the maximum allowable text size
  • Stop Test
    • Refresh the browser or reset the changes

Test 2: Enter a text size smaller than the minimum

  • Procedure
    1. Open UI Options (without preview)
    2. Under the "Text and Display" tab, type in a text size that is smaller than the minimum text size
    3. Tap the 'enter' key to set the value
  • Expected Results
    • The value should change to the minimum allowable text size
  • Stop Test
    • Refresh the browser or reset the changes

Test 3: Enter a line spacing larger than the maximum

  • Procedure
    1. Open UI Options (without preview)
    2. Under the "Text and Display" tab, type in a line spacing that is larger than the maximum line spacing
    3. Tap the 'enter' key to set the value
  • Expected Results
    • The value should change to the maximum allowable line spacing
  • Stop Test
    • Refresh the browser or reset the changes

Test 4: Enter a line spacing smaller than the minimum

  • Procedure
    1. Open UI Options (without preview)
    2. Under the "Text and Display" tab, type in a line spacing that is smaller than the minimum line spacing
    3. Tap the 'enter' key to set the value
  • Expected Results
    • The value should change to the minimum allowable line spacing
  • Stop Test
    • Refresh the browser or reset the changes

Test 5: Enter non-numeric characters for the text size

  • Procedure
    1. Open the UI Options
    2. Under the "Text and Display" tab, in the text size textfield enter non-numeric characters
    3. Tap the 'enter' key to set the value
  • Expected Results
    • The value should change back to the last valid value
  • Stop Test
    • Refresh the browser or reset the changes

Test 6: Enter non-numeric characters for the line spacing

  • Procedure
    1. Open UI Options (without preview)
    2. Under the "Text and Display" tab, in the line spacing textfield enter non-numeric characters
    3. Tap the 'enter' key to set the value
  • Expected Results
    • The value should change back to the last valid value
  • Stop Test
    • Refresh the browser or reset the changes
  • No labels