Merge branch '207236-snippet-edit-title' into 'master'

Added the shared Edit Title component

Closes #207236

See merge request gitlab-org/gitlab!27582

app/assets/javascripts/vue_shared/components/form/title.vue

+<script>
+import { GlFormInput, GlFormGroup } from '@gitlab/ui';
+
+export default {
+  components: {
+    GlFormInput,
+    GlFormGroup,
+  },
+};
+</script>
+<template>
+  <gl-form-group :label="__('Title')" label-for="title-field-edit">
+    <gl-form-input id="title-field-edit" v-bind="$attrs" v-on="$listeners" />
+  </gl-form-group>
+</template>

changelogs/unreleased/207236-snippet-edit-title.yml

+---
+title: Added Edit Title shared component
+merge_request: 27582
+author:
+type: added

spec/frontend/vue_shared/components/form/__snapshots__/title_spec.js.snap

+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Title edit field matches the snapshot 1`] = `
+<gl-form-group-stub
+  label="Title"
+  label-for="title-field-edit"
+>
+  <gl-form-input-stub
+    id="title-field-edit"
+  />
+</gl-form-group-stub>
+`;

spec/frontend/vue_shared/components/form/title_spec.js

+import TitleField from '~/vue_shared/components/form/title.vue';
+import { shallowMount } from '@vue/test-utils';
+
+describe('Title edit field', () => {
+  let wrapper;
+
+  function createComponent() {
+    wrapper = shallowMount(TitleField);
+  }
+
+  beforeEach(() => {
+    createComponent();
+  });
+
+  afterEach(() => {
+    wrapper.destroy();
+  });
+
+  it('matches the snapshot', () => {
+    expect(wrapper.element).toMatchSnapshot();
+  });
+});