SCM-Manager/scm-ui/ui-webapp/src/repos/permissions/components/buttons/DeletePermissionButton.test.tsx

import React from 'react';
import { shallow, mount } from '@scm-manager/ui-tests/enzyme-router';
import '@scm-manager/ui-tests/enzyme';
import '@scm-manager/ui-tests/i18n';
import DeletePermissionButton from './DeletePermissionButton';

import { confirmAlert } from '@scm-manager/ui-components';
jest.mock('@scm-manager/ui-components', () => ({
  confirmAlert: jest.fn(),
  DeleteButton: require.requireActual('@scm-manager/ui-components')
    .DeleteButton,
}));

describe('DeletePermissionButton', () => {
  it('should render nothing, if the delete link is missing', () => {
    const permission = {
      _links: {},
    };

    const navLink = shallow(
      <DeletePermissionButton
        permission={permission}
        deletePermission={() => {}}
      />,
    );
    expect(navLink.text()).toBe('');
  });

  it('should render the delete icon', () => {
    const permission = {
      _links: {
        delete: {
          href: '/permission',
        },
      },
    };

    const deleteIcon = mount(
      <DeletePermissionButton
        permission={permission}
        deletePermission={() => {}}
      />,
    );
    expect(deleteIcon.html()).not.toBe('');
  });

  it('should open the confirm dialog on button click', () => {
    const permission = {
      _links: {
        delete: {
          href: '/permission',
        },
      },
    };

    const button = mount(
      <DeletePermissionButton
        permission={permission}
        deletePermission={() => {}}
      />,
    );
    button.find('.fa-trash').simulate('click');

    expect(confirmAlert.mock.calls.length).toBe(1);
  });

  it('should call the delete permission function with delete url', () => {
    const permission = {
      _links: {
        delete: {
          href: '/permission',
        },
      },
    };

    let calledUrl = null;
    function capture(permission) {
      calledUrl = permission._links.delete.href;
    }

    const button = mount(
      <DeletePermissionButton
        permission={permission}
        confirmDialog={false}
        deletePermission={capture}
      />,
    );
    button.find('.fa-trash').simulate('click');

    expect(calledUrl).toBe('/permission');
  });
});