Merge branch 'fix-version-dropdown' into 'master'

Fix designCollection object after design is uploaded

See merge request gitlab-org/gitlab!68521

app/assets/javascripts/design_management/graphql/fragments/version.fragment.graphql

 fragment VersionListItem on DesignVersion {
   id
   sha
+  createdAt
+  author {
+    __typename
+    id
+    name
+    avatarUrl
+  }
 }

app/assets/javascripts/design_management/graphql/mutations/upload_design.mutation.graphql

 #import "../fragments/design.fragment.graphql"
+#import "../fragments/version.fragment.graphql"
 
 mutation uploadDesign($files: [Upload!]!, $projectPath: ID!, $iid: ID!) {
   designManagementUpload(input: { projectPath: $projectPath, iid: $iid, files: $files }) {
     designs {
       ...DesignItem
       versions {
+        __typename
         nodes {
-          id
-          sha
+          __typename
+          ...VersionListItem
         }
       }
     }

app/assets/javascripts/design_management/utils/design_management_utils.js

@@ -85,6 +85,13 @@ export const designUploadOptimisticResponse = (files) => {
         __typename: 'DesignVersion',
         id: -uniqueId(),
         sha: -uniqueId(),
+        createdAt: '',
+        author: {
+          __typename: 'UserCore',
+          id: -uniqueId(),
+          name: '',
+          avatarUrl: '',
+        },
       },
     },
   }));

spec/frontend/design_management/pages/index_spec.js

@@ -338,6 +338,13 @@ describe('Design management index page', () => {
                     __typename: 'DesignVersion',
                     id: expect.anything(),
                     sha: expect.anything(),
+                    createdAt: '',
+                    author: {
+                      __typename: 'UserCore',
+                      id: expect.anything(),
+                      name: '',
+                      avatarUrl: '',
+                    },
                   },
                 },
               },

spec/frontend/design_management/utils/design_management_utils_spec.js

@@ -101,7 +101,13 @@ describe('optimistic responses', () => {
             discussions: { __typename: 'DesignDiscussion', nodes: [] },
             versions: {
               __typename: 'DesignVersionConnection',
-              nodes: { __typename: 'DesignVersion', id: -1, sha: -1 },
+              nodes: {
+                __typename: 'DesignVersion',
+                id: expect.anything(),
+                sha: expect.anything(),
+                createdAt: '',
+                author: { __typename: 'UserCore', avatarUrl: '', name: '', id: expect.anything() },
+              },
             },
           },
         ],