Uploader QA Test Plan

Uploader QA Test Plan

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

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.

Uploader Jira Filter

On a Mac, delete refers to a forward delete. On a keyboard that doesn't have a forward delete (e.g. a laptop keyboard), use Fn+Delete.



Unit Test

Protocol
Launch the following website to execute unit tests.

Site
http://build.fluidproject.org/infusion/tests/component-tests/uploader/all-tests.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: Mouse, Browse Files

  • Procedure
    1. Using the mouse, click the 'Browse Files' button
  • Expected Results
    • The OS File-Open dialog should pop-up over the browser

Test 2: Mouse, Add Files to the File Queue

  • Procedure
    1. Complete Test 1
    2. Browse the file system and highlight several files
    3. Using the mouse, click 'Choose', 'Select' or 'Open'
  • Expected Results
    • The OS File-Open dialog should close
    • The Uploader should be visible
    • The chosen files should have their individual file name and size displayed in the File Queue
    • The total number of files and their size should be displayed directly below the File Queue
    • The 'x' (remove) and 'Upload' buttons should be enabled
    • The 'Browse Files' button should be replaced by an 'Add More' button

Test 3: Mouse, Remove File

  • Procedure
    1. Complete Test 2
    2. Using the mouse, click on the 'x' button beside one of the files
  • Expected Results
    • The file should be removed from the File Queue
    • The size/scrolling should adjust to reflect the fewer number of files
    • The total number of files and their size should decrement appropriately

Test 4: Mouse, Upload

  • Procedure
    1. Complete Test 3
    2. Using the mouse, click the 'Upload' button
    3. Perform Test 5, before uploading completes
  • Expected Results
    • While a file is uploading, the shading behind the file name should display the current progress of the individual file
    • While a file is uploading, the shading behind the totals should display the current progress of the total queue
    • While a file is uploading, the totals should show which file number is being uploaded and how much data is uploaded
    • While a file is uploading, the 'x' (remove), 'Upload', and 'Add More' buttons should be disabled
    • As files complete uploading, the files should appear with a green bar to the left of their file name and a 'check mark' in place of the 'x'
    • The 'Add More' button should be disabled
    • The 'Upload' button should be replaced by a 'Stop Upload' button

Test 5: Mouse, Stop Upload

  • Procedure
    1. Complete Test 4
    2. Using the mouse, click the 'Stop Upload' button
  • Expected Results
    • All uploads should stop
    • Files that have completed uploading, should appear with a green bar to the left of their file name and a 'check mark' in place of the 'x'
    • The 'Add More 'button should be enabled
    • The 'Stop Upload' button should be replaced by an 'Upload' button

Test 6: Mouse, Resume Upload

  • Procedure
    1. Complete Test 5
    2. Using the mouse, click the 'Upload' button
  • Expected Results
    • While a file is uploading, the shading behind the file name should display the current progress of the individual file
    • While a file is uploading, the shading behind the totals should display the current progress of the total queue
    • While a file is uploading, the totals should show which file number is being uploaded and how much data is uploaded
    • While a file is uploading, the 'x' (remove), 'Upload', and 'Add More' buttons should be disabled
    • As files complete uploading, the files should appear with a green bar to the left of their file name and a 'check mark' in place of the 'x'
    • After uploading is complete, the 'Add More 'button should be enabled
    • After uploading is complete, the 'Stop Upload' button should be replaced with a disabled 'Upload' button
  • Stop Test
    • Refresh the browser to return the page to its initial state

Keyboard

Test 7: Keyboard, Browse Files

  • Procedure
    1. Using the keyboard, tap the 'tab' key until the 'Browse Files' button has focus
    2. Using the keyboard, tap the 'enter' or 'space' key
  • Expected Results
    • The OS File-Open dialog should pop-up over the browser

