Upgrade frontend-build to v14 (#1052)

* fix: warnings about Duplicate message id
* fix: paragon's Hyperlink no longer accepts a 'content' attribute
* test: ensure all act() calls are async
* test: Removed "async" from "describe"
* fix: DiscussionsSettings tests
* Don't nest userAction.click in act() -- nested act() statements have
  indeterminent behaviour.
* Use getBy* instead of findBy* with userAction to avoid nested act() statements
* Always await userEvent.click
* Use fireEvent.click when the onClick handlers need to be called
* Use queryBy* instead of getBy* when using .toBeInTheDocument or 
* fix: typo in data-testid
* test: Use useLocation to test route changes
* Don't nest userAction.click in act() -- nested act() statements have
* chore: fix lint:fix and lint errors
* remove "indent" setting from .eslintrc.js
* add @typescript-eslint/ prefix to eslint-disable-line statements where flagged by linter
* changed stylelint setting import-notation to "string"
* test: fix failing tests after upgrade
* fix: css error "target selector was not found"
* chore: upgrades dependency frontend-lib-content-components@2.3.0
* chore: bumps @edx/frontend-component-ai-translations to ^2.1.0

---------

Co-authored-by: Yusuf Musleh <yusuf@opencraft.com>

src/course-updates/hooks.jsx

@@ -36,14 +36,14 @@ const useCourseUpdates = ({ courseId }) => {
     setRequestType(type);
 
     switch (type) {
-    case REQUEST_TYPES.add_new_update:
-      setCurrentUpdate(initialUpdate);
-      break;
-    case REQUEST_TYPES.edit_update:
-      setCurrentUpdate(courseUpdate);
-      break;
-    default:
-      window.scrollTo(0, 0);
+      case REQUEST_TYPES.add_new_update:
+        setCurrentUpdate(initialUpdate);
+        break;
+      case REQUEST_TYPES.edit_update:
+        setCurrentUpdate(courseUpdate);
+        break;
+      default:
+        window.scrollTo(0, 0);
     }
 
     openUpdateForm();
@@ -70,14 +70,14 @@ const useCourseUpdates = ({ courseId }) => {
     };
 
     switch (requestType) {
-    case REQUEST_TYPES.add_new_update:
-      return handleQuerySubmit(dispatch(createCourseUpdateQuery(courseId, { date, content })));
-    case REQUEST_TYPES.edit_update:
-      return handleQuerySubmit(dispatch(editCourseUpdateQuery(courseId, { id, date, content })));
-    case REQUEST_TYPES.edit_handouts:
-      return handleQuerySubmit(dispatch(editCourseHandoutsQuery(courseId, { ...data, data: data?.data || '' })));
-    default:
-      return true;
+      case REQUEST_TYPES.add_new_update:
+        return handleQuerySubmit(dispatch(createCourseUpdateQuery(courseId, { date, content })));
+      case REQUEST_TYPES.edit_update:
+        return handleQuerySubmit(dispatch(editCourseUpdateQuery(courseId, { id, date, content })));
+      case REQUEST_TYPES.edit_handouts:
+        return handleQuerySubmit(dispatch(editCourseHandoutsQuery(courseId, { ...data, data: data?.data || '' })));
+      default:
+        return true;
     }
   };
 

src/course-updates/update-form/UpdateForm.test.jsx

@@ -38,12 +38,12 @@ jest.mock('@edx/frontend-lib-content-components', () => ({
 
 const courseUpdatesInitialValues = (requestType) => {
   switch (requestType) {
-  case REQUEST_TYPES.add_new_update:
-    return addNewUpdateMock;
-  case REQUEST_TYPES.edit_update:
-    return courseUpdatesMock[0];
-  default:
-    return courseHandoutsMock;
+    case REQUEST_TYPES.add_new_update:
+      return addNewUpdateMock;
+    case REQUEST_TYPES.edit_update:
+      return courseUpdatesMock[0];
+    default:
+      return courseHandoutsMock;
   }
 };
 

src/course-updates/update-form/utils.js

@@ -23,32 +23,32 @@ const geUpdateFormSettings = (requestType, courseUpdatesInitialValues, intl) =>
   });
 
   switch (requestType) {
-  case REQUEST_TYPES.edit_handouts:
-    return {
-      currentContent: courseUpdatesInitialValues.data,
-      formTitle: intl.formatMessage(messages.editHandoutsTitle),
-      validationSchema: Yup.object().shape(),
-      contentFieldName: 'data',
-      submitButtonText: intl.formatMessage(messages.saveButton),
-    };
-  case REQUEST_TYPES.add_new_update:
-    return {
-      currentContent: courseUpdatesInitialValues.content,
-      formTitle: intl.formatMessage(messages.addNewUpdateTitle),
-      validationSchema: updatesValidationSchema,
-      contentFieldName: 'content',
-      submitButtonText: intl.formatMessage(messages.postButton),
-    };
-  case REQUEST_TYPES.edit_update:
-    return {
-      currentContent: courseUpdatesInitialValues.content,
-      formTitle: intl.formatMessage(messages.editUpdateTitle),
-      validationSchema: updatesValidationSchema,
-      contentFieldName: 'content',
-      submitButtonText: intl.formatMessage(messages.postButton),
-    };
-  default:
-    return '';
+    case REQUEST_TYPES.edit_handouts:
+      return {
+        currentContent: courseUpdatesInitialValues.data,
+        formTitle: intl.formatMessage(messages.editHandoutsTitle),
+        validationSchema: Yup.object().shape(),
+        contentFieldName: 'data',
+        submitButtonText: intl.formatMessage(messages.saveButton),
+      };
+    case REQUEST_TYPES.add_new_update:
+      return {
+        currentContent: courseUpdatesInitialValues.content,
+        formTitle: intl.formatMessage(messages.addNewUpdateTitle),
+        validationSchema: updatesValidationSchema,
+        contentFieldName: 'content',
+        submitButtonText: intl.formatMessage(messages.postButton),
+      };
+    case REQUEST_TYPES.edit_update:
+      return {
+        currentContent: courseUpdatesInitialValues.content,
+        formTitle: intl.formatMessage(messages.editUpdateTitle),
+        validationSchema: updatesValidationSchema,
+        contentFieldName: 'content',
+        submitButtonText: intl.formatMessage(messages.postButton),
+      };
+    default:
+      return '';
   }
 };