@pie-lib/editable-html 13.1.0-beta.1 → 13.1.0-beta.3

package/src/plugins/toolbar/__tests__/toolbar-buttons.test.jsx

@@ -1,97 +0,0 @@
-import { classObject } from '../../../__tests__/utils';
-import { RawButton, RawMarkButton } from '../toolbar-buttons';
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-
-// Mock IconButton
-jest.mock('@mui/material/IconButton', () => {
-  return function IconButton({ children, onClick, className }) {
-    return (
-      <button onClick={onClick} className={className} data-testid="icon-button">
-        {children}
-      </button>
-    );
-  };
-});
-
-describe('Button', () => {
-  const onClick = jest.fn();
-
-  beforeEach(() => {
-    onClick.mockClear();
-  });
-
-  it('renders with children', () => {
-    const classes = classObject('root');
-    render(
-      <RawButton onClick={onClick} classes={classes}>
-        children
-      </RawButton>,
-    );
-
-    expect(screen.getByText('children')).toBeInTheDocument();
-  });
-
-  it('calls onClick when clicked', async () => {
-    const user = userEvent.setup();
-    const classes = classObject('root');
-    render(
-      <RawButton onClick={onClick} classes={classes}>
-        children
-      </RawButton>,
-    );
-
-    const button = screen.getByText('children');
-    await user.click(button);
-
-    expect(onClick).toHaveBeenCalled();
-  });
-});
-
-describe('MarkButton', () => {
-  const classes = classObject('button', 'root', 'active');
-  const onToggle = jest.fn();
-
-  beforeEach(() => {
-    onToggle.mockClear();
-  });
-
-  it('renders when not active', () => {
-    render(
-      <RawMarkButton mark={'i'} onToggle={onToggle} active={false} classes={classes}>
-        children
-      </RawMarkButton>,
-    );
-
-    const button = screen.getByText('children');
-    expect(button).toBeInTheDocument();
-    expect(button).toHaveAttribute('aria-pressed', 'false');
-  });
-
-  it('renders when active', () => {
-    render(
-      <RawMarkButton mark={'i'} onToggle={onToggle} active={true} classes={classes}>
-        children
-      </RawMarkButton>,
-    );
-
-    const button = screen.getByText('children');
-    expect(button).toBeInTheDocument();
-    expect(button).toHaveAttribute('aria-pressed', 'true');
-  });
-
-  it('calls onToggle when clicked', async () => {
-    const user = userEvent.setup();
-    render(
-      <RawMarkButton mark={'i'} onToggle={onToggle} active={false} classes={classes}>
-        children
-      </RawMarkButton>,
-    );
-
-    const button = screen.getByText('children');
-    await user.click(button);
-
-    expect(onToggle).toHaveBeenCalled();
-  });
-});

package/src/plugins/toolbar/__tests__/toolbar.test.jsx

@@ -1,112 +0,0 @@
-import { classObject, mockMathInput } from '../../../__tests__/utils';
-import { Inline, Value } from 'slate';
-import { Toolbar } from '../toolbar';
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-
-mockMathInput();
-
-jest.mock('@mui/material/IconButton', () => {
-  return (props) => {
-    const { children, onClick, buttonRef, ...rest } = props;
-    return (
-      <button onClick={onClick} {...rest}>
-        {children}
-      </button>
-    );
-  };
-});
-
-let node = Inline.fromJSON({ type: 'i' });
-let parentNode = Inline.fromJSON({
-  type: 'i',
-});
-let value;
-
-describe('toolbar', () => {
-  let onDelete, classes, document, toolbarOpts;
-
-  beforeEach(() => {
-    onDelete = jest.fn();
-
-    toolbarOpts = {
-      position: 'bottom',
-      alwaysVisible: false,
-    };
-
-    value = Value.fromJSON({});
-    document = {
-      getClosestInline: jest.fn().mockReturnValue(node),
-      getParent: jest.fn().mockReturnValue(),
-    };
-
-    Object.defineProperties(value, {
-      isCollapsed: {
-        get: jest.fn(() => true),
-      },
-      startKey: {
-        get: jest.fn(() => '1'),
-      },
-      document: {
-        get: jest.fn(() => document),
-      },
-    });
-
-    classes = classObject('iconRoot', 'inline', 'toolbar', 'focused', 'shared', 'inline', 'pie-toolbar');
-  });
-
-  test('renders custom toolbar', () => {
-    const plugins = [
-      {
-        deleteNode: () => true,
-        toolbar: {
-          supports: () => true,
-          customToolbar: () => () => <div>custom toolbar content</div>,
-        },
-      },
-    ];
-
-    const { container } = render(
-      <Toolbar
-        toolbarOpts={toolbarOpts}
-        plugins={plugins}
-        classes={classes}
-        value={value}
-        onDone={jest.fn()}
-        onChange={jest.fn()}
-      />,
-    );
-
-    // Verify the custom toolbar content is rendered
-    expect(container.firstChild).toBeInTheDocument();
-    expect(screen.getByText('custom toolbar content')).toBeInTheDocument();
-  });
-
-  describe('default', () => {
-    let plugins;
-
-    beforeEach(() => {
-      plugins = [];
-    });
-
-    test('renders default toolbar', () => {
-      const { container } = render(
-        <Toolbar
-          toolbarOpts={toolbarOpts}
-          plugins={plugins}
-          classes={classes}
-          value={value}
-          onDone={jest.fn()}
-          onChange={jest.fn()}
-        />,
-      );
-
-      // Verify the toolbar is rendered
-      expect(container.firstChild).toBeInTheDocument();
-
-      // The default toolbar should render the DefaultToolbar component
-      // which includes a Done button
-      expect(screen.getByLabelText('Done')).toBeInTheDocument();
-    });
-  });
-});