spec/frontend/branches/branches_delete_modal_spec.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

import $ from 'jquery';
import DeleteModal from '~/branches/branches_delete_modal';

describe('branches delete modal', () => {
  describe('setDisableDeleteButton', () => {
    let submitSpy;
    let $deleteButton;

    beforeEach(() => {
      setFixtures(`
        <div id="modal-delete-branch">
          <form>
            <button type="submit" class="js-delete-branch">Delete</button>
          </form>
        </div>
      `);
      $deleteButton = $('.js-delete-branch');
      submitSpy = jest.fn(event => event.preventDefault());
      $('#modal-delete-branch form').on('submit', submitSpy);
      // eslint-disable-next-line no-new
      new DeleteModal();
    });

    it('does not submit if button is disabled', () => {
      $deleteButton.attr('disabled', true);

      $deleteButton.click();

      expect(submitSpy).not.toHaveBeenCalled();
    });

    it('submits if button is not disabled', () => {
      $deleteButton.attr('disabled', false);

      $deleteButton.click();

      expect(submitSpy).toHaveBeenCalled();
    });
  });
});