Test 8: Keyboard, Add Files to the File Queue

  • Procedure
    1. Complete Test 7
    2. Browse the file system and highlight several files
    3. Using the keyboard, tap the 'tab' key until 'Choose', 'Select' or 'Open' has focus
    4. Using the keyboard, tap the 'enter' key
  • Expected Results
    • The OS File-Open dialog should close
    • The Uploader should be visible
    • The chosen files should have their individual file name and size displayed in the File Queue
    • The total number of files and their size should be displayed directly below the File Queue
    • The 'x' (remove) and 'Upload' buttons should be enabled
    • The 'Browse Files' button should be replaced by an 'Add More' button

Test 9: Keyboard, Remove File

  • Procedure
    1. Complete Test 8
    2. Using the keyboard, tap the 'tab' key until one of the files in the File Queue has focus
    3. Using the keyboard, tap the 'up' or 'down' arrow key to select a file
    4. Using the keyboard, tap the 'delete' key (on a Mac laptop, press 'fn' and 'delete')
  • Expected Results
    • The file should be removed from the File Queue
    • The size/scrolling should adjust to reflect the fewer number of files
    • The total number of files and their size should decrement appropriately

Test 10: Keyboard, Upload

  • Procedure
    1. Complete Test 9
    2. Using the keyboard, tap the 'tab' key until the 'Upload' button has focus
    3. Using the keyboard, tap the 'enter' or 'space' key
    4. Perform Test 11 before uploading completes
  • Expected Results
    • While a file is uploading, the shading behind the file name should display the current progress of the individual file
    • While a file is uploading, the shading behind the totals should display the current progress of the total queue
    • While a file is uploading, the totals should show which file number is being uploaded and how much data is uploaded
    • While a file is uploading, the 'x' (remove), 'Upload', and 'Add More' buttons should be disabled
    • As files complete uploading, the files should appear with a green bar to the left of their file name and a 'check mark' in place of the 'x'
    • The 'Add More' button should be disabled
    • The 'Upload' button should be replaced by a 'Stop Upload' button

Test 11: Keyboard, Stop Upload

  • Procedure
    1. Complete Test 10
    2. Using the keyboard, tap the 'tab' key until the 'Stop Upload' button has focus
    3. Using the keyboard, tap the 'enter' or 'space' key
  • Expected Results
    • All uploads should stop
    • Files that have completed uploading, should appear with a green bar to the left of their file name and a 'check mark' in place of the 'x'
    • The 'Add More 'button should be enabled
    • The 'Stop Upload' button should be replaced by an 'Upload' button

Test 12: Keyboard, Resume Upload

  • Procedure
    1. Complete Test 11
    2. Using the keyboard, tap the 'tab' key until the 'Upload' button has focus
    3. Using the keyboard, tap the 'enter' or 'space' key
  • Expected Results
    • While a file is uploading, the shading behind the file name should display the current progress of the individual file
    • While a file is uploading, the shading behind the totals should display the current progress of the total queue
    • While a file is uploading, the totals should show which file number is being uploaded and how much data is uploaded
    • While a file is uploading, the 'x' (remove), 'Upload', and 'Add More' buttons should be disabled
    • As files complete uploading, the files should appear with a green bar to the left of their file name and a 'check mark' in place of the 'x'
    • After uploading is complete, the 'Add More 'button should be enabled
    • After uploading is complete, the 'Stop Upload' button should be replaced with a disabled 'Upload' button

Assistive Technology (AT)

Description
Tests to ensure compatibility with Assistive Technologies.

Protocol
Perform these tasks on the following site.

Site
Demo

Test 1: AT Tests

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the state tests as a guide, attempt to navigate through each state of the system
      1. Example ATs
        1. Screen Readers: JAWSNVDAVoiceOverOrca
        2. Built in AT features: WindowsMacLinuxiOSAndroid
        3. Others ATs: Speech Recognition, Screen Magnifiers, switch access, etc.
  • 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
Demo

