datajunction-ui 0.0.1-rc.9 → 0.0.2-0.dev1

package/src/app/pages/NodePage/__tests__/EditColumnDescriptionPopover.test.jsx

@@ -0,0 +1,149 @@
+import React from 'react';
+import {
+  render,
+  fireEvent,
+  waitFor,
+  screen,
+  within,
+} from '@testing-library/react';
+import EditColumnDescriptionPopover from '../EditColumnDescriptionPopover';
+import DJClientContext from '../../../providers/djclient';
+
+const mockDjClient = {
+  DataJunctionAPI: {
+    setColumnDescription: jest.fn(),
+  },
+};
+
+describe('<EditColumnDescriptionPopover />', () => {
+  it('renders correctly and handles successful form submission', async () => {
+    // Mock necessary data
+    const column = {
+      name: 'column1',
+      description: 'Initial description',
+    };
+    const node = { name: 'default.node1' };
+
+    // Mock onSubmit function
+    const onSubmitMock = jest.fn();
+
+    mockDjClient.DataJunctionAPI.setColumnDescription.mockReturnValue({
+      status: 200,
+      json: { message: 'Description updated successfully' },
+    });
+
+    // Render the component
+    render(
+      <DJClientContext.Provider value={mockDjClient}>
+        <EditColumnDescriptionPopover
+          column={column}
+          node={node}
+          onSubmit={onSubmitMock}
+        />
+      </DJClientContext.Provider>,
+    );
+
+    // Open the popover
+    fireEvent.click(screen.getByLabelText('EditColumnDescription'));
+
+    // Update the description
+    const dialog = screen.getByRole('dialog', { name: /edit-description/i });
+    const descriptionTextarea = within(dialog).getByRole('textbox');
+    fireEvent.change(descriptionTextarea, {
+      target: { value: 'Updated description' },
+    });
+
+    // Submit the form
+    fireEvent.click(screen.getByText('Save'));
+
+    // Expect setColumnDescription to be called
+    await waitFor(() => {
+      expect(
+        mockDjClient.DataJunctionAPI.setColumnDescription,
+      ).toHaveBeenCalledWith('default.node1', 'column1', 'Updated description');
+      expect(screen.getByText('Saved!')).toBeInTheDocument();
+      expect(onSubmitMock).toHaveBeenCalled();
+    });
+  });
+
+  it('handles failed form submission', async () => {
+    // Mock necessary data
+    const column = {
+      name: 'column1',
+      description: 'Initial description',
+    };
+    const node = { name: 'default.node1' };
+
+    // Mock onSubmit function
+    const onSubmitMock = jest.fn();
+
+    mockDjClient.DataJunctionAPI.setColumnDescription.mockReturnValue({
+      status: 500,
+      json: { message: 'Server error' },
+    });
+
+    // Render the component
+    render(
+      <DJClientContext.Provider value={mockDjClient}>
+        <EditColumnDescriptionPopover
+          column={column}
+          node={node}
+          onSubmit={onSubmitMock}
+        />
+      </DJClientContext.Provider>,
+    );
+
+    // Open the popover
+    fireEvent.click(screen.getByLabelText('EditColumnDescription'));
+
+    // Update the description
+    const dialog = screen.getByRole('dialog', { name: /edit-description/i });
+    const descriptionTextarea = within(dialog).getByRole('textbox');
+    fireEvent.change(descriptionTextarea, {
+      target: { value: 'Updated description' },
+    });
+
+    // Submit the form
+    fireEvent.click(screen.getByText('Save'));
+
+    // Expect setColumnDescription to be called and the failure message to show up
+    await waitFor(() => {
+      expect(
+        mockDjClient.DataJunctionAPI.setColumnDescription,
+      ).toHaveBeenCalledWith('default.node1', 'column1', 'Updated description');
+      expect(screen.getByText('Server error')).toBeInTheDocument();
+      expect(onSubmitMock).toHaveBeenCalled();
+    });
+  });
+
+  it('renders with empty initial description', async () => {
+    // Mock necessary data with no description
+    const column = {
+      name: 'column1',
+      description: null,
+    };
+    const node = { name: 'default.node1' };
+
+    // Mock onSubmit function
+    const onSubmitMock = jest.fn();
+
+    // Render the component
+    render(
+      <DJClientContext.Provider value={mockDjClient}>
+        <EditColumnDescriptionPopover
+          column={column}
+          node={node}
+          onSubmit={onSubmitMock}
+        />
+      </DJClientContext.Provider>,
+    );
+
+    // Open the popover
+    fireEvent.click(screen.getByLabelText('EditColumnDescription'));
+
+    // Check that the textarea is empty
+    const dialog = screen.getByRole('dialog', { name: /edit-description/i });
+    const descriptionTextarea = within(dialog).getByRole('textbox');
+    expect(descriptionTextarea.value).toBe('');
+  });
+});

package/src/app/pages/NodePage/__tests__/EditColumnPopover.test.jsx

@@ -0,0 +1,144 @@
+import React from 'react';
+import { render, fireEvent, waitFor, screen } from '@testing-library/react';
+import EditColumnPopover from '../EditColumnPopover';
+import DJClientContext from '../../../providers/djclient';
+
+const mockDjClient = {
+  DataJunctionAPI: {
+    setAttributes: jest.fn(),
+  },
+};
+
+describe('<EditColumnPopover />', () => {
+  it('renders correctly and handles form submission', async () => {
+    // Mock necessary data
+    const column = {
+      name: 'column1',
+      dimension: { name: 'dimension1' },
+      attributes: [
+        { attribute_type: { name: 'primary_key', namespace: 'system' } },
+      ],
+    };
+    const node = { name: 'default.node1' };
+    const options = [
+      { value: 'dimension', label: 'Dimension' },
+      { value: 'primary_key', label: 'Primary Key' },
+    ];
+
+    // Mock onSubmit function
+    const onSubmitMock = jest.fn();
+
+    mockDjClient.DataJunctionAPI.setAttributes.mockReturnValue({
+      status: 201,
+      json: [
+        {
+          name: 'id',
+          type: 'int',
+          attributes: [
+            { attribute_type: { name: 'primary_key', namespace: 'system' } },
+          ],
+          dimension: null,
+        },
+      ],
+    });
+
+    // Render the component
+    const { getByLabelText, getByText, getByTestId } = render(
+      <DJClientContext.Provider value={mockDjClient}>
+        <EditColumnPopover
+          column={column}
+          node={node}
+          options={options}
+          onSubmit={onSubmitMock}
+        />
+      </DJClientContext.Provider>,
+    );
+
+    // Open the popover
+    fireEvent.click(getByLabelText('EditColumn'));
+
+    // Click on one attribute in the select
+    const editAttributes = getByTestId('edit-attributes');
+    fireEvent.keyDown(editAttributes.firstChild, { key: 'ArrowDown' });
+    fireEvent.click(screen.getByText('Dimension'));
+    fireEvent.click(getByText('Save'));
+
+    // Expect setAttributes to be called
+    await waitFor(() => {
+      expect(mockDjClient.DataJunctionAPI.setAttributes).toHaveBeenCalled();
+      expect(getByText('Saved!')).toBeInTheDocument();
+    });
+
+    // Add Primary Key to the existing Dimension selection (don't click Dimension again)
+    fireEvent.keyDown(editAttributes.firstChild, { key: 'ArrowDown' });
+    fireEvent.click(screen.getByText('Primary Key'));
+    fireEvent.click(getByText('Save'));
+
+    // Expect setAttributes to be called with both attributes
+    await waitFor(() => {
+      expect(mockDjClient.DataJunctionAPI.setAttributes).toHaveBeenCalledWith(
+        'default.node1',
+        'column1',
+        ['primary_key', 'dimension'],
+      );
+      expect(getByText('Saved!')).toBeInTheDocument();
+    });
+
+    // Close the popover
+    fireEvent.click(getByLabelText('EditColumn'));
+  });
+
+  it('handles failed form submission', async () => {
+    // Mock necessary data
+    const column = {
+      name: 'column1',
+      dimension: { name: 'dimension1' },
+      attributes: [
+        { attribute_type: { name: 'primary_key', namespace: 'system' } },
+      ],
+    };
+    const node = { name: 'default.node1' };
+    const options = [
+      { value: 'dimension', label: 'Dimension' },
+      { value: 'primary_key', label: 'Primary Key' },
+    ];
+
+    // Mock onSubmit function
+    const onSubmitMock = jest.fn();
+
+    mockDjClient.DataJunctionAPI.setAttributes.mockReturnValue({
+      status: 500,
+      json: { message: 'bad request' },
+    });
+
+    // Render the component
+    const { getByLabelText, getByText, getByTestId } = render(
+      <DJClientContext.Provider value={mockDjClient}>
+        <EditColumnPopover
+          column={column}
+          node={node}
+          options={options}
+          onSubmit={onSubmitMock}
+        />
+      </DJClientContext.Provider>,
+    );
+
+    // Open the popover
+    fireEvent.click(getByLabelText('EditColumn'));
+
+    // Click on one attribute in the select
+    const editAttributes = getByTestId('edit-attributes');
+    fireEvent.keyDown(editAttributes.firstChild, { key: 'ArrowDown' });
+    fireEvent.click(screen.getByText('Dimension'));
+    fireEvent.click(getByText('Save'));
+
+    // Expect setAttributes to be called and the failure message to show up
+    await waitFor(() => {
+      expect(mockDjClient.DataJunctionAPI.setAttributes).toHaveBeenCalled();
+      expect(getByText('bad request')).toBeInTheDocument();
+    });
+
+    // Close the popover
+    fireEvent.click(getByLabelText('EditColumn'));
+  });
+});

package/src/app/pages/NodePage/__tests__/LinkDimensionPopover.test.jsx

@@ -0,0 +1,132 @@
+import React from 'react';
+import { render, fireEvent, waitFor, screen } from '@testing-library/react';
+import LinkDimensionPopover from '../LinkDimensionPopover';
+import DJClientContext from '../../../providers/djclient';
+
+const mockDjClient = {
+  DataJunctionAPI: {
+    linkDimension: jest.fn(),
+    unlinkDimension: jest.fn(),
+  },
+};
+
+describe('<LinkDimensionPopover />', () => {
+  it('renders correctly and handles form submission', async () => {
+    // Mock necessary data
+    const column = {
+      name: 'column1',
+      dimension: { name: 'default.dimension1' },
+    };
+    const node = { name: 'default.node1' };
+    const options = [
+      { value: 'default.dimension1', label: 'Dimension 1' },
+      { value: 'default.dimension2', label: 'Dimension 2' },
+    ];
+
+    // Mock onSubmit function
+    const onSubmitMock = jest.fn();
+
+    mockDjClient.DataJunctionAPI.linkDimension.mockReturnValue({
+      status: 200,
+      json: { message: 'Success' },
+    });
+
+    // Render the component - start with no dimensions
+    const { getByLabelText, getByText, getByTestId } = render(
+      <DJClientContext.Provider value={mockDjClient}>
+        <LinkDimensionPopover
+          column={column}
+          dimensionNodes={[]}
+          node={node}
+          options={options}
+          onSubmit={onSubmitMock}
+        />
+      </DJClientContext.Provider>,
+    );
+
+    // Open the popover
+    fireEvent.click(getByLabelText('LinkDimension'));
+
+    // Click on a dimension to add it
+    const linkDimension = getByTestId('link-dimension');
+    fireEvent.keyDown(linkDimension.firstChild, { key: 'ArrowDown' });
+    await waitFor(() => {
+      expect(screen.getByText('Dimension 2')).toBeInTheDocument();
+    });
+    fireEvent.click(screen.getByText('Dimension 2'));
+
+    // Now save (this will link dimension2)
+    fireEvent.click(getByText('Save'));
+
+    // Expect linkDimension to be called with success message
+    await waitFor(() => {
+      expect(mockDjClient.DataJunctionAPI.linkDimension).toHaveBeenCalledWith(
+        'default.node1',
+        'column1',
+        'default.dimension2',
+      );
+      expect(getByText('Saved!')).toBeInTheDocument();
+    });
+  });
+
+  it('handles failed form submission', async () => {
+    // Mock necessary data
+    const column = {
+      name: 'column1',
+      dimension: { name: 'default.dimension1' },
+    };
+    const node = { name: 'default.node1' };
+    const options = [
+      { value: 'default.dimension1', label: 'Dimension 1' },
+      { value: 'default.dimension2', label: 'Dimension 2' },
+    ];
+
+    // Mock onSubmit function
+    const onSubmitMock = jest.fn();
+
+    mockDjClient.DataJunctionAPI.linkDimension.mockReturnValue({
+      status: 500,
+      json: { message: 'Failed due to nonexistent dimension' },
+    });
+
+    // Render the component - start with no dimensions to test adding one that fails
+    const { getByLabelText, getByText, getByTestId } = render(
+      <DJClientContext.Provider value={mockDjClient}>
+        <LinkDimensionPopover
+          column={column}
+          dimensionNodes={[]}
+          node={node}
+          options={options}
+          onSubmit={onSubmitMock}
+        />
+      </DJClientContext.Provider>,
+    );
+
+    // Open the popover
+    fireEvent.click(getByLabelText('LinkDimension'));
+
+    // Click on a dimension to add it
+    const linkDimension = getByTestId('link-dimension');
+    fireEvent.keyDown(linkDimension.firstChild, { key: 'ArrowDown' });
+    await waitFor(() => {
+      expect(screen.getByText('Dimension 2')).toBeInTheDocument();
+    });
+    fireEvent.click(screen.getByText('Dimension 2'));
+
+    // Now save (this will attempt to link dimension2 which will fail)
+    fireEvent.click(getByText('Save'));
+
+    // Expect linkDimension to be called with failure message
+    await waitFor(() => {
+      expect(mockDjClient.DataJunctionAPI.linkDimension).toHaveBeenCalledWith(
+        'default.node1',
+        'column1',
+        'default.dimension2',
+      );
+      // The linkDimension failure message should be shown
+      expect(
+        getByText('Failed due to nonexistent dimension'),
+      ).toBeInTheDocument();
+    });
+  });
+});