Update class selection bug

client/cypress/integration/frontend/rooms/room-page.spec.js

@@ -250,25 +250,34 @@ describe('The Room Page', () => {
       name: 'Other Class',
       readOnly: false
     };
+    let selectedClass = me.selectedClass;
     const operations = {
-      MeQuery: {
+      MeQuery: () => {
+        return {
         me: {
           ...me,
           schoolClasses: [...me.schoolClasses, otherClass],
+          selectedClass
         },
+      };
       },
       RoomEntriesQuery,
-      UpdateSettings: {
+      UpdateSettings() {
+        selectedClass = otherClass;
+        return {
           updateSettings: {
             success: true
           }
+        };
       },
-      ModuleDetailsQuery: {
+      ModuleDetailsQuery: {},
+      MySchoolClassQuery: () => {
+        return {
           me: {
-          selectedClass: otherClass
+            selectedClass
           }
+        };
       },
-      MySchoolClassQuery: {},
       RoomsQuery: {
         rooms: []
       }
@@ -281,6 +290,6 @@ describe('The Room Page', () => {
     cy.getByDataCy('room-title').should('contain', 'A Room');
     cy.selectClass('Other Class');
     cy.url().should('include', 'rooms');
-    cy.getByDataCy('selected-class-name').should('contain', 'Other Class');
+    cy.getByDataCy('current-class-name').should('contain', 'Other Class');
   });
 });

client/src/components/school-class/ClassSelectionWidget.vue

@@ -104,7 +104,7 @@
       updateSelectedClassAndHidePopover(selectedClass) {
         this.updateSelectedClass(selectedClass);
         this.showPopover = false;
-        this.closeSidebar();
+        this.closeSidebar('profile');
       }
     },