Test 1: Cancel, Browsing Files

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, click the 'Browse Files' button
    3. Using the mouse, click 'Cancel'
  • Expected Results
    • The OS File-Open dialog should close
    • The File Queue should be empty
    • The 'Browse Files' button should be enabled
    • The 'Upload' button should be disabled
  • Stop Test
    • Refresh the browser to return the page to its initial state.

Test 2: Add Files to the File Queue

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, click the 'Browse Files' button
    3. Browse the file system and highlight several files
    4. Using the mouse, click 'Choose', 'Select' or 'Open'
  • Expected Results
    • The OS File-Open dialog should close
    • The Uploader should be visible
    • The chosen files should have their individual file name and size displayed in the File Queue
    • The total number of files and their size should be displayed directly below the File Queue
    • The 'x' (remove), and 'Upload' buttons should be enabled
    • The 'Browse Files' button should be replaced by an 'Add More' button
  • Stop Test
    • Refresh the browser to return the page to its initial state.

Test 3: Add Files, Files Already in the File Queue

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, click the 'Browse Files' button
    3. Browse the file system and highlight several files
    4. Using the mouse, click 'Choose', 'Select' or 'Open'
    5. Using the mouse, click the 'Add More' button
    6. Browse the file system and highlight several more files
    7. Using the mouse, click 'Choose', 'Select' or 'Open'
  • Expected Results
    • The OS File-Open dialog should close
    • The Uploader should be visible
    • All of the chosen files should have their individual file name and size displayed in the File Queue
    • The total number of files and their size should be displayed directly below the File Queue
    • The 'x' (remove), 'Upload' and 'Add More' buttons should be enabled
  • Stop Test
    • Refresh the browser to return the page to its initial state.

Test 4: Remove All Files From the File Queue

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, click the 'Browse Files' button
    3. Browse the file system and highlight several files
    4. Using the mouse, click 'Choose', 'Select' or 'Open'
    5. Using the mouse, click the 'x' button next to each file to remove them from the queue
  • Expected Results
    • The OS File-Open dialog should close
    • The Uploader should be visible
    • All of the chosen files should be removed from the File Queue
    • The size/scrolling should adjust to reflect the fewer number of files
    • The total number of files and their size should be 0
    • The 'Upload' button should be disabled
    • The 'Browse Files' button should be enabled
  • Stop Test
    • Refresh the browser to return the page to its initial state.

Test 5: Add Files, After Removing All Current Files From the File Queue

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, click the 'Browse Files' button
    3. Browse the file system and highlight several files
    4. Using the mouse, click 'Choose', 'Select' or 'Open'
    5. Using the mouse, click the 'x' button next to each file to remove them from the queue
    6. Using the mouse, click the 'Browse Files' button
    7. Browse the file system and highlight several files
    8. Using the mouse, click 'Choose', 'Select' or 'Open'
  • Expected Results
    • The OS File-Open dialog should close
    • The Uploader should be visible
    • Only the new files chosen should have their individual file name and size displayed in the File Queue
    • The total number of files and their size should be displayed directly below the File Queue, with totals only appearing for the new files chosen
    • The 'x' (remove), 'Upload, and 'Add More' buttons should be enabled
  • Stop Test
    • Refresh the browser to return the page to its initial state.

Test 6: Upload Files

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, click the 'Browse Files' button
    3. Browse the file system and highlight several files
    4. Using the mouse, click 'Choose', 'Select' or 'Open'
    5. Using the mouse, click the 'Upload' button
  • Expected Results
    • While a file is uploading, the shading behind the file name should display the current progress of the individual file
    • While a file is uploading, the shading behind the totals should display the current progress of the total queue
    • While a file is uploading, the totals should show which file number is being uploaded and how much data is uploaded
    • After all files have uploaded, the files should appear with a green bar to the left of their file name and a 'check mark' in place of the 'x'
    • The 'Add More 'and 'Upload' buttons should be enabled
  • Stop Test
    • Refresh the browser to return the page to its initial state.

