datajunction-ui 0.0.1-a44.dev5 → 0.0.1-a45.dev14

package/src/app/components/DeleteNode.jsx

@@ -1,55 +0,0 @@
-import DJClientContext from '../providers/djclient';
-import * as React from 'react';
-import DeleteIcon from '../icons/DeleteIcon';
-import { Form, Formik } from 'formik';
-import { useContext } from 'react';
-import { displayMessageAfterSubmit } from '../../utils/form';
-
-export default function DeleteNode({ nodeName }) {
-  const djClient = useContext(DJClientContext).DataJunctionAPI;
-  const deleteNode = async (values, { setSubmitting, setStatus }) => {
-    const { status, json } = await djClient.deactivate(values.nodeName);
-    if (status === 200 || status === 201 || status === 204) {
-      setStatus({
-        success: <>Successfully deleted node {values.nodeName}</>,
-      });
-    } else {
-      setStatus({
-        failure: `${json.message}`,
-      });
-    }
-    setSubmitting(false);
-  };
-
-  const initialValues = {
-    nodeName: nodeName,
-  };
-
-  return (
-    <Formik initialValues={initialValues} onSubmit={deleteNode}>
-      {function Render({ isSubmitting, status, setFieldValue }) {
-        return (
-          <Form className="deleteNode">
-            {displayMessageAfterSubmit(status)}
-            {
-              <>
-                <button
-                  type="submit"
-                  disabled={isSubmitting}
-                  style={{
-                    marginLeft: 0,
-                    all: 'unset',
-                    color: '#005c72',
-                    cursor: 'pointer',
-                  }}
-                >
-                  <DeleteIcon />
-                </button>
-              </>
-            }
-          </Form>
-        );
-      }}
-    </Formik>
-  );
-}

package/src/app/components/__tests__/DeleteNode.test.jsx

@@ -1,53 +0,0 @@
-import React from 'react';
-import { screen, waitFor } from '@testing-library/react';
-import fetchMock from 'jest-fetch-mock';
-import userEvent from '@testing-library/user-event';
-import { render } from '../../../setupTests';
-import DJClientContext from '../../providers/djclient';
-import DeleteNode from '../DeleteNode';
-
-describe('<DeleteNode />', () => {
-  beforeEach(() => {
-    fetchMock.resetMocks();
-    jest.clearAllMocks();
-    window.scrollTo = jest.fn();
-  });
-
-  const renderElement = djClient => {
-    return render(
-      <DJClientContext.Provider value={djClient}>
-        <DeleteNode nodeName="default.hard_hat" />
-      </DJClientContext.Provider>,
-    );
-  };
-
-  const initializeMockDJClient = () => {
-    return {
-      DataJunctionAPI: {
-        deactivate: jest.fn(),
-      },
-    };
-  };
-
-  it('deletes a node when clicked', async () => {
-    const mockDjClient = initializeMockDJClient();
-    mockDjClient.DataJunctionAPI.deactivate.mockReturnValue({
-      status: 204,
-      json: { name: 'source.warehouse.schema.some_table' },
-    });
-
-    renderElement(mockDjClient);
-
-    await userEvent.click(screen.getByRole('button'));
-
-    await waitFor(() => {
-      expect(mockDjClient.DataJunctionAPI.deactivate).toBeCalled();
-      expect(mockDjClient.DataJunctionAPI.deactivate).toBeCalledWith(
-        'default.hard_hat',
-      );
-    });
-    expect(
-      screen.getByText('Successfully deleted node default.hard_hat'),
-    ).toBeInTheDocument();
-  }, 60000);
-});