use reflow to migrate from flow to typescript

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

@@ -0,0 +1,92 @@
+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');
+  });
+});