Main container width of Boost pages

Setup for testing

1. Login as admin
2. Create a new course based on the attached "all activities" backup and enrol yourself
3. Create a few additional courses (at least 5) and enrol yourself
4. Navigate to the site home and click edit settings for the cog menu
5. In field "Front page items when logged in" configure"

• list of courses
• list fo categories

1. Save changes and return to the site home

Home page width

1. Verify the home page width is never bigger than 800px wide
2. On the homepage add the "logged in user" block
3. Verify you see the drawer toggle and verify you can open the drawer and see the "Logged in user" block

Categories page width

1. On the front page click a category in Course categories
2. on the category page verify the home page width is never bigger than 800px wide

Profile page width

1. Navigate to your profile page
2. Verify the maximum page width is 800px wide

Test the activity pages

1. Navigate to the all activities page
2. Verify the page widths match the table below:
3. Please not if an activity subpage contains a html table it is okay to go full width, for example the choice responses page.

Dashboard blocks width for boost

1. Navigate to your dashboard
2. Resize the browser from 1400px wide to 500px wide
3. Scroll down and observe the course overview block
4. Verify the number of course cards is 3 in one row at sizes up to 840px
5. Verify the number of course cards is 2 in one row at sizes up to 576px
6. Verify the number of course cards is 1 in one row at sizes below 576px

Tests for theme classic

Dashboard blocks width for classic

1. Change your theme to the classic theme
2. Navigate to your dashboard
3. Make sure the dash dashboard has a 3 column layout
4. Scroll down and observe the course overview block
5. Resize the browser from 1400px wide to 500px wide
6. Verify the number of course cards is 4 in one row at sizes up to 1360px
7. Verify the number of course cards is 3 in one row at sizes up to 1200px
8. Verify the number of course cards is 2 in one row at sizes up to 992px
9. Verify the number of course cards is 1 in one row at sizes below 992px

Dashboard blocks width for classic with one block area

1. Turn editing on in the dashboard and move all left blocks to the right column
2. Turn editing off again
3. Repeat the steps from the previous test and verify the brackpoints are the same

Dashboard blocks width for classic with no block area

1. Turn editing on in the dashboard and move all blocks to the centre column
2. Turn editing off again
3. Scroll down and observe the course overview block
4. Verify the number of course cards is 5 in one row at sizes up to 1360px
5. Verify the number of course cards is 4 in one row at sizes up to 1200px
6. Verify the number of course cards is 3 in one row at sizes up to 992px
7. Verify the number of course cards is 2 in one row at sizes up to 576px
8. Verify the number of course cards is 1 in one row at sizes below 576px