feat: update axios log messages (#487)

It is difficult to group the current axios error messages, because
they contain a bunch of data that can vary based on i18n or
course ids in urls, etc. Since this data is provided in the custom
attributes separately, it is being removed from the actual 
messages.

Co-authored-by: Abdullah Waheed <abdullah.waheed@arbisoft.com>

Author: robrap

src/auth/AxiosJwtAuthService.test.jsx

@@ -471,7 +471,7 @@ describe('authenticatedHttpClient usage', () => {
             expectNoCallToCsrfTokenFetch();
             expectLogFunctionToHaveBeenCalledWithMessage(
               mockLoggingService.logError.mock.calls[0],
-              '[frontend-auth] Axios Error (Response): 403 http://localhost:18000/login_refresh (empty response)',
+              '[frontend-auth] Axios Error (Response): 403 - See custom attributes for details.',
               {
                 httpErrorRequestMethod: 'post',
                 httpErrorResponseData: '(empty response)',
@@ -500,7 +500,7 @@ describe('authenticatedHttpClient usage', () => {
           expectNoCallToCsrfTokenFetch();
           expectLogFunctionToHaveBeenCalledWithMessage(
             mockLoggingService.logError.mock.calls[0],
-            '[frontend-auth] Axios Error (Config): timeout of 0ms exceeded post http://localhost:18000/login_refresh',
+            '[frontend-auth] Axios Error (Config): See custom attributes for details.',
             {
               httpErrorRequestMethod: 'post',
               httpErrorMessage: 'timeout of 0ms exceeded',
@@ -700,7 +700,7 @@ describe('authenticatedHttpClient usage', () => {
       return client.get('/unauthorized').catch(() => {
         expectLogFunctionToHaveBeenCalledWithMessage(
           mockLoggingService.logInfo.mock.calls[0],
-          'Axios Error (Response): 401 /unauthorized (empty response)',
+          'Axios Error (Response): 401 - See custom attributes for details.',
           {
             httpErrorRequestMethod: 'get',
             httpErrorStatus: 401,
@@ -719,7 +719,7 @@ describe('authenticatedHttpClient usage', () => {
       return client.get('/forbidden').catch(() => {
         expectLogFunctionToHaveBeenCalledWithMessage(
           mockLoggingService.logInfo.mock.calls[0],
-          'Axios Error (Response): 403 /forbidden (empty response)',
+          'Axios Error (Response): 403 - See custom attributes for details.',
           {
             httpErrorRequestMethod: 'get',
             httpErrorStatus: 403,
@@ -1068,7 +1068,7 @@ describe('Cache Functionality', () => {
             expectNoCallToCsrfTokenFetch();
             expectLogFunctionToHaveBeenCalledWithMessage(
               mockLoggingService.logError.mock.calls[0],
-              '[frontend-auth] Axios Error (Response): 403 http://localhost:18000/login_refresh (empty response)',
+              '[frontend-auth] Axios Error (Response): 403 - See custom attributes for details.',
               {
                 httpErrorRequestMethod: 'post',
                 httpErrorResponseData: '(empty response)',

src/auth/utils.js

@@ -67,7 +67,7 @@ const processAxiosError = (axiosErrorObject) => {
       httpErrorRequestUrl,
       httpErrorRequestMethod,
     };
-    error.message = `Axios Error (Response): ${status} ${httpErrorRequestUrl} ${httpErrorResponseData}`;
+    error.message = `Axios Error (Response): ${status} - See custom attributes for details.`;
   } else if (request) {
     error.customAttributes = {
       ...error.customAttributes,
@@ -78,7 +78,7 @@ const processAxiosError = (axiosErrorObject) => {
     };
     // This case occurs most likely because of intermittent internet connection issues
     // but it also, though less often, catches CORS or server configuration problems.
-    error.message = `Axios Error (Request): ${error.message} (possible local connectivity issue) ${httpErrorRequestMethod} ${httpErrorRequestUrl}`;
+    error.message = 'Axios Error (Request): (Possible local connectivity issue.) See custom attributes for details.';
   } else {
     error.customAttributes = {
       ...error.customAttributes,
@@ -87,7 +87,7 @@ const processAxiosError = (axiosErrorObject) => {
       httpErrorRequestUrl,
       httpErrorRequestMethod,
     };
-    error.message = `Axios Error (Config): ${error.message} ${httpErrorRequestMethod} ${httpErrorRequestUrl}`;
+    error.message = 'Axios Error (Config): See custom attributes for details.';
   }
 
   return error;