Test 7: Add Files, After Uploading All Current Files From the File Queue

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, click the 'Browse Files' button
    3. Browse the file system and highlight several files
    4. Using the mouse, click 'Choose', 'Select' or 'Open'
    5. Using the mouse, click the 'Upload' button
    6. Using the mouse, click the 'Add More' button
    7. Browse the file system and highlight several files
    8. Using the mouse, click 'Choose', 'Select' or 'Open'
  • Expected Results
    • The OS File-Open dialog should close
    • The Uploader should be visible
    • All of the chosen files should have their individual file name and size displayed in the File Queue
    • All files, which have completed uploading, should appear with a green bar to the left of their file name and a 'check mark' in place of the 'x'
    • The total number of files and their size should be displayed directly below the File Queue
    • The 'x' (remove), 'Upload', and 'Add More' buttons should be enabled
  • Stop Test
    • Refresh the browser to return the page to its initial state.

Test 8: Stop Upload

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, click the 'Browse Files' button
    3. Browse the file system and highlight several files
    4. Using the mouse, click 'Choose', 'Select' or 'Open'
    5. Using the mouse, click the 'Upload' button
    6. Using the mouse, click the 'Stop Upload' button
  • Expected Results
    • While a file is uploading, the shading behind the file name should display the current progress of the individual file
    • While a file is uploading, the shading behind the totals should display the current progress of the total queue
    • While a file is uploading, the totals should show which file number is being uploaded and how much data is uploaded
    • As a file completes uploading, the file should appear with a green bar to the left of the file name and a 'check mark' in place of the 'x'
    • The 'Add More 'and 'Upload' buttons should be enabled
  • Stop Test
    • Refresh the browser to return the page to its initial state.

Test 9: Resume Upload

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, click the 'Browse Files' button
    3. Browse the file system and highlight several files
    4. Using the mouse, click 'Choose', 'Select' or 'Open'
    5. Using the mouse, click the 'Upload' button
    6. Using the mouse, click the 'Stop Upload' button
    7. Using the mouse, click the 'Upload' button
  • Expected Results
    • While a file is uploading, the shading behind the file name should display the current progress of the individual file
    • While a file is uploading, the shading behind the totals should display the current progress of the total queue
    • While a file is uploading, the totals should show which file number is being uploaded and how much data is uploaded
    • After all files have uploaded, the files should appear with a green bar to the left of their file name and a 'check mark' in place of the 'x'
    • The 'Add More 'and 'Upload' buttons should be enabled
  • 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: Upload a File With a Small File Size

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, click the 'Browse Files' button
    3. From the OS file open dialog, select a file that is approximately 0KB (e.g. blank text file)
    4. Using the mouse, click 'Choose', 'Select' or 'Open'
  • Expected Results
    • While the file is uploading, the shading behind the file name should display the current progress of the individual file
    • While the file is uploading, the shading behind the totals should display the current progress of the total queue
    • While the file is uploading, the 'x' (remove), 'Upload', and 'Add More' buttons should be disabled
    • When the file completes uploading, the file should appear with a green bar to the left of its file name and a 'check mark' in place of the 'x'
    • The 'Add More 'and 'Upload' buttons should be enabled
  • Stop Test
    • Refresh the browser to return the page to its initial state.

Test 2: Upload a Max Size File

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, click the 'Browse Files' button
    3. From the OS file open dialog, select a file that is approximately 20MB
    4. Using the mouse, click 'Choose', 'Select' or 'Open'
  • Expected Results
    • While the file is uploading, the shading behind the file name should display the current progress of the individual file
    • While the file is uploading, the shading behind the totals should display the current progress of the total queue
    • While the file is uploading, the 'x' (remove), 'Upload', and 'Add More' buttons should be disabled
    • When the file completes uploading, the file should appear with a green bar to the left of its file name and a 'check mark' in place of the 'x'
    • The 'Add More 'and 'Upload' buttons should be enabled
  • Stop Test
    • Refresh the browser to return the page to its initial state.

