1 files changed, 12 insertions, 1 deletions
diff --git a/spec/frontend/vue_shared/components/web_ide_link_spec.js b/spec/frontend/vue_shared/components/web_ide_link_spec.js
index 2a0d2089fe3..18afe049149 100644
--- a/spec/frontend/vue_shared/components/web_ide_link_spec.js
+++ b/spec/frontend/vue_shared/components/web_ide_link_spec.js
@@ -1,4 +1,4 @@
-import { GlButton, GlModal, GlPopover } from '@gitlab/ui';
+import { GlButton, GlLink, GlModal, GlPopover } from '@gitlab/ui';
 import { nextTick } from 'vue';
 
 import ActionsButton from '~/vue_shared/components/actions_button.vue';
@@ -147,6 +147,11 @@ describe('Web IDE link component', () => {
   const findForkConfirmModal = () => wrapper.findComponent(ConfirmForkModal);
   const findUserCalloutDismisser = () => wrapper.findComponent(UserCalloutDismisser);
   const findNewWebIdeCalloutPopover = () => wrapper.findComponent(GlPopover);
+  const findTryItOutLink = () =>
+    wrapper
+      .findAllComponents(GlLink)
+      .filter((link) => link.text().includes('Try it out'))
+      .at(0);
 
   it.each([
     {
@@ -516,6 +521,12 @@ describe('Web IDE link component', () => {
         expect(dismiss).toHaveBeenCalled();
       });
 
+      it('dismisses the callout when try it now link is clicked', () => {
+        findTryItOutLink().vm.$emit('click');
+
+        expect(dismiss).toHaveBeenCalled();
+      });
+
       it('dismisses the callout when action button is clicked', () => {
         findActionsButton().vm.$emit('actionClicked');