Gradebook user experience improvements exploratory test

This is an exploratory test of a new feature or improvement, so please feel free to try anything you like and not just the test steps!

Please try different browsers, screen resolutions and languages (RTL and LTR)

Run the test with the browser developer console open and look for any errors.

Setup

• A course with groups enabled (set to Separate groups or Visible groups), with multiple groups, and multiple participants enrolled per group.
• A teacher must also be enrolled in the course.
• Few items to be graded (submissions for example)

Grader report smoke test

1. As a teacher, go to the course and select Grades from the secondary navigation.
2. Select Grader Report from the tertiary navigation dropdown.
3. Click on the new "Filter by name"
4. Choose a "First name" letter.
5. Verify the grade report filtered the items by first name based on the letter you choose
6. Repeat with "Last name"
7. The filtering should work as intended
8. Verify the new gradebook navigation dropdown menu in the tertiary navigation area.
9. Try changing to different pages in the gradebook.
10. It should work as intended, taking you to the correct gradebook page.
11. Note the new group selector in the tertiary navigation.
12. Select a group from the group selector.
    • Confirm that the report only shows the selected group.
13. Start typing a group name in the group selector text box.
    • Confirm that the group list updates to match the search term.

User report improvements

1. As a teacher in the gradebook, select "User report" in the menu.
2. Verify the new "Select a user" search element.
3. Verify that the "Search users" text box is focused
4. Verify that you can move between options using the up and down arrow keys
5. Verify that the focus stays on the search box when you move up/down through the options
6. Press Tab
7. Verify that "All users" is focused
8. Verify that Pressing Tab ley multiple times only switch the focus between the "Search users" and the "All users" elements

Styling improvements

1. As admin, visit the Gradebook setup in the course (Grades > Gradebook setup)
   1. Verify the new styling of the Gradebook setup table (background, borders, padding)
   2. Confirm that all the items are properly indented based on the hierarchy in the gradebook.
   3. Confirm that every grade item (including aggregations) have a label describing the type of the item (e.g. Assignment, Lesson, Manual item, Aggregation, etc.)
   4. Confirm that the Actions menus in the table are presented with a horizontal ellipsis icon{}
2. Click on the 'move' icon on one of the items in the Gradebook setup table.
   1. Confirm that the styling (background, borders, padding) of the 'move' screen matches the one on the figma prototype
   2. Confirm that the available move areas are represented with a dashed line and are properly indented.

...
Please add simplified instructions for
grade actions dropdown (hide, show, lock, grade analysis) - MDL-76146
search functionality - MDL-76143
“records per page” selector - MDL-76149
and any other work that we can do a exploratory testing