Question bank usability improvements exploratory test

 

Set up

1. Create a course (Course 1)
2. Navigate to the question bank
3. Create 2 True/False questions

Plugin config page (Column sort order ):

Site Administration > Plugins > Questions bank plugin > Column sort order 

http://{site}/question/bank/columnsortorder/sortcolumns.php?section=columnsortorder

 

Question bank page

Sort Column

1. Go to the plugin config page (see above)
2. Using drag icon to move a column (A) into a previous column (B) :
   • Column A should be inserted before column B
3. Reload the page:
   • Column A should still be before column B
4. Go to Course 1 question bank
   • Column A  should be displayed before column B
5. Turn on edition mode
6. Drag column B into column A
   • Column B should be inserted before column A
7. Reload the page:
   • Column B should still be before column A
8. Go to plugin config page, the change we made in question bank should not be reflected on this page:

• • Column B should NOT be before column A 

Pin Column

1. Go to the plugin config page
2. Using pin icon to pin a column
3. The background of the column and any one before it should be turned into "wheat" color
4. Go to Course 1 question page
5. The background of the pinned column (and the one before it) should be in "Wheat color"
6. Make the Browser windows small until a vertical scroll bar is displayed in the question table.
7. Move the scroll bar:
   • The pinned columns should be sticky
8. Turn editing mode on
9. Pin another column
10. Reload the page:
    • New pinned columns should be shown
11. Go to plugin config page
    • The pinned column should remain the same as step 2 (Should be different than the on in step 9)

Hide and show column

1. Go to plugin config page
2. Click on "Show/Hide" dropdown
3. Click on one or more columns to show/hide:
   • The changes should be reflected in the table below
4. Go to Course 1 question bank:
   • The table should not display any hidden column we made in step 3
5. Turn editing mode on
6. Show another column
7. Go to plugin config page:
   1. The column in step 6 should still be hidden.

Resize column

1. Go to the plugin config page
2. Use the resize icon ( || ) to resize or or more columns
3. Reload the page:
   • The column width should be persisted
4. Single-click the resize icon to display the modal resize dialog
5. Enter a new column width and click "Cancel"
   • The column should remain the origin size
6. Single-click the resize icon to display the modal resize dialog again
7. Enter a new column width and click "Save changes"
   • The column width you entered should be reflected on the page
8. Reload the page:
   • The column width should be persisted
9. Go to Course 1 question bank page
   • The resized widths should also be reflected
10. Turn editing mode on
11. Resize a column
12. Go to Plugin config page:
    • Change in step 8 should not be applied to the table on this page.

Reset

1. Go to course 1 question bank page
2. Turn editing mode on
3. Click on reset button above the question table:
   • Any changes we made to the column (move, resize, pin, hide/show) at this page will be lost
   • The configuration should be the same as the one on plugin config page