Test 3: Upload a File Larger Than the Max Size

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, click the 'Browse Files' button
    3. From the OS file open dialog, select a file that is approximately 21MB
  • Expected Results
    • The selected file does not appear in list.
    • A warning message indicating that the file was too large should appear.
      • The warning should include the number of files and names of the files that were not added.
  • Stop Test
    • Refresh the browser to return the page to its initial state.

Test 4: Upload a Large Number of Files

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, click the 'Browse Files' button
    3. From the OS file open dialog, select a large number of files
    4. Using the mouse, click 'Choose', 'Select' or 'Open'
  • Expected Results
    • While a file is uploading, the shading behind the file name should display the current progress of the individual file
    • While a file is uploading, the shading behind the totals should display the current progress of the total queue
    • While a file is uploading, the totals should show which file number is being uploaded and how much data is uploaded
    • While a file is uploading, the 'x' (remove), 'Upload', and 'Add More' buttons should be disabled
    • As files complete uploading, the files should appear with a green bar to the left of their file name and a 'check mark' in place of the 'x'
    • The 'Add More 'and 'Upload' buttons should be enabled
  • Stop Test
    • Refresh the browser to return the page to its initial state.

Test 4: Upload a File With a Short File Name

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, click the 'Browse Files' button
    3. From the OS file open dialog, select a file that has a file name with 1 character
    4. Using the mouse, click 'Choose', 'Select' or 'Open'
  • Expected Results
    • While the file is uploading, the shading behind the file name should display the current progress of the individual file
    • While the file is uploading, the shading behind the totals should display the current progress of the total queue
    • While the file is uploading, the 'x' (remove), 'Upload', and 'Add More' buttons should be disabled
    • When the file completes uploading, the file should appear with a green bar to the left of its file name and a 'check mark' in place of the 'x'
    • The 'Add More 'and 'Upload' buttons should be enabled
  • Stop Test
    • Refresh the browser to return the page to its initial state.

Test 5: Upload a File With a Long File Name

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. Using the mouse, click the 'Browse Files' button
    3. From the OS file open dialog, select a file that has a long file name (e.g. 100 characters)
    4. Using the mouse, click 'Choose', 'Select' or 'Open'
  • Expected Results
    • The name of the file should appear in parentheses (i.e. abc...xyz.txt) so that the size and type of the file is still displayed
    • While the file is uploading, the shading behind the file name should display the current progress of the individual file
    • While the file is uploading, the shading behind the totals should display the current progress of the total queue
    • While the file is uploading, the 'x' (remove), 'Upload', and 'Add More' buttons should be disabled
    • When the file completes uploading, the file should appear with a green bar to the left of its file name and a 'check mark' in place of the 'x'
    • The 'Add More 'and 'Upload' buttons should be enabled
  • Stop Test
    • Refresh the browser to return the page to its initial state.

Test 8: No Javascript

  • Procedure
    1. Turn off javascript in your browser
    2. Open the browser and navigate to the specified URL
    3. Using the mouse, click the 'Browse' button
    4. From the OS file open dialog, select a file
    5. Using the mouse, click 'Choose', 'Select' or 'Open'
    6. Using the mouse, click the 'Save' button
  • Expected Results
    • With javascript turned off only a simple html uploader should be present
    • Clicking save should upload the file
  • Stop Test
    • Turn javascript back on
    • 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 to ensure that specifications are being met

Protocol
Perform these tasks on the following site.

Site
Demo

Test 1: HTML Validation

  • Procedure
    1. Open the browser and navigate to the specified URL
    2. For each state of the system, validate the HTML markup
      1. Tools for validation
        1. Nu HTML Checker Bookmarklet
        2. Validity Chrome Extension
        3. Lighthouse Dev Tool
  • 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
    1. Open the browser and navigate to the specified URL
    2. For each state of the system (see: State Tests), ensure that the WCAG guidelines are being met to at least AA level
      1. 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).
        1. WCAG AODA accessibility audit checklist
        2. tota11y Bookmarklet
        3. Lighthouse Dev Tool
  • 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
Demo