1 files changed, 21 insertions, 0 deletions
diff --git a/spec/frontend/environments/environments_detail_header_spec.js b/spec/frontend/environments/environments_detail_header_spec.js
index 4687119127d..1f233c05fbf 100644
--- a/spec/frontend/environments/environments_detail_header_spec.js
+++ b/spec/frontend/environments/environments_detail_header_spec.js
@@ -1,10 +1,12 @@
 import { GlSprintf } from '@gitlab/ui';
 import { shallowMountExtended } from 'helpers/vue_test_utils_helper';
 import { createMockDirective, getBinding } from 'helpers/vue_mock_directive';
+import { __, s__ } from '~/locale';
 import DeleteEnvironmentModal from '~/environments/components/delete_environment_modal.vue';
 import EnvironmentsDetailHeader from '~/environments/components/environments_detail_header.vue';
 import StopEnvironmentModal from '~/environments/components/stop_environment_modal.vue';
 import TimeAgo from '~/vue_shared/components/time_ago_tooltip.vue';
+import ModalCopyButton from '~/vue_shared/components/modal_copy_button.vue';
 import { createEnvironment } from './mock_data';
 
 describe('Environments detail header component', () => {
@@ -243,4 +245,23 @@ describe('Environments detail header component', () => {
       expect(findDeleteEnvironmentModal().exists()).toBe(true);
     });
   });
+
+  describe('when the environment has an unsafe external url', () => {
+    const externalUrl = 'postgres://staging';
+
+    beforeEach(() => {
+      createWrapper({
+        props: {
+          environment: createEnvironment({ externalUrl }),
+        },
+      });
+    });
+
+    it('should show a copy button instead', () => {
+      const button = wrapper.findComponent(ModalCopyButton);
+      expect(button.props('title')).toBe(s__('Environments|Copy live environment URL'));
+      expect(button.props('text')).toBe(externalUrl);
+      expect(button.text()).toBe(__('Copy URL'));
+    });
+  });
 });