Resolve "Show a notification of a 500 error in the frontend"

changelog/entries/unreleased/bug/2754_show_a_notification_of_a_500_error_in_the_frontend.json

@@ -0,0 +1,7 @@
+{
+    "type": "bug",
+    "message": "Show a notification of a 500 error in the frontend",
+    "issue_number": 2754,
+    "bullet_points": [],
+    "created_at": "2024-07-05"
+}

web-frontend/modules/core/plugins/clientHandler.js

@@ -479,6 +479,8 @@ export function makeErrorResponseInterceptor(
       'detail' in rspData
     ) {
       error.handler.setError(rspData.error, rspData.detail)
+    } else if (typeof rspData !== 'object') {
+      error.handler.setError(500, null)
     }
 
     return Promise.reject(error)

web-frontend/test/unit/core/utils/errors.spec.js

@@ -341,6 +341,17 @@ describe('test error handling', () => {
       }
     }
   )
+  test('test an 500 response returns action not completed error', async () => {
+    try {
+      await errorInterceptorWithStubAppAndStore()({
+        response: 'traceback from backend',
+      })
+    } catch (error) {
+      expect(error.response).toBe('traceback from backend')
+      expect(error.handler.code).toBe(500)
+      expect(error.handler.detail).toBe(null)
+    }
+  })
   describe('test invalid response details for request body validation errors', () => {
     const invalidDetails = [
       null,