@atlaskit/editor-plugin-table 7.2.2 → 7.3.0

package/src/__tests__/unit/pm-plugins/decorations/column-resizing.ts

@@ -1,176 +0,0 @@
-import type { DocBuilder } from '@atlaskit/editor-common/types';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
-import { featureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
-import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
-import { selectionPlugin } from '@atlaskit/editor-plugin-selection';
-import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import type { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { getCellsInColumn } from '@atlaskit/editor-tables/utils';
-// eslint-disable-next-line import/no-extraneous-dependencies
-import type { LightEditorPlugin } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  createProsemirrorEditorFactory,
-  Preset,
-} from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  doc,
-  p,
-  table,
-  td,
-  tdCursor,
-  tdEmpty,
-  tr,
-} from '@atlaskit/editor-test-helpers/doc-builder';
-
-import {
-  hideResizeHandleLine,
-  showResizeHandleLine,
-} from '../../../../commands/hover';
-import tablePlugin from '../../../../plugin';
-import { getDecorations } from '../../../../pm-plugins/decorations/plugin';
-import { buildColumnResizingDecorations } from '../../../../pm-plugins/decorations/utils';
-import { pluginKey } from '../../../../pm-plugins/plugin-key';
-import type { TablePluginState } from '../../../../types';
-import { TableDecorations } from '../../../../types';
-
-describe('tables: column resizing decorations', () => {
-  const createEditor = createProsemirrorEditorFactory();
-  const getEditorFeatureFlags = () => ({});
-  const preset = new Preset<LightEditorPlugin>()
-    .add([featureFlagsPlugin, {}])
-    .add([analyticsPlugin, {}])
-    .add(contentInsertionPlugin)
-    .add(widthPlugin)
-    .add(guidelinePlugin)
-    .add(selectionPlugin)
-    .add([
-      tablePlugin,
-      {
-        tableOptions: { allowColumnResizing: true },
-        getEditorFeatureFlags,
-      },
-    ]);
-  const editor = (doc: DocBuilder) =>
-    createEditor<TablePluginState, PluginKey, typeof preset>({
-      doc,
-      preset,
-      pluginKey,
-    });
-
-  const getTableDecorations = (
-    editorView: EditorView,
-    cells: Array<ContentNodeWithPos>,
-    key?: TableDecorations,
-  ) => {
-    const decorationSet = getDecorations(editorView.state);
-    if (key) {
-      const lastCell = cells[cells.length - 1];
-      return decorationSet.find(
-        cells[0].pos,
-        lastCell.pos + lastCell.node.nodeSize,
-        (spec) => spec.key.indexOf(key) > -1,
-      );
-    }
-
-    return decorationSet.find(cells[0].pos, cells[cells.length - 1].pos);
-  };
-
-  describe('#buildColumnResizingDecorations', () => {
-    describe.each([
-      [0, -1, TableDecorations.COLUMN_RESIZING_HANDLE, 0],
-      [0, 0, TableDecorations.COLUMN_RESIZING_HANDLE, 0],
-      [0, 1, TableDecorations.COLUMN_RESIZING_HANDLE, 1],
-    ])(
-      'when columnEndIndex is %i',
-      (rowEndIndex, columnEndIndex, decorationKey, expectedDecorations) => {
-        it(`should return a decorationSet with ${expectedDecorations} ${decorationKey} type`, () => {
-          const {
-            editorView: { state },
-          } = editor(doc(table()(tr(tdCursor, tdEmpty))));
-          const nextDecorationSet = buildColumnResizingDecorations(
-            rowEndIndex,
-            columnEndIndex,
-            false,
-            () => ({} as any),
-          )({
-            decorationSet: DecorationSet.empty,
-            tr: state.tr,
-          });
-
-          const decorations = nextDecorationSet.find(
-            undefined,
-            undefined,
-            (spec) => spec.key.indexOf(decorationKey) > -1,
-          );
-
-          expect(decorations).toHaveLength(expectedDecorations);
-        });
-      },
-    );
-  });
-
-  describe('when the table has merged cells on first row', () => {
-    let editorView: EditorView;
-
-    beforeEach(() => {
-      const mountedEditor = editor(
-        doc(
-          p('text'),
-          table()(
-            tr(tdCursor, td({ colspan: 2 })(p(''))),
-            tr(td()(p('a1')), tdEmpty, tdEmpty),
-            tr(td()(p('a2')), tdEmpty, tdEmpty),
-          ),
-        ),
-      );
-
-      editorView = mountedEditor.editorView;
-    });
-
-    describe('when the showResizeHandleLine is dispatched', () => {
-      beforeEach(() => {
-        showResizeHandleLine({ left: 1, right: 2 })(
-          editorView.state,
-          editorView.dispatch,
-        );
-      });
-
-      it('should add resizer line decoration', () => {
-        const cells = getCellsInColumn(1)(editorView.state.selection)!;
-
-        const decor = getTableDecorations(
-          editorView,
-          cells,
-          TableDecorations.COLUMN_RESIZING_HANDLE_LINE,
-        );
-
-        expect(decor).toHaveLength(2);
-      });
-
-      describe('when the hideResizeHandleLine is dispatched', () => {
-        beforeEach(() => {
-          hideResizeHandleLine()(editorView.state, editorView.dispatch);
-        });
-
-        it('should remove resizer line decoration', () => {
-          const cells = getCellsInColumn(1)(editorView.state.selection)!;
-
-          const decor = getTableDecorations(
-            editorView,
-            cells,
-            TableDecorations.COLUMN_RESIZING_HANDLE_LINE,
-          );
-
-          expect(decor).toHaveLength(0);
-        });
-      });
-    });
-  });
-});

package/src/__tests__/unit/pm-plugins/decorations/plugin.ts

@@ -1,211 +0,0 @@
-import type { DocBuilder } from '@atlaskit/editor-common/types';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
-import { featureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
-import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
-import { selectionPlugin } from '@atlaskit/editor-plugin-selection';
-import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { Selection } from '@atlaskit/editor-prosemirror/state';
-import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { addColumnAt } from '@atlaskit/editor-tables/utils';
-// eslint-disable-next-line import/no-extraneous-dependencies
-import type { LightEditorPlugin } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  createProsemirrorEditorFactory,
-  Preset,
-} from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  doc,
-  table,
-  tdCursor,
-  tdEmpty,
-  tr,
-} from '@atlaskit/editor-test-helpers/doc-builder';
-
-import { selectColumn } from '../../../../commands';
-import tablePlugin from '../../../../plugin';
-import {
-  getDecorations,
-  handleDocOrSelectionChanged,
-} from '../../../../pm-plugins/decorations/plugin';
-import { pluginKey } from '../../../../pm-plugins/plugin-key';
-import { pluginKey as tableWidthPluginKey } from '../../../../pm-plugins/table-width';
-import { TableDecorations } from '../../../../types';
-
-describe('decorations plugin', () => {
-  const createEditor = createProsemirrorEditorFactory();
-  const editor = (doc: DocBuilder) =>
-    createEditor({
-      doc,
-      attachTo: document.body,
-      preset: new Preset<LightEditorPlugin>()
-        .add([featureFlagsPlugin, {}])
-        .add([analyticsPlugin, {}])
-        .add(contentInsertionPlugin)
-        .add(widthPlugin)
-        .add(guidelinePlugin)
-        .add(selectionPlugin)
-        .add(tablePlugin),
-      pluginKey,
-    });
-
-  // ED-8457
-  describe('when there is a selection pointer set', () => {
-    describe('should remove the column selected decorations', () => {
-      const { editorView } = editor(
-        doc(table()(tr(tdCursor, tdEmpty), tr(tdEmpty, tdEmpty))),
-      );
-
-      selectColumn(1)(editorView.state, editorView.dispatch);
-
-      const { tr: transaction } = editorView.state;
-
-      transaction.setMeta('pointer', true);
-      transaction.setSelection(Selection.atStart(transaction.doc));
-      editorView.dispatch(transaction);
-
-      const decorationSet = getDecorations(editorView.state);
-
-      const columnSelectedDecorations = decorationSet.find(
-        undefined,
-        undefined,
-        (spec) => spec.key.indexOf(TableDecorations.COLUMN_SELECTED) > -1,
-      );
-
-      expect(columnSelectedDecorations).toHaveLength(0);
-    });
-  });
-
-  describe('when the doc did not changed', () => {
-    it('should not re-create the decorations', () => {
-      const pluginState = DecorationSet.empty;
-      const { editorView } = editor(
-        doc(table()(tr(tdCursor, tdEmpty), tr(tdEmpty, tdEmpty))),
-      );
-
-      const oldState = handleDocOrSelectionChanged(
-        editorView.state.tr,
-        pluginState,
-        editorView.state,
-        editorView.state,
-      );
-
-      const newState = handleDocOrSelectionChanged(
-        editorView.state.tr,
-        oldState,
-        editorView.state,
-        editorView.state,
-      );
-
-      expect(newState).toEqual(oldState);
-    });
-  });
-
-  describe('when the table changed', () => {
-    describe('should not re-create the column controls decorations', () => {
-      const { editorView } = editor(
-        doc(table()(tr(tdCursor, tdEmpty), tr(tdEmpty, tdEmpty))),
-      );
-      const { state } = editorView;
-
-      const nextPluginState = handleDocOrSelectionChanged(
-        editorView.state.tr,
-        DecorationSet.empty,
-        editorView.state,
-        state,
-      );
-
-      const { tr: transaction } = state;
-      editorView.dispatch(addColumnAt(2)(transaction));
-
-      const newState = handleDocOrSelectionChanged(
-        transaction,
-        nextPluginState,
-        editorView.state,
-        state,
-      );
-      const expectedDecorationSet = newState;
-      const decorations = expectedDecorationSet.find(
-        undefined,
-        undefined,
-        (spec) =>
-          spec.key.indexOf(TableDecorations.COLUMN_CONTROLS_DECORATIONS) > -1,
-      );
-
-      expect(decorations).toHaveLength(3);
-    });
-  });
-
-  describe('when nothing changed', () => {
-    it('should not re-create the column controls decorations', () => {
-      const { editorView } = editor(
-        doc(table()(tr(tdCursor, tdEmpty), tr(tdEmpty, tdEmpty))),
-      );
-      const oldPluginState = handleDocOrSelectionChanged(
-        editorView.state.tr,
-        DecorationSet.empty,
-        editorView.state,
-        editorView.state,
-      );
-
-      const newPluginState = handleDocOrSelectionChanged(
-        editorView.state.tr,
-        oldPluginState,
-        editorView.state,
-        editorView.state,
-      );
-      expect(oldPluginState).toEqual(newPluginState);
-    });
-  });
-
-  describe('table width resizing', () => {
-    const editor = (doc: DocBuilder) =>
-      createEditor({
-        doc,
-        attachTo: document.body,
-        preset: new Preset<LightEditorPlugin>()
-          .add([featureFlagsPlugin, {}])
-          .add([analyticsPlugin, {}])
-          .add(contentInsertionPlugin)
-          .add(widthPlugin)
-          .add(guidelinePlugin)
-          .add(selectionPlugin)
-          .add([
-            tablePlugin,
-            {
-              tableResizingEnabled: true,
-              tableOptions: {
-                advanced: true,
-              },
-            },
-          ]),
-        pluginKey,
-      });
-
-    it('should remove column controls when resizing starts and add back when it ends when customTableWidth is enabled', () => {
-      const { editorView } = editor(
-        doc(table()(tr(tdCursor, tdEmpty), tr(tdEmpty, tdEmpty))),
-      );
-
-      const startTransaction = editorView.state.tr.setMeta(
-        tableWidthPluginKey,
-        {
-          resizing: true,
-        },
-      );
-      editorView.dispatch(startTransaction);
-      const startDecorationSet = getDecorations(editorView.state);
-      expect(startDecorationSet).toEqual(DecorationSet.empty);
-
-      const endTransaction = editorView.state.tr.setMeta(tableWidthPluginKey, {
-        resizing: false,
-      });
-      editorView.dispatch(endTransaction);
-      const endDecorationSet = getDecorations(editorView.state);
-      expect(endDecorationSet).not.toEqual(DecorationSet.empty);
-    });
-  });
-});

package/src/__tests__/unit/pm-plugins/main.ts

@@ -1,214 +0,0 @@
-import type { DocBuilder } from '@atlaskit/editor-common/types';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
-import { featureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
-import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
-import { selectionPlugin } from '@atlaskit/editor-plugin-selection';
-import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { undo } from '@atlaskit/editor-prosemirror/history';
-import type { NodeType } from '@atlaskit/editor-prosemirror/model';
-import type { Selection } from '@atlaskit/editor-prosemirror/state';
-import * as pmUtils from '@atlaskit/editor-prosemirror/utils';
-// eslint-disable-next-line import/no-extraneous-dependencies
-import type { LightEditorPlugin } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  createProsemirrorEditorFactory,
-  Preset,
-} from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  doc,
-  p,
-  table,
-  tdCursor,
-  tdEmpty,
-  tr,
-} from '@atlaskit/editor-test-helpers/doc-builder';
-
-import {
-  toggleHeaderColumn,
-  toggleHeaderRow,
-  toggleNumberColumn,
-} from '../../../commands';
-import { setEditorFocus } from '../../../commands/misc';
-import * as miscCommands from '../../../commands/misc';
-import tablePlugin from '../../../plugin';
-import { getPluginState } from '../../../pm-plugins/plugin-factory';
-import { pluginKey } from '../../../pm-plugins/plugin-key';
-
-jest.mock('@atlaskit/editor-prosemirror/utils', () => {
-  // Unblock prosemirror bump:
-  // Workaround to enable spy on prosemirror-utils cjs bundle
-  const originalModule = jest.requireActual(
-    '@atlaskit/editor-prosemirror/utils',
-  );
-
-  return {
-    __esModule: true,
-    ...originalModule,
-  };
-});
-
-describe('tables: main plugin', () => {
-  const createEditor = createProsemirrorEditorFactory();
-  const editor = (doc: DocBuilder) =>
-    createEditor({
-      doc,
-      preset: new Preset<LightEditorPlugin>()
-        .add([featureFlagsPlugin, {}])
-        .add([analyticsPlugin, {}])
-        .add(contentInsertionPlugin)
-        .add(widthPlugin)
-        .add(guidelinePlugin)
-        .add(selectionPlugin)
-        .add(tablePlugin),
-      pluginKey,
-    });
-  const tablePluginKey = (pluginKey as any).key;
-
-  it('should not call emit when typing inside a table cell', async () => {
-    const { editorView, eventDispatcher } = editor(
-      doc(table()(tr(tdCursor, tdEmpty))),
-    );
-    const emitMock = jest.spyOn(eventDispatcher, 'emit');
-    editorView.dispatch(editorView.state.tr.insertText('a'));
-    editorView.dispatch(editorView.state.tr.insertText('b'));
-    editorView.dispatch(editorView.state.tr.insertText('c'));
-
-    expect(
-      emitMock.mock.calls.filter(([e, _]) => e === tablePluginKey).length,
-    ).toEqual(0);
-
-    emitMock.mockClear();
-  });
-
-  it('should not call emit when typing anywhere in the document', async () => {
-    const { editorView, eventDispatcher } = editor(doc(p('{pos}')));
-
-    const emitMock = jest.spyOn(eventDispatcher, 'emit');
-    editorView.dispatch(editorView.state.tr.insertText('a'));
-    editorView.dispatch(editorView.state.tr.insertText('b'));
-    editorView.dispatch(editorView.state.tr.insertText('c'));
-
-    expect(
-      emitMock.mock.calls.filter(([e, _]) => e === tablePluginKey).length,
-    ).toEqual(0);
-
-    emitMock.mockClear();
-  });
-
-  it('should call setTableRef() if it can find a table at the current position', async () => {
-    const spied = jest.spyOn(miscCommands, 'setTableRef');
-
-    const { editorView } = editor(doc(table()(tr(tdCursor, tdEmpty))));
-    setEditorFocus(true)(editorView.state, editorView.dispatch);
-
-    expect(spied).toBeCalled();
-
-    spied.mockClear();
-  });
-
-  it('should not call setTableRef() if it cannot find a table at the current position', async () => {
-    const spied = jest.spyOn(miscCommands, 'setTableRef');
-
-    const findParentDomRefOfTypeMock = jest
-      .spyOn(pmUtils, 'findParentDomRefOfType')
-      // (nodeType: NodeType | NodeType[], domAtPos: DomAtPos):
-      //   (selection: Selection)
-      //     => Node | undefined
-      .mockImplementation(
-        (
-          nodeType: NodeType | NodeType[],
-          domAtPos: pmUtils.DomAtPos,
-        ): ((selection: Selection) => Node | undefined) => {
-          const parent = document.createElement('p');
-          parent.querySelector = () => null;
-          return () => parent;
-        },
-      );
-
-    const { editorView } = editor(doc(table()(tr(tdCursor, tdEmpty))));
-    setEditorFocus(true)(editorView.state, editorView.dispatch);
-
-    expect(spied).not.toBeCalled();
-
-    spied.mockClear();
-    findParentDomRefOfTypeMock.mockClear();
-  });
-
-  describe('Toggle table options', () => {
-    it('should update plugin state when we undo enabling of a header column option ', () => {
-      const { editorView } = editor(doc(table()(tr(tdCursor, tdEmpty))));
-      setEditorFocus(true)(editorView.state, editorView.dispatch);
-      expect(getPluginState(editorView.state).isHeaderRowEnabled).toBe(false);
-      expect(getPluginState(editorView.state).isHeaderColumnEnabled).toBe(
-        false,
-      );
-      expect(getPluginState(editorView.state).isNumberColumnEnabled).toBe(
-        false,
-      );
-
-      toggleHeaderColumn(editorView.state, editorView.dispatch);
-      expect(getPluginState(editorView.state).isHeaderColumnEnabled).toBe(true);
-
-      undo(editorView.state, editorView.dispatch);
-      expect(getPluginState(editorView.state).isHeaderRowEnabled).toBe(false);
-      expect(getPluginState(editorView.state).isHeaderColumnEnabled).toBe(
-        false,
-      );
-      expect(getPluginState(editorView.state).isNumberColumnEnabled).toBe(
-        false,
-      );
-    });
-
-    it('should update plugin state when we undo enabling of a header row option ', () => {
-      const { editorView } = editor(doc(table()(tr(tdCursor, tdEmpty))));
-      setEditorFocus(true)(editorView.state, editorView.dispatch);
-      expect(getPluginState(editorView.state).isHeaderRowEnabled).toBe(false);
-      expect(getPluginState(editorView.state).isHeaderColumnEnabled).toBe(
-        false,
-      );
-      expect(getPluginState(editorView.state).isNumberColumnEnabled).toBe(
-        false,
-      );
-
-      toggleHeaderRow(editorView.state, editorView.dispatch);
-      expect(getPluginState(editorView.state).isHeaderRowEnabled).toBe(true);
-
-      undo(editorView.state, editorView.dispatch);
-      expect(getPluginState(editorView.state).isHeaderRowEnabled).toBe(false);
-      expect(getPluginState(editorView.state).isHeaderColumnEnabled).toBe(
-        false,
-      );
-      expect(getPluginState(editorView.state).isNumberColumnEnabled).toBe(
-        false,
-      );
-    });
-
-    it('should update plugin state when we undo enabling of a numbered column option ', () => {
-      const { editorView } = editor(doc(table()(tr(tdCursor, tdEmpty))));
-      setEditorFocus(true)(editorView.state, editorView.dispatch);
-      expect(getPluginState(editorView.state).isHeaderRowEnabled).toBe(false);
-      expect(getPluginState(editorView.state).isHeaderColumnEnabled).toBe(
-        false,
-      );
-      expect(getPluginState(editorView.state).isNumberColumnEnabled).toBe(
-        false,
-      );
-
-      toggleNumberColumn(editorView.state, editorView.dispatch);
-      expect(getPluginState(editorView.state).isNumberColumnEnabled).toBe(true);
-
-      undo(editorView.state, editorView.dispatch);
-      expect(getPluginState(editorView.state).isHeaderRowEnabled).toBe(false);
-      expect(getPluginState(editorView.state).isHeaderColumnEnabled).toBe(
-        false,
-      );
-      expect(getPluginState(editorView.state).isNumberColumnEnabled).toBe(
-        false,
-      );
-    });
-  });
-});

package/src/__tests__/unit/pm-plugins/safari-delete-composition-text-issue-workaround.ts

@@ -1,101 +0,0 @@
-import type { DocBuilder } from '@atlaskit/editor-common/types';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
-import { featureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
-import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
-import { selectionPlugin } from '@atlaskit/editor-plugin-selection';
-import { widthPlugin } from '@atlaskit/editor-plugin-width';
-// eslint-disable-next-line import/no-extraneous-dependencies
-import type { LightEditorPlugin } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  createProsemirrorEditorFactory,
-  Preset,
-} from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  doc,
-  p,
-  table,
-  td,
-  tr,
-} from '@atlaskit/editor-test-helpers/doc-builder';
-
-import tablePlugin from '../../../plugin';
-import { pluginKey } from '../../../pm-plugins/plugin-key';
-
-describe('table/safari-delete-composition-text-issue-workaround', () => {
-  let editor: any;
-  beforeEach(() => {
-    const createEditor = createProsemirrorEditorFactory();
-    editor = (doc: DocBuilder) =>
-      createEditor({
-        doc,
-        preset: new Preset<LightEditorPlugin>()
-          .add([featureFlagsPlugin, {}])
-          .add([analyticsPlugin, {}])
-          .add(contentInsertionPlugin)
-          .add(widthPlugin)
-          .add(guidelinePlugin)
-          .add(selectionPlugin)
-          .add([tablePlugin, { tableOptions: { allowColumnResizing: true } }]),
-        pluginKey,
-      });
-  });
-
-  beforeAll(() => {
-    const container = document.createTextNode('');
-    //@ts-ignore
-    jest.spyOn(window, 'getSelection').mockImplementation(() => ({
-      type: 'Range',
-      rangeCount: 1,
-      getRangeAt: () => ({
-        startContainer: container,
-        endContainer: container,
-        endOffset: 0,
-        startOffset: 0,
-      }),
-    }));
-  });
-
-  afterAll(() => {
-    (window.getSelection as jest.Mock).mockRestore();
-  });
-
-  it('should render empty span on beforeinput then remove it on input on safari', async () => {
-    const { editorView: view } = editor(
-      doc(table()(tr(td()(p('{<>}')), td()(p()), td()(p())))),
-    );
-
-    const beforeinputEvent = new InputEvent('beforeinput', {
-      data: 'あああ',
-      isComposing: true,
-      inputType: 'deleteCompositionText',
-    });
-
-    view.dom.dispatchEvent(beforeinputEvent);
-
-    const spanElement = view.dom.querySelector(
-      'table tr td:nth-of-type(1) span',
-    );
-
-    expect(spanElement).toBeTruthy();
-    expect(spanElement.tagName).toBe('SPAN');
-    expect(spanElement.textContent).toBeFalsy();
-
-    const inputEvent = new InputEvent('input', {
-      data: 'あああ',
-      isComposing: true,
-      inputType: 'deleteCompositionText',
-    });
-
-    view.dom.dispatchEvent(inputEvent);
-
-    const emptyElement = view.dom.querySelector(
-      'table tr td:nth-of-type(1) span',
-    );
-
-    expect(emptyElement).toBeNull();
-  });
-});