passportbundler/fix tests

Author: Dereje1

client/src/components/controls/controls.js

@@ -102,7 +102,10 @@ const Controls = ({
               }
             }}
           >
-            {mute ? <VolumeUpIcon sx={{ fontSize: 30, color: '#649559' }} /> : <VolumeOffIcon sx={{ fontSize: 30, color: '#f35959' }} />}
+            {mute ?
+              <VolumeUpIcon sx={{ fontSize: 30, color: '#649559' }} />
+              :
+              <VolumeOffIcon sx={{ fontSize: 30, color: '#f35959' }} />}
           </IconButton>
         </div>
 

client/tests/src/components/header/header.test.js

@@ -23,8 +23,8 @@ describe('The header', () => {
                 profile: {
                     authenticated: false,
                     userip: "::ffff:127.0.0.1",
-                    username: null,
-                    displayname: null
+                    userId: null,
+                    displayName: null
                 }
             },
             socket: { mySocketId: 'stub_my_socket_id', usersLoggedIn: 0 },
@@ -59,8 +59,8 @@ describe('The header', () => {
         expect(socketSpy).toHaveBeenCalledWith("SEND_LOGGED_IN_USER", {
             authenticated: true,
             userip: "::ffff:127.0.0.1",
-            username: '0001',
-            displayname: 'Stub Display Name'
+            userId: '0001',
+            displayName: 'Stub Display Name'
         })
         expect(toJson(wrapper)).toMatchSnapshot();
     })
@@ -80,8 +80,8 @@ describe('The header', () => {
         expect(socketSpy).toHaveBeenCalledWith("USER_LOGGED_OUT", {
             authenticated: true,
             userip: "::ffff:127.0.0.1",
-            username: '0001',
-            displayname: 'Stub Display Name',
+            userId: '0001',
+            displayName: 'Stub Display Name',
             remove: true
         })
         expect(assign).toHaveBeenCalledWith('/auth/logout')
@@ -147,7 +147,7 @@ describe('Component updates (CDU)', () => {
                 ...props.socket,
                 temp: {
                     invitationFrom: {
-                        displayname: 'stub_Invite_from',
+                        displayName: 'stub_Invite_from',
                         difficulty: 3
                     }
                 }

client/tests/src/components/oponnent/opponentInfo.test.js

@@ -70,10 +70,10 @@ describe('The opponent info', () => {
             ...props,
             socketState: {
                 opponents: [{
-                    displayname: "stub opponent 1",
+                    displayName: "stub opponent 1",
                     socketId: "stub-opponent-1-socketID"
                 }, {
-                    displayname: "stub opponent 2",
+                    displayName: "stub opponent 2",
                     socketId: "stub-opponent-2-socketID"
                 }]
             }

client/tests/src/components/profile/MatchesTable.test.js

@@ -19,7 +19,7 @@ describe('The Matches table', () => {
         const wrapper = shallow(<MatchesTable
             rows={stubProfile.userProfileResponse.matchStats}
             opponents={stubProfile.userProfileResponse.opponentNames}
-            userId={stubProfile.user.profile.username}
+            userId={stubProfile.user.profile.userId}
         />)
         expect(toJson(wrapper)).toMatchSnapshot();
     })
@@ -30,7 +30,7 @@ describe('The Matches table row', () => {
         const props = {
             row: stubProfile.userProfileResponse.matchStats[0],
             opponents: stubProfile.userProfileResponse.opponentNames,
-            userId: stubProfile.user.profile.username
+            userId: stubProfile.user.profile.userId
         }
         const wrapper = shallow(<Row {...props} />)
         expect(toJson(wrapper)).toMatchSnapshot();
@@ -40,7 +40,7 @@ describe('The Matches table row', () => {
         const props = {
             row: stubProfile.userProfileResponse.matchStats[1],
             opponents: stubProfile.userProfileResponse.opponentNames,
-            userId: stubProfile.user.profile.username
+            userId: stubProfile.user.profile.userId
         }
         const wrapper = shallow(<Row {...props} />)
         expect(toJson(wrapper)).toMatchSnapshot();
@@ -51,7 +51,7 @@ describe('The Matches table row', () => {
         const props = {
             row: stubProfile.userProfileResponse.matchStats[0],
             opponents: stubProfile.userProfileResponse.opponentNames,
-            userId: stubProfile.user.profile.username
+            userId: stubProfile.user.profile.userId
         }
         const wrapper = shallow(<Row {...props} />)
         const expandButton = wrapper.find({ 'aria-label': "expand row" })
@@ -64,7 +64,7 @@ describe('The Matches table row', () => {
         const props = {
             row: stubProfile.userProfileResponse.matchStats[0],
             opponents: stubProfile.userProfileResponse.opponentNames,
-            userId: stubProfile.user.profile.username
+            userId: stubProfile.user.profile.userId
         }
         const wrapper = shallow(<Row {...props} />)
         const expandButton = wrapper.find({ 'aria-label': "expand row" })

client/tests/src/components/profile/__snapshots__/profile.test.js.snap

@@ -80,7 +80,7 @@ exports[`The profile component will render for logged in user in match mode 1`]
         },
       ]
     }
-    userId="0001"
+    userId="stub_google_id"
   />
 </ForwardRef(Box)>
 `;

client/tests/stub.js

@@ -385,8 +385,8 @@ export const stubProfile = {
         profile: {
             authenticated: true,
             userip: "::ffff:127.0.0.1",
-            username: "0001",
-            displayname: "Stub Display Name"
+            userId: "0001",
+            displayName: "Stub Display Name"
         }
     },
     userProfileResponse: {
@@ -442,6 +442,7 @@ export const stubProfile = {
         ],
         opponentNames: {
             "0002": "Stub oponent name"
-        }
+        },
+        googleId: "stub_google_id"
     }
 }