1 files changed, 53 insertions, 14 deletions

diff --git a/spec/frontend/projects/project_new_spec.js b/spec/frontend/projects/project_new_spec.js
index 3034037fb1d..4fcecc3a307 100644
--- a/spec/frontend/projects/project_new_spec.js
+++ b/spec/frontend/projects/project_new_spec.js
@@ -1,6 +1,7 @@
 import { setHTMLFixture, resetHTMLFixture } from 'helpers/fixtures';
 import { TEST_HOST } from 'helpers/test_constants';
 import projectNew from '~/projects/project_new';
+import { mockTracking, triggerEvent, unmockTracking } from 'helpers/tracking_helper';
 
 describe('New Project', () => {
   let $projectImportUrl;
@@ -12,21 +13,27 @@ describe('New Project', () => {
 
   beforeEach(() => {
     setHTMLFixture(`
-      <div class='toggle-import-form'>
-        <div class='import-url-data'>
-          <div class="form-group">
-            <input id="project_import_url" />
-          </div>
-          <div id="import-url-auth-method">
-            <div class="form-group">
-              <input id="project-import-url-user" />
+      <div class="tab-pane active">
+        <div class='toggle-import-form'>
+          <form id="new_project">
+            <div class='import-url-data'>
+              <div class="form-group">
+                <input id="project_import_url" />
+              </div>
+              <div id="import-url-auth-method">
+                <div class="form-group">
+                  <input id="project-import-url-user" />
+                </div>
+                <div class="form-group">
+                  <input id="project_import_url_password" />
+                </div>
+              </div>
+              <input id="project_name" />
+              <input id="project_path" />
             </div>
-            <div class="form-group">
-              <input id="project_import_url_password" />
-            </div>
-          </div>
-          <input id="project_name" />
-          <input id="project_path" />
+            <div class="js-user-readme-repo"></div>
+            <button class="js-create-project-button"/>
+          </form>
         </div>
       </div>
     `);
@@ -45,6 +52,38 @@ describe('New Project', () => {
     el.value = value;
   };
 
+  describe('tracks manual path input', () => {
+    let trackingSpy;
+
+    beforeEach(() => {
+      trackingSpy = mockTracking('_category_', undefined, jest.spyOn);
+      projectNew.bindEvents();
+      $projectPath.oldInputValue = '_old_value_';
+    });
+
+    afterEach(() => {
+      unmockTracking();
+    });
+
+    it('tracks the event', () => {
+      $projectPath.value = '_new_value_';
+
+      triggerEvent($projectPath, 'blur');
+
+      expect(trackingSpy).toHaveBeenCalledWith(undefined, 'user_input_path_slug', {
+        label: 'new_project_form',
+      });
+    });
+
+    it('does not track the event when there has been no change', () => {
+      $projectPath.value = '_old_value_';
+
+      triggerEvent($projectPath, 'blur');
+
+      expect(trackingSpy).not.toHaveBeenCalled();
+    });
+  });
+
   describe('deriveProjectPathFromUrl', () => {
     const dummyImportUrl = `${TEST_HOST}/dummy/import/url.git`;