Disable "transfer group" button when no parent group is selected

Refactor project_edit.js to be reusable for this purpose

Closes #64799

1 files changed, 53 insertions, 0 deletions

diff --git a/spec/frontend/transfer_edit_spec.js b/spec/frontend/transfer_edit_spec.js
new file mode 100644
index 00000000000..3a1ede49068
--- /dev/null
+++ b/spec/frontend/transfer_edit_spec.js
@@ -0,0 +1,53 @@
+import $ from 'jquery';
+
+import setupTransferEdit from '~/transfer_edit';
+import { loadHTMLFixture } from 'helpers/fixtures';
+
+describe('setupTransferEdit', () => {
+  const formSelector = '.js-project-transfer-form';
+  const targetSelector = 'select.select2';
+
+  beforeEach(() => {
+    loadHTMLFixture('projects/edit.html');
+    setupTransferEdit(formSelector, targetSelector);
+  });
+
+  it('disables submit button on load', () => {
+    expect(
+      $(formSelector)
+        .find(':submit')
+        .prop('disabled'),
+    ).toBe(true);
+  });
+
+  it('enables submit button when selection changes to non-empty value', () => {
+    const nonEmptyValue = $(formSelector)
+      .find(targetSelector)
+      .find('option')
+      .not(':empty')
+      .val();
+    $(formSelector)
+      .find(targetSelector)
+      .val(nonEmptyValue)
+      .trigger('change');
+
+    expect(
+      $(formSelector)
+        .find(':submit')
+        .prop('disabled'),
+    ).toBeFalsy();
+  });
+
+  it('disables submit button when selection changes to empty value', () => {
+    $(formSelector)
+      .find(targetSelector)
+      .val('')
+      .trigger('change');
+
+    expect(
+      $(formSelector)
+        .find(':submit')
+        .prop('disabled'),
+    ).toBe(true);
+  });
+});