Show
Please test on theme Boost only
Setup
Fetch the test commit:
git fetch git://github.com/ferranrecio/moodle.git MDL-71456-master
git cherry-pick FETCH_HEAD
Purge caches.
Login as admin
Create a new course
Navigate to the course page
Add some extra sections to the course so you can scroll down the page
Add some blocks to the course
Test in a browser window wider than 1400px
Open the browser dev tools. Make sure that the dev tools window is docked right beside the page.
Drag the border between the page and the dev tools to adjust the page width so that its width becomes greater than 1400px. In Chrome, you'll see the page size in the upper right corner as you drag the border.
Open the left drawer region
Open the right drawer region
Verify both regions can be opened at the same time and that the regions do not overlap the course content
Open the left drawer, then reload the page, verify the left drawer is still open
Close the left drawer, then reload the page, verify the left drawer is still closed
Open the right drawer, then reload the page, verify the right drawer is still open
Close the right drawer, then reload the page, verify the right drawer is still closed
Test in a browser window with a width between 992px and 1400px
Open the left drawer region, then open the right drawer region, notice that upon opening the right drawer region the left drawer region closes
Try different combinations of opening the left and right drawer
Verify only one drawer can be opened at the same time and that the course content is never overlapped by the drawers
Open the left drawer, then reload the page, verify the left drawer is still open
Close the left drawer, then reload the page, verify the left drawer is still closed
Open the right drawer, then reload the page, verify the right drawer is still open
Close the right drawer, then reload the page, verify the right drawer is still closed
Test in a browser window with a width between 991px and 768px
Open the left drawer region, then open the right drawer region, notice that upon opening the right drawer region the left drawer region closes
Verify the drawer region overlaps the page content and the page content is darkened and can not be scrolled
Open the left drawer, then reload the page, verify the left drawer is still open
Open the right drawer, then reload the page, verify the right drawer is still open
Close all drawers, then reload the page, verify all drawers are still closed
Test in a browser window smaller than 768px wide
Verify the drawer toggles are centered on the page at this size
Click the drawer toggle to open the drawers
Open the left drawer, then reload the page, verify the left drawer is still open
Open the right drawer, then reload the page, verify the right drawer is still open
Close all drawers, then reload the page, verify all drawers are still closed
For this test use any browser width
Use your keyboard to navigate to the drawer toggle buttons
Press the enter key on a toggle button, this should show the drawer content
Verify the focus is now on the drawer close button
Press enter to close the drawer and verify the focus is back on the drawer toggle button
Use the keyboard to navigate through all the top navbar items
Verify that you can keep pressing tab all the way to the course content without losing where the focus is
Test if the scroll to top button works on the course page
Make sure there are enough sections (10+) on the course page so you are required to scroll down to get to the page footer
Scroll down the page and verify the scroll to top button appears
Click the button
Verify the page scrolls back to the top
Test user tours on a page with drawers
As admin restore the attached Features Demo.mbz as a new course
Then navigate to Site Administration > Appearance > User tours
Restore the attached tour_export_course_mainpage.json user tour and enable it
Enrol a test user into the restored course
Login as the test user
Verify the user tour correctly highlights elements in the main course region, the navbar and the blockregion
After test
Make sure to reset your local instance (e.g. through " mdk update " or " git reset --hard origin/master "