1 files changed, 98 insertions, 7 deletions
diff --git a/spec/frontend/pipelines/empty_state_spec.js b/spec/frontend/pipelines/empty_state_spec.js
index 28a73c8863c..7e42a3b5ae9 100644
--- a/spec/frontend/pipelines/empty_state_spec.js
+++ b/spec/frontend/pipelines/empty_state_spec.js
@@ -1,5 +1,7 @@
 import { shallowMount } from '@vue/test-utils';
+import { withGonExperiment } from 'helpers/experimentation_helper';
 import EmptyState from '~/pipelines/components/pipelines_list/empty_state.vue';
+import Tracking from '~/tracking';
 
 describe('Pipelines Empty State', () => {
   let wrapper;
@@ -38,15 +40,104 @@ describe('Pipelines Empty State', () => {
       expect(findGetStartedButton().attributes('href')).toBe('foo');
     });
 
-    it('should render empty state information', () => {
-      expect(findInfoText()).toContain(
-        'Continuous Integration can help catch bugs by running your tests automatically',
-        'while Continuous Deployment can help you deliver code to your product environment',
-      );
+    describe('when in control group', () => {
+      it('should render empty state information', () => {
+        expect(findInfoText()).toContain(
+          'Continuous Integration can help catch bugs by running your tests automatically',
+          'while Continuous Deployment can help you deliver code to your product environment',
+        );
+      });
+
+      it('should render a button', () => {
+        expect(findGetStartedButton().text()).toBe('Get started with Pipelines');
+      });
+    });
+
+    describe('when in experiment group', () => {
+      withGonExperiment('pipelinesEmptyState');
+
+      beforeEach(() => {
+        createWrapper();
+      });
+
+      it('should render empty state information', () => {
+        expect(findInfoText()).toContain(
+          'GitLab CI/CD can automatically build, test, and deploy your code. Let GitLab take care of time',
+          'consuming tasks, so you can spend more time creating',
+        );
+      });
+
+      it('should render button text', () => {
+        expect(findGetStartedButton().text()).toBe('Get started with CI/CD');
+      });
     });
 
-    it('should render a button', () => {
-      expect(findGetStartedButton().text()).toBe('Get started with Pipelines');
+    describe('tracking', () => {
+      let origGon;
+
+      describe('when data is set', () => {
+        beforeEach(() => {
+          jest.spyOn(Tracking, 'event').mockImplementation(() => {});
+          origGon = window.gon;
+
+          window.gon = {
+            tracking_data: {
+              category: 'Growth::Activation::Experiment::PipelinesEmptyState',
+              value: 1,
+              property: 'experimental_group',
+              label: 'label',
+            },
+          };
+          createWrapper();
+        });
+
+        afterEach(() => {
+          window.gon = origGon;
+        });
+
+        it('tracks when mounted', () => {
+          expect(Tracking.event).toHaveBeenCalledWith(
+            'Growth::Activation::Experiment::PipelinesEmptyState',
+            'viewed',
+            {
+              value: 1,
+              label: 'label',
+              property: 'experimental_group',
+            },
+          );
+        });
+
+        it('tracks when button is clicked', () => {
+          findGetStartedButton().vm.$emit('click');
+
+          expect(Tracking.event).toHaveBeenCalledWith(
+            'Growth::Activation::Experiment::PipelinesEmptyState',
+            'documentation_clicked',
+            {
+              value: 1,
+              label: 'label',
+              property: 'experimental_group',
+            },
+          );
+        });
+      });
+
+      describe('when no data is defined', () => {
+        beforeEach(() => {
+          jest.spyOn(Tracking, 'event').mockImplementation(() => {});
+
+          createWrapper();
+        });
+
+        it('does not track on view', () => {
+          expect(Tracking.event).not.toHaveBeenCalled();
+        });
+
+        it('does not track when button is clicked', () => {
+          findGetStartedButton().vm.$emit('click');
+          expect(Tracking.event).not.toHaveBeenCalled();
+        });
+      });
     });
   });
 });