Merge branch 'alert-opsgenie-intergration-select' into 'master'

Alert opsgenie integration select

See merge request gitlab-org/gitlab!36798

app/assets/javascripts/alerts_settings/components/alerts_settings_form.vue

@@ -203,8 +203,7 @@ export default {
         }
         return { ...el, disabled: false };
       });
-      const [selected] = this.options;
-      this.selectedEndpoint = selected.value;
+      this.selectedEndpoint = this.options.find(({ value }) => value === 'opsgenie').value;
       if (this.targetUrl === null) {
         this.targetUrl = this.selectedService.targetUrl;
       }
@@ -497,7 +496,7 @@ export default {
           >
             <template #append>
               <clipboard-button
-                :text="selectedService.authKey"
+                :text="selectedService.authKey || ''"
                 :title="$options.i18n.copyToClipboard"
                 class="gl-m-0!"
               />

spec/frontend/alert_settings/alert_settings_form_spec.js

@@ -177,6 +177,7 @@ describe('AlertsSettingsForm', () => {
 
     it('shows a input for the opsgenie target URL', () => {
       expect(findApiUrl().exists()).toBe(true);
+      expect(findSelect().attributes('value')).toBe('opsgenie');
     });
   });