@pie-lib/charting 7.1.0-beta.7 → 7.1.0-beta.9

package/src/line/common/__tests__/line.test.jsx

@@ -1,79 +0,0 @@
-import { render } from '@testing-library/react';
-import React from 'react';
-import Line, { RawLine } from '../line';
-import { graphProps } from './utils';
-
-describe('Line', () => {
-  const xBand = () => {};
-  xBand.bandwidth = () => {};
-  const onChange = jest.fn();
-
-  const renderComponent = (extras) => {
-    const defaults = {
-      classes: {},
-      className: 'className',
-      graphProps: graphProps(),
-      xBand,
-      onChange,
-      data: [{ value: 0, label: '0' }],
-    };
-    const props = { ...defaults, ...extras };
-    return render(<Line {...props} />);
-  };
-
-  describe('rendering', () => {
-    it('renders without crashing', () => {
-      const { container } = renderComponent();
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-
-  describe('functionality', () => {
-    it('calls onChange when line changes', () => {
-      const { container } = renderComponent();
-      // Testing changeLine functionality would require user interaction
-      // with drag handles on the line chart
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-});
-
-describe('RawLine', () => {
-  const xBand = () => {};
-  xBand.bandwidth = () => {};
-  const onChange = jest.fn();
-
-  const renderComponent = (extras) => {
-    const defaults = {
-      classes: {},
-      className: 'className',
-      graphProps: graphProps(),
-      xBand,
-      onChange,
-      data: [
-        { label: 'A', value: 0 },
-        { label: 'B', value: 1 },
-      ],
-      label: 'label',
-      CustomBarElement: () => <div />,
-    };
-    const props = { ...defaults, ...extras };
-    return render(<RawLine {...props} />);
-  };
-
-  describe('rendering', () => {
-    it('renders without crashing', () => {
-      const { container } = renderComponent();
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-
-  describe('functionality', () => {
-    it('handles drag operations', () => {
-      const { container } = renderComponent();
-      // Testing dragStop functionality would require user interaction
-      // with drag handles on the line
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-});

package/src/line/common/__tests__/utils.js

@@ -1,30 +0,0 @@
-export const scaleMock = () => {
-  const fn = jest.fn((n) => n);
-  fn.invert = jest.fn((n) => n);
-  return fn;
-};
-
-export const graphProps = (dmin = 0, dmax = 1, rmin = 0, rmax = 1) => ({
-  scale: {
-    x: scaleMock(),
-    y: scaleMock(),
-  },
-  snap: {
-    x: jest.fn((n) => n),
-    y: jest.fn((n) => n),
-  },
-  domain: {
-    min: dmin,
-    max: dmax,
-    step: 1,
-  },
-  range: {
-    min: rmin,
-    max: rmax,
-    step: 1,
-  },
-  size: {
-    width: 400,
-    height: 400,
-  },
-});

package/src/plot/__tests__/dot.test.jsx

@@ -1,344 +0,0 @@
-import React from 'react';
-import { render } from '@pie-lib/test-utils';
-import { createTheme, ThemeProvider } from '@mui/material/styles';
-import Dot, { DotPlot } from '../dot';
-import { graphProps } from './utils';
-
-jest.mock('@mui/icons-material/Check', () => {
-  return function Check(props) {
-    return <div data-testid="check-icon" {...props} />;
-  };
-});
-
-jest.mock('@visx/shape', () => ({
-  Circle: ({ cx, cy, r, ...rest }) => <circle cx={cx} cy={cy} r={r} {...rest} />,
-}));
-
-let theme;
-
-beforeAll(() => {
-  theme = createTheme();
-});
-
-describe('DotPlot', () => {
-  const renderComponent = (extras) => {
-    const defaults = {
-      classes: {},
-      className: 'className',
-      graphProps: graphProps(),
-      xBand: () => {
-        return {
-          bandwidth: () => {},
-        };
-      },
-    };
-    const props = { ...defaults, ...extras };
-    return render(
-      <ThemeProvider theme={theme}>
-        <svg>
-          <DotPlot {...props} />
-        </svg>
-      </ThemeProvider>,
-    );
-  };
-
-  describe('rendering', () => {
-    it('renders dot plot', () => {
-      const { container } = renderComponent();
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders without graphProps', () => {
-      const { container } = renderComponent({ graphProps: undefined });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders with data array', () => {
-      const data = [
-        { value: 1, label: 'A' },
-        { value: 2, label: 'B' },
-        { value: 3, label: 'C' },
-      ];
-      const { container } = renderComponent({ data });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders with empty data array', () => {
-      const { container } = renderComponent({ data: [] });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders with null data', () => {
-      const { container } = renderComponent({ data: null });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders with undefined data', () => {
-      const { container } = renderComponent({ data: undefined });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders with custom className', () => {
-      const { container } = renderComponent({ className: 'custom-dot-plot' });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders with onChange handler', () => {
-      const onChange = jest.fn();
-      const { container } = renderComponent({ onChange });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders in defineChart mode', () => {
-      const { container } = renderComponent({ defineChart: true });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders with correctData', () => {
-      const data = [{ value: 2, label: 'A' }];
-      const correctData = [{ value: 3, label: 'A' }];
-      const { container } = renderComponent({ data, correctData });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-
-  describe('graphProps handling', () => {
-    it('handles graphProps with missing scale', () => {
-      const props = graphProps();
-      delete props.scale;
-      const { container } = renderComponent({ graphProps: props });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('handles graphProps with missing size', () => {
-      const props = graphProps();
-      delete props.size;
-      const { container } = renderComponent({ graphProps: props });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('handles graphProps with empty scale object', () => {
-      const props = graphProps();
-      props.scale = {};
-      const { container } = renderComponent({ graphProps: props });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('handles graphProps with empty size object', () => {
-      const props = graphProps();
-      props.size = {};
-      const { container } = renderComponent({ graphProps: props });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-
-  describe('data variations', () => {
-    it('renders with single data point', () => {
-      const data = [{ value: 1, label: 'A' }];
-      const { container } = renderComponent({ data });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders with multiple data points', () => {
-      const data = [
-        { value: 1, label: 'A' },
-        { value: 2, label: 'B' },
-        { value: 3, label: 'C' },
-        { value: 4, label: 'D' },
-      ];
-      const { container } = renderComponent({ data });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders with zero values', () => {
-      const data = [
-        { value: 0, label: 'A' },
-        { value: 0, label: 'B' },
-      ];
-      const { container } = renderComponent({ data });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders with mixed values', () => {
-      const data = [
-        { value: 0, label: 'A' },
-        { value: 5, label: 'B' },
-        { value: 1, label: 'C' },
-      ];
-      const { container } = renderComponent({ data });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders with large values', () => {
-      const data = [
-        { value: 100, label: 'A' },
-        { value: 200, label: 'B' },
-      ];
-      const { container } = renderComponent({ data });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders with correctness data', () => {
-      const data = [
-        { value: 2, label: 'A', correctness: { value: 'correct', label: 'Correct' } },
-        { value: 3, label: 'B', correctness: { value: 'correct', label: 'Correct' } },
-      ];
-      const { container } = renderComponent({ data });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders with incorrect correctness and correctData', () => {
-      const data = [
-        { value: 2, label: 'A', correctness: { value: 'incorrect', label: 'Incorrect' } },
-        { value: 3, label: 'B', correctness: { value: 'incorrect', label: 'Incorrect' } },
-      ];
-      const correctData = [
-        { value: 3, label: 'A' },
-        { value: 4, label: 'B' },
-      ];
-      const { container } = renderComponent({ data, correctData });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders with interactive data points', () => {
-      const data = [
-        { value: 2, label: 'A', interactive: true },
-        { value: 3, label: 'B', interactive: false },
-      ];
-      const { container } = renderComponent({ data });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-
-  describe('callbacks', () => {
-    it('passes onChange handler to Plot component', () => {
-      const onChange = jest.fn();
-      const data = [{ value: 1, label: 'A' }];
-      const { container } = renderComponent({ data, onChange });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('handles onChangeCategory callback', () => {
-      const onChangeCategory = jest.fn();
-      const data = [{ value: 1, label: 'A' }];
-      const { container } = renderComponent({ data, onChangeCategory });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-
-  describe('component', () => {
-    it('returns correct chart object', () => {
-      const chart = Dot();
-
-      expect(chart).toEqual({
-        type: 'dotPlot',
-        Component: DotPlot,
-        name: 'Dot Plot',
-      });
-    });
-
-    it('returns object with Component that can be rendered', () => {
-      const chart = Dot();
-      const { Component } = chart;
-
-      const { container } = render(<Component graphProps={graphProps()} />);
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-});
-
-describe('CustomBarElement (Dot)', () => {
-  const mockScale = {
-    y: jest.fn((n) => n * 10),
-  };
-
-  it('renders a circle element', () => {
-    const data = [{ value: 1, label: 'A' }];
-    const { container } = render(
-      <ThemeProvider theme={theme}>
-        <svg>
-          <DotPlot data={data} graphProps={graphProps()} />
-        </svg>
-      </ThemeProvider>,
-    );
-    expect(container).toBeInTheDocument();
-  });
-
-  it('renders with dottedOverline prop', () => {
-    const data = [{ value: 2, label: 'A', correctness: { value: 'incorrect' } }];
-    const correctData = [{ value: 3, label: 'A' }];
-    const { container } = render(
-      <ThemeProvider theme={theme}>
-        <svg>
-          <DotPlot data={data} graphProps={graphProps()} correctData={correctData} />
-        </svg>
-      </ThemeProvider>,
-    );
-    expect(container).toBeInTheDocument();
-  });
-
-  it('renders without dottedOverline prop', () => {
-    const data = [{ value: 2, label: 'A' }];
-    const { container } = render(
-      <ThemeProvider theme={theme}>
-        <svg>
-          <DotPlot data={data} graphProps={graphProps()} />
-        </svg>
-      </ThemeProvider>,
-    );
-    expect(container).toBeInTheDocument();
-  });
-
-  it('calculates correct circle position', () => {
-    const data = [{ value: 3, label: 'A' }];
-    const { container } = render(
-      <ThemeProvider theme={theme}>
-        <svg>
-          <DotPlot data={data} graphProps={graphProps()} />
-        </svg>
-      </ThemeProvider>,
-    );
-    expect(container).toBeInTheDocument();
-  });
-
-  it('handles zero pointDiameter', () => {
-    const props = graphProps();
-    props.size = { width: 0, height: 0 };
-    const data = [{ value: 1, label: 'A' }];
-    const { container } = render(
-      <ThemeProvider theme={theme}>
-        <svg>
-          <DotPlot data={data} graphProps={props} />
-        </svg>
-      </ThemeProvider>,
-    );
-    expect(container).toBeInTheDocument();
-  });
-
-  it('handles large pointDiameter values', () => {
-    const props = graphProps();
-    props.size = { width: 1000, height: 1000 };
-    const data = [{ value: 1, label: 'A' }];
-    const { container } = render(
-      <ThemeProvider theme={theme}>
-        <svg>
-          <DotPlot data={data} graphProps={props} />
-        </svg>
-      </ThemeProvider>,
-    );
-    expect(container).toBeInTheDocument();
-  });
-
-  it('renders dotted circle with correct styling when dottedOverline is true', () => {
-    const data = [{ value: 2, label: 'A', correctness: { value: 'incorrect' } }];
-    const correctData = [{ value: 3, label: 'A' }];
-    const { container } = render(
-      <ThemeProvider theme={theme}>
-        <svg>
-          <DotPlot data={data} graphProps={graphProps()} correctData={correctData} />
-        </svg>
-      </ThemeProvider>,
-    );
-    expect(container).toBeInTheDocument();
-  });
-});