Merge branch '273158-fix-null-value-handler-for-vuln-details' into 'master'

Fix vulnerability details page not loading

See merge request gitlab-org/gitlab!46245

ee/app/assets/javascripts/vulnerabilities/components/details.vue

@@ -54,7 +54,11 @@ export default {
       };
     },
     requestData() {
-      const { request: { method, url, headers = [] } = {} } = this.vulnerability;
+      if (!this.vulnerability.request) {
+        return [];
+      }
+
+      const { method, url, headers = [] } = this.vulnerability.request;
 
       return [
         {
@@ -73,9 +77,15 @@ export default {
       ].filter(x => x.content);
     },
     responseData() {
+      if (!this.vulnerability.response) {
+        return [];
+      }
+
       const {
-        response: { status_code: statusCode, reason_phrase: reasonPhrase, headers = [] } = {},
-      } = this.vulnerability;
+        status_code: statusCode,
+        reason_phrase: reasonPhrase,
+        headers = [],
+      } = this.vulnerability.response;
 
       return [
         {

ee/spec/frontend/vulnerabilities/details_spec.js

@@ -199,6 +199,7 @@ describe('Vulnerability Details', () => {
 
     it.each`
       request                                                    | expectedData
+      ${null}                                                    | ${null}
       ${{}}                                                      | ${null}
       ${{ headers: TEST_HEADERS }}                               | ${[EXPECT_HEADERS]}
       ${{ headers: TEST_HEADERS, method: 'GET' }}                | ${[{ label: 'Method:', content: 'GET' }, EXPECT_HEADERS]}
@@ -212,6 +213,7 @@ describe('Vulnerability Details', () => {
 
     it.each`
       response                                                            | expectedData
+      ${null}                                                             | ${null}
       ${{}}                                                               | ${null}
       ${{ headers: TEST_HEADERS }}                                        | ${[EXPECT_HEADERS]}
       ${{ headers: TEST_HEADERS, status_code: 200 }}                      | ${[EXPECT_HEADERS]}