Merge branch 'develop' into Branch_Kamakshi

Author: raclim

.babelrc

@@ -62,6 +62,20 @@
           }
         ]
       ]
+    },
+    "test": {
+      "presets": [
+        "@babel/preset-env",
+        [
+          "@babel/preset-react",
+          {
+            "runtime": "automatic"
+          }
+        ]
+      ],
+      "plugins": [
+        "babel-plugin-styled-components"
+      ]
     }
   },
   "plugins": [

client/modules/IDE/components/Header/__snapshots__/Nav.unit.test.jsx.snap

@@ -211,7 +211,7 @@ exports[`Nav renders dashboard version for mobile 1`] = `
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 0.16666666666666666rem;
-  box-shadow: rgba(60,64,67,0.3) 0px 1px 2px 0px, rgba(60,64,67,0.15) 0px 1px 3px 1px;
+  box-shadow: rgba(60,64,67,0.3) 0px 1px 2px 0px,rgba(60,64,67,0.15) 0px 1px 3px 1px;
   min-width: 10rem;
   border-radius: 0.16666666666666666rem;
 }
@@ -324,7 +324,7 @@ exports[`Nav renders dashboard version for mobile 1`] = `
           >
             <test-file-stub
               aria-hidden="true"
-              classname="sc-fujyAs cSTVlM"
+              classname="icons__StyledIcon-sc-xmer15-0 dStXqm"
               focusable="false"
             />
           </button>
@@ -340,7 +340,7 @@ exports[`Nav renders dashboard version for mobile 1`] = `
         >
           <test-file-stub
             aria-hidden="true"
-            classname="sc-iqAclL iOZiVo"
+            classname="icons__StyledIcon-sc-xmer15-0 dStXqm"
             focusable="false"
           />
         </button>
@@ -912,7 +912,7 @@ exports[`Nav renders editor version for mobile 1`] = `
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 0.16666666666666666rem;
-  box-shadow: rgba(60,64,67,0.3) 0px 1px 2px 0px, rgba(60,64,67,0.15) 0px 1px 3px 1px;
+  box-shadow: rgba(60,64,67,0.3) 0px 1px 2px 0px,rgba(60,64,67,0.15) 0px 1px 3px 1px;
   min-width: 10rem;
   border-radius: 0.16666666666666666rem;
 }
@@ -1025,7 +1025,7 @@ exports[`Nav renders editor version for mobile 1`] = `
           >
             <test-file-stub
               aria-hidden="true"
-              classname="sc-fujyAs cSTVlM"
+              classname="icons__StyledIcon-sc-xmer15-0 dStXqm"
               focusable="false"
             />
           </button>
@@ -1041,7 +1041,7 @@ exports[`Nav renders editor version for mobile 1`] = `
         >
           <test-file-stub
             aria-hidden="true"
-            classname="sc-iqAclL iOZiVo"
+            classname="icons__StyledIcon-sc-xmer15-0 dStXqm"
             focusable="false"
           />
         </button>

client/modules/User/components/LoginForm.jsx

@@ -101,7 +101,9 @@ function LoginForm() {
               )}
             </Field>
             {submitError && !modifiedSinceLastSubmit && (
-              <span className="form-error">{submitError}</span>
+              <span className="form-error">
+                {t('LoginForm.Errors.invalidCredentials')}
+              </span>
             )}
             <Button type="submit" disabled={submitting}>
               {t('LoginForm.Submit')}

client/modules/User/components/SignupForm.jsx

@@ -70,18 +70,14 @@ function SignupForm() {
     setShowConfirmPassword(!showConfirmPassword);
 
   function onSubmit(formProps) {
-    console.log("it's happening");
     return dispatch(validateAndSignUpUser(formProps));
   }
 
   return (
     <Form
       fields={['username', 'email', 'password', 'confirmPassword']}
       validate={validateSignup}
-      onSubmit={(values) => {
-        console.log('Form onSubmit triggered', values);
-        return onSubmit(values);
-      }}
+      onSubmit={onSubmit}
     >
       {({ handleSubmit, pristine, submitting, invalid, form }) => {
         formRef.current = form;

contributor_docs/testing.md

@@ -366,7 +366,7 @@ When testing redux, the general guidance [[1]](#References) seems to suggest spl
 2. reducers
 3. connected components
 
-Testing reducers and action creators is covered pretty well in [Redux's documentation](https://redux.js.org/recipes/writing-tests). An example of testing an action creator can be found at [projects.test.js](../client/modules/IDE/components/actions/__tests__/projects.test.jsx)
+Testing reducers and action creators is covered pretty well in [Redux's documentation](https://redux.js.org/recipes/writing-tests). An example of testing an action creator can be found at [projects.unit.test.js](../client/modules/IDE/actions/projects.unit.test.js)
 
 ### Connected Components