@atlaskit/editor-plugin-table 2.3.0 → 2.4.0

package/src/__tests__/unit/layout.ts

@@ -1,35 +1,35 @@
+import { PluginKey } from 'prosemirror-state';
+
+import { TableLayout } from '@atlaskit/adf-schema';
+import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 import { findTable } from '@atlaskit/editor-tables/utils';
 import {
   createProsemirrorEditorFactory,
-  Preset,
   LightEditorPlugin,
+  Preset,
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-
 import {
   doc,
+  DocBuilder,
   table,
-  tr,
   tdCursor,
   tdEmpty,
-  DocBuilder,
+  tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
-import { TableLayout } from '@atlaskit/adf-schema';
+import tablePlugin from '../../plugins/table-plugin';
+import { toggleTableLayout } from '../../plugins/table/commands';
+import { getPluginState } from '../../plugins/table/pm-plugins/plugin-factory';
+import { pluginKey as tablePluginKey } from '../../plugins/table/pm-plugins/plugin-key';
 import {
   PermittedLayoutsDescriptor,
   TablePluginState,
 } from '../../plugins/table/types';
-import { toggleTableLayout } from '../../plugins/table/commands';
-import { getPluginState } from '../../plugins/table/pm-plugins/plugin-factory';
-import { pluginKey as tablePluginKey } from '../../plugins/table/pm-plugins/plugin-key';
-import tablePlugin from '../../plugins/table-plugin';
-import { PluginKey } from 'prosemirror-state';
-import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
-import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
-import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
-import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 
 describe('table toolbar', () => {
   const tableOptions = {

package/src/__tests__/unit/nodeviews/OverflowShadowsObserver.ts

@@ -1,8 +1,10 @@
 import { MockIntersectionObserver } from '@atlaskit/editor-test-helpers/mock-intersection-observer';
 
 import { OverflowShadowsObserver } from '../../../plugins/table/nodeviews/OverflowShadowsObserver';
-import { TableCssClassName as className } from '../../../plugins/table/types';
-import { ShadowEvent } from '../../../plugins/table/types';
+import {
+  TableCssClassName as className,
+  ShadowEvent,
+} from '../../../plugins/table/types';
 
 describe('OverflowShadowsObserver', () => {
   let table: HTMLTableElement;

package/src/__tests__/unit/nodeviews/TableComponent.tsx

@@ -1,41 +1,42 @@
 import React from 'react';
-import { replaceRaf } from 'raf-stub';
+
+import { render } from '@testing-library/react';
 import { TextSelection } from 'prosemirror-state';
+import { replaceRaf } from 'raf-stub';
 
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import { Command } from '@atlaskit/editor-common/types';
-import { render } from '@testing-library/react';
-import { createEditorFactory } from '@atlaskit/editor-test-helpers/create-editor';
 import { selectTableClosestToPos } from '@atlaskit/editor-tables/src/utils/select-nodes';
-import tablePlugin from '../../../plugins/table-plugin';
+import {
+  findTable,
+  findTableClosestToPos,
+  selectTable,
+} from '@atlaskit/editor-tables/utils';
+import { createEditorFactory } from '@atlaskit/editor-test-helpers/create-editor';
 import {
   doc,
+  DocBuilder,
   p,
   table,
-  tr,
   td,
-  tdEmpty,
   tdCursor,
-  DocBuilder,
+  tdEmpty,
   thEmpty,
+  tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
-import {
-  findTable,
-  findTableClosestToPos,
-  selectTable,
-} from '@atlaskit/editor-tables/utils';
-import {
-  TableCssClassName as ClassName,
-  TablePluginState,
-} from '../../../plugins/table/types';
-import TableComponent from '../../../plugins/table/nodeviews/TableComponent';
 
-import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
-import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import tablePlugin from '../../../plugins/table-plugin';
 import * as commands from '../../../plugins/table/commands';
 import {
-  toggleNumberColumn,
   hoverTable,
+  toggleNumberColumn,
 } from '../../../plugins/table/commands';
+import TableComponent from '../../../plugins/table/nodeviews/TableComponent';
+import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
+import {
+  TableCssClassName as ClassName,
+  TablePluginState,
+} from '../../../plugins/table/types';
 
 jest.mock('../../../plugins/table/utils/nodes', () =>
   Object.assign({}, jest.requireActual('../../../plugins/table/utils/nodes'), {

package/src/__tests__/unit/nodeviews/TableContainer.tsx

@@ -1,28 +1,28 @@
 import React from 'react';
+
 import { render } from '@testing-library/react';
 
+import { TableAttributes } from '@atlaskit/adf-schema';
+import { akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
+import { findTable } from '@atlaskit/editor-tables/utils';
 import { createEditorFactory } from '@atlaskit/editor-test-helpers/create-editor';
-import { ffTest } from '@atlassian/feature-flags-test-utils';
 import {
   doc,
+  DocBuilder,
   p,
   table,
-  tr,
   td,
   tdEmpty,
-  DocBuilder,
+  tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
-import { findTable } from '@atlaskit/editor-tables/utils';
 
-import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
+import tablePlugin from '../../../plugins/table-plugin';
 import {
   ResizableTableContainer,
   TableContainer,
 } from '../../../plugins/table/nodeviews/TableContainer';
+import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import { TablePluginState } from '../../../plugins/table/types';
-import tablePlugin from '../../../plugins/table-plugin';
-import { TableAttributes } from '@atlaskit/adf-schema';
-import { akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 
 describe('table -> nodeviews -> TableContainer.tsx', () => {
   const createEditor = createEditorFactory<TablePluginState>();
@@ -52,7 +52,10 @@ describe('table -> nodeviews -> TableContainer.tsx', () => {
   };
 
   describe('show correct container for FF and options', () => {
-    const buildContainer = (allowResizing: boolean) => {
+    const buildContainer = (
+      isTableResizingEnabled: boolean,
+      isBreakoutEnabled: boolean = true,
+    ) => {
       const node = createNode();
 
       const { container } = render(
@@ -62,8 +65,8 @@ describe('table -> nodeviews -> TableContainer.tsx', () => {
             lineLength: 720,
           }}
           node={node}
-          isFullWidthModeEnabled={allowResizing}
-          isBreakoutEnabled={allowResizing}
+          isTableResizingEnabled={isTableResizingEnabled}
+          isBreakoutEnabled={isBreakoutEnabled}
           className={''}
           editorView={{} as any}
           getPos={() => 1}
@@ -75,42 +78,22 @@ describe('table -> nodeviews -> TableContainer.tsx', () => {
       return container;
     };
 
-    const buildTest = (
-      allowResizing: boolean,
-      expected?: { ffTrue?: boolean; ffFalse?: boolean },
-    ) => {
-      ffTest(
-        'platform.editor.custom-table-width',
-        async () => {
-          const container = buildContainer(allowResizing);
-
-          expect(!!container.querySelector('.resizer-item')).toBe(
-            expected?.ffTrue ?? true,
-          );
-        },
-        async () => {
-          const container = buildContainer(allowResizing);
-
-          expect(!!container.querySelector('.resizer-item')).toBe(
-            expected?.ffFalse ?? false,
-          );
-        },
-      );
-    };
-
-    describe('when allowResizing is true', () => {
-      buildTest(true);
+    test('when isTableResizingEnabled is true', () => {
+      const container = buildContainer(true);
+      expect(!!container.querySelector('.resizer-item')).toBeTruthy();
     });
 
-    describe('when allowResizing is false', () => {
-      buildTest(false, {
-        ffTrue: false,
-      });
+    test('when isTableResizingEnabled is false', () => {
+      const container = buildContainer(false);
+      expect(!!container.querySelector('.resizer-item')).toBeFalsy();
     });
   });
 
-  describe('show correct continaer for nested tables', () => {
-    const buildContainer = (allowResizing: boolean) => {
+  describe('when table is nested', () => {
+    const buildContainer = (
+      isTableResizingEnabled: boolean,
+      isBreakoutEnabled: boolean = true,
+    ) => {
       const node = createNode();
 
       const { container } = render(
@@ -120,8 +103,8 @@ describe('table -> nodeviews -> TableContainer.tsx', () => {
             lineLength: 720,
           }}
           node={node}
-          isFullWidthModeEnabled={allowResizing}
-          isBreakoutEnabled={allowResizing}
+          isTableResizingEnabled={isTableResizingEnabled}
+          isBreakoutEnabled={isBreakoutEnabled}
           className={''}
           editorView={{} as any}
           getPos={() => 1}
@@ -133,38 +116,14 @@ describe('table -> nodeviews -> TableContainer.tsx', () => {
       return container;
     };
 
-    const buildTest = (
-      allowResizing: boolean,
-      expected?: { ffTrue?: boolean; ffFalse?: boolean },
-    ) => {
-      ffTest(
-        'platform.editor.custom-table-width',
-        async () => {
-          const container = buildContainer(allowResizing);
-
-          expect(!!container.querySelector('.resizer-item')).toBe(
-            expected?.ffTrue ?? true,
-          );
-        },
-        async () => {
-          const container = buildContainer(allowResizing);
-
-          expect(!!container.querySelector('.resizer-item')).toBe(
-            expected?.ffFalse ?? false,
-          );
-        },
-      );
-    };
-
-    describe('when allowResizing is true', () => {
-      buildTest(true, { ffTrue: false, ffFalse: false });
+    test('when isTableResizingEnabled is true - should not render resizer', () => {
+      const container = buildContainer(true);
+      expect(!!container.querySelector('.resizer-item')).toBeFalsy();
     });
 
-    describe('when allowResizing is false', () => {
-      buildTest(false, {
-        ffTrue: false,
-        ffFalse: false,
-      });
+    test('when isTableResizingEnabled is false - should not render resizer', () => {
+      const container = buildContainer(false);
+      expect(!!container.querySelector('.resizer-item')).toBeFalsy();
     });
   });
 
@@ -187,38 +146,12 @@ describe('table -> nodeviews -> TableContainer.tsx', () => {
       return container;
     };
 
-    describe('when width attribute is not set', () => {
-      ffTest('platform.editor.custom-table-width', () => {
-        const container = buildContainer({ layout: 'wide' });
+    test('when width attribute is not set', () => {
+      const container = buildContainer({ layout: 'wide' });
 
-        const style = window.getComputedStyle(container.firstChild as Element);
-        expect(style.width).toBe(`${akEditorWideLayoutWidth}px`);
-        expect(style.marginLeft).toBe('-120px');
-      });
-    });
-
-    describe('when width attribute is set', () => {
-      ffTest(
-        'platform.editor.custom-table-width',
-        () => {
-          const container = buildContainer({ width: 860 });
-
-          const style = window.getComputedStyle(
-            container.firstChild as Element,
-          );
-          expect(style.width).toBe(`860px`);
-          expect(style.marginLeft).toBe('-70px');
-        }, // fallback to layout because width can't be an attribute in schema
-        () => {
-          const container = buildContainer({ width: 860 });
-
-          const style = window.getComputedStyle(
-            container.firstChild as Element,
-          );
-          expect(style.width).toBe(`760px`);
-          expect(style.marginLeft).toBe('-20px');
-        },
-      );
+      const style = window.getComputedStyle(container.firstChild as Element);
+      expect(style.width).toBe(`${akEditorWideLayoutWidth}px`);
+      expect(style.marginLeft).toBe('-120px');
     });
   });
 });

package/src/__tests__/unit/nodeviews/cell.ts

@@ -1,6 +1,16 @@
 import {
-  setCellAttrs,
+  rgbToHex,
+  tableBackgroundColorNames,
+  uuid,
+} from '@atlaskit/adf-schema';
+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 { widthPlugin } from '@atlaskit/editor-plugin-width';
+import {
   findCellClosestToPos,
+  setCellAttrs,
 } from '@atlaskit/editor-tables/utils';
 import {
   createProsemirrorEditorFactory,
@@ -9,27 +19,18 @@ import {
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import {
   doc,
+  DocBuilder,
   p,
   table,
-  tr,
   td,
   tdEmpty,
-  DocBuilder,
+  tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
-import {
-  tableBackgroundColorNames,
-  rgbToHex,
-  uuid,
-} from '@atlaskit/adf-schema';
-import { PluginConfig } from '../../../plugins/table/types';
-import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
-import TableCellViews from '../../../plugins/table/nodeviews/tableCell';
+
 import tablePlugin from '../../../plugins/table-plugin';
-import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
-import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
-import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
+import TableCellViews from '../../../plugins/table/nodeviews/tableCell';
+import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
+import { PluginConfig } from '../../../plugins/table/types';
 
 jest.mock('@atlaskit/editor-common/utils', () => ({
   ...jest.requireActual<Object>('@atlaskit/editor-common/utils'),

package/src/__tests__/unit/nodeviews/table.ts

@@ -1,4 +1,12 @@
 import { Node as PMNode } from 'prosemirror-model';
+import { EditorView } from 'prosemirror-view';
+
+import { TableAttributes } from '@atlaskit/adf-schema';
+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 { widthPlugin } from '@atlaskit/editor-plugin-width';
 import {
   createProsemirrorEditorFactory,
   LightEditorPlugin,
@@ -6,26 +14,20 @@ import {
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import {
   doc,
+  DocBuilder,
   p,
   table,
-  tr,
   td,
-  tdEmpty,
   tdCursor,
-  DocBuilder,
+  tdEmpty,
+  tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
-import { TableAttributes } from '@atlaskit/adf-schema';
-import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
-import tablePlugin from '../../../plugins/table';
-import TableView from '../../../plugins/table/nodeviews/table';
 import defaultSchema from '@atlaskit/editor-test-helpers/schema';
-import { EditorView } from 'prosemirror-view';
+
+import tablePlugin from '../../../plugins/table';
 import { hoverRows } from '../../../plugins/table/commands';
-import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
-import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
-import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
+import TableView from '../../../plugins/table/nodeviews/table';
+import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 
 describe('table -> nodeviews -> table.tsx', () => {
   const createEditor = createProsemirrorEditorFactory();

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

@@ -1,5 +1,6 @@
 import { DecorationSet } from 'prosemirror-view';
 
+import { createEditorState } from '@atlaskit/editor-test-helpers/create-editor-state';
 import {
   doc,
   table,
@@ -7,7 +8,6 @@ import {
   tdEmpty,
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
-import { createEditorState } from '@atlaskit/editor-test-helpers/create-editor-state';
 
 import { buildColumnControlsDecorations } from '../../../../plugins/table/pm-plugins/decorations/utils';
 import { TableDecorations } from '../../../../plugins/table/types';

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

@@ -1,9 +1,13 @@
 import { PluginKey } from 'prosemirror-state';
 import { ContentNodeWithPos } from 'prosemirror-utils';
-import { getCellsInColumn } from '@atlaskit/editor-tables/utils';
-
 import { DecorationSet, EditorView } from 'prosemirror-view';
 
+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 { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { getCellsInColumn } from '@atlaskit/editor-tables/utils';
 import {
   createProsemirrorEditorFactory,
   LightEditorPlugin,
@@ -11,13 +15,13 @@ import {
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import {
   doc,
+  DocBuilder,
   p,
   table,
   td,
   tdCursor,
   tdEmpty,
   tr,
-  DocBuilder,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
 import tablePlugin from '../../../../plugins/table';
@@ -32,11 +36,6 @@ import {
   TableDecorations,
   TablePluginState,
 } from '../../../../plugins/table/types';
-import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
-import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
-import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 
 describe('tables: column resizing decorations', () => {
   const createEditor = createProsemirrorEditorFactory();

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

@@ -1,7 +1,12 @@
 import { Selection } from 'prosemirror-state';
-import { addColumnAt } from '@atlaskit/editor-tables/utils';
 import { DecorationSet } from 'prosemirror-view';
 
+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 { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { addColumnAt } from '@atlaskit/editor-tables/utils';
 import {
   createProsemirrorEditorFactory,
   LightEditorPlugin,
@@ -9,13 +14,14 @@ import {
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import {
   doc,
+  DocBuilder,
   table,
   tdCursor,
   tdEmpty,
   tr,
-  DocBuilder,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
+import tablePlugin from '../../../../plugins/table';
 import { selectColumn } from '../../../../plugins/table/commands';
 import {
   getDecorations,
@@ -24,13 +30,6 @@ import {
 import { pluginKey } from '../../../../plugins/table/pm-plugins/plugin-key';
 import { pluginKey as tableWidthPluginKey } from '../../../../plugins/table/pm-plugins/table-width';
 import { TableDecorations } from '../../../../plugins/table/types';
-import tablePlugin from '../../../../plugins/table';
-import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
-import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
-import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
-import { ffTest } from '@atlassian/feature-flags-test-utils';
 
 describe('decorations plugin', () => {
   const createEditor = createProsemirrorEditorFactory();
@@ -158,60 +157,49 @@ describe('decorations plugin', () => {
   });
 
   describe('table width resizing', () => {
-    describe('should remove column controls when resizing starts and add back when it ends', () => {
-      ffTest(
-        'platform.editor.custom-table-width',
-        () => {
-          const { editorView } = editor(
-            doc(table()(tr(tdCursor, tdEmpty), tr(tdEmpty, tdEmpty))),
-          );
-
-          const startTransaction = editorView.state.tr.setMeta(
-            tableWidthPluginKey,
+    const editor = (doc: DocBuilder) =>
+      createEditor({
+        doc,
+        attachTo: document.body,
+        preset: new Preset<LightEditorPlugin>()
+          .add([featureFlagsPlugin, {}])
+          .add([analyticsPlugin, {}])
+          .add(contentInsertionPlugin)
+          .add(widthPlugin)
+          .add(guidelinePlugin)
+          .add([
+            tablePlugin,
             {
-              resizing: true,
+              tableResizingEnabled: true,
+              tableOptions: {
+                advanced: true,
+              },
             },
-          );
-          editorView.dispatch(startTransaction);
-          const startDecorationSet = getDecorations(editorView.state);
-          expect(startDecorationSet).toEqual(DecorationSet.empty);
+          ]),
+        pluginKey,
+      });
 
-          const endTransaction = editorView.state.tr.setMeta(
-            tableWidthPluginKey,
-            {
-              resizing: false,
-            },
-          );
-          editorView.dispatch(endTransaction);
-          const endDecorationSet = getDecorations(editorView.state);
-          expect(endDecorationSet).not.toEqual(DecorationSet.empty);
-        },
-        () => {
-          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).not.toEqual(DecorationSet.empty);
+    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 endTransaction = editorView.state.tr.setMeta(
-            tableWidthPluginKey,
-            {
-              resizing: false,
-            },
-          );
-          editorView.dispatch(endTransaction);
-          const endDecorationSet = getDecorations(editorView.state);
-          expect(endDecorationSet).not.toEqual(DecorationSet.empty);
+      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);
     });
   });
 });