Add 'for' to 'File' label for snippet_file_path

app/assets/javascripts/snippets/components/snippet_blob_actions_edit.vue

@@ -16,7 +16,7 @@ export default {
 
 <template>
   <div class="form-group file-editor">
-    <label>{{ s__('Snippets|File') }}</label>
+    <label for="snippet_file_path">{{ s__('Snippets|File') }}</label>
     <template v-if="blobs.length">
       <snippet-blob-edit v-for="blob in blobs" :key="blob.name" :blob="blob" v-on="$listeners" />
     </template>

app/assets/javascripts/snippets/components/snippet_blob_edit.vue

@@ -92,7 +92,11 @@ export default {
 </script>
 <template>
   <div class="file-holder snippet">
-    <blob-header-edit v-model="filePath" data-qa-selector="file_name_field" />
+    <blob-header-edit
+      id="snippet_file_path"
+      v-model="filePath"
+      data-qa-selector="file_name_field"
+    />
     <gl-loading-icon
       v-if="isContentLoading"
       :label="__('Loading snippet')"

spec/frontend/snippets/components/__snapshots__/snippet_blob_edit_spec.js.snap

@@ -6,6 +6,7 @@ exports[`Snippet Blob Edit component rendering matches the snapshot 1`] = `
 >
   <blob-header-edit-stub
     data-qa-selector="file_name_field"
+    id="snippet_file_path"
     value="lorem.txt"
   />