Please test these UI changes on: Clean and Boost themes Supported browsers Setup Log in as an admin Create a course C1 Enrol students s1, s2 and s3 to C1 Create group g1 and enable group messaging Add s1, s2 and s3 to g1 Logout Log in as s1 Send some messages to s2 containing the "s" character Send some messages to s3 Send some messages to g1 Send a contact request to s2 Star s2 conversation Log out. Log in as s2 Accept s1 contact request Log out. Log in as s3 Send a Contact request to s1 Testing scenario 1: Overview Log in as s1 CHECK the message icon with id="message-drawer-toggle-xxxxxxxxx " has the role="button" attribute Open the message drawer CHECK the settings button with  data-route="view-settings"  has the role="button" and  aria-label="Settings" attributes CHECK the Contacts link with  data-route="view-contacts" has the role="button" attribute Expand the "Starred" section CHECK the "a" element from the s2 conversation has the role="button" attribute Expand the "Group" section CHECK the "a" element from the g1 conversation has the role="button" attribute Expand the "Private" section CHECK the "a" element from the s3 conversation has the role="button" attribute  Testing scenario 2: Settings and Contacts/requests Log in as s1 Open the message drawer Access to the Settings CHECK the back button has the role="button" attribute Click the back button Access to the Contacts CHECK the search icon has role="button" and  aria-label="Search" attributes CHECK the s2 contact with  data-region="contact"   has the role="button" attribute Access to the Requests CHECK the s3 contact request has the role="button" attribute CHECK the back button has the role="button"  and the aria-label="Back to Messages overview" attributes Testing scenario 3: Search Log in as s1 Open the message drawer Search for "s" CHECK any of the users displayed in the "Non-contacts" has the role="button" attribute in the "a" element CHECK any of the users displayed in the "Contacts" has the role="button" attribute in the "a" element CHECK any of the "Messages" has the role="button" attribute in the "a" element CHECK the back button has the role="button"  and the aria-label="Back to Messages overview" attributes Testing scenario 4: Conversation Log in as s1 Open the message drawer Expand the Group section Access to g1 conversation CHECK the back button has the role="button"  and the aria-label="Back to Messages overview" attributes CHECK the user information with  data-action="view-group-info" has the role="button" attribute in the "a" element CHECK the "x participants" information with data-action="view-group-info" has the role="button" attribute in the "a" element Click over the group name CHECK the back button has the role="button"  and the aria-label="Back to Conversation with g1" attributes CHECK any of the users displayed in the "Other participants" has the role="button" attribute in the "a" element Click the back button Click the back button Expand the "Private" section Access to the s3 conversation CHECK the back button has the role="button"  and the aria-label="Back to Messages overview" attributes CHECK the user information with data-action="view-contact" has the role="button" attribute in the "a" element   Testing scenario 5: Notification preferences Log in as s1 Access to Preferences Open "Notification preferences" page CHECK the "Email" link with a cog and the data-name="email" has the role="button"  attribute