@atlaskit/editor-plugin-table 3.0.0 → 3.0.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-table
 
+## 3.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.0.0
 
 ### Major Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "@atlaskit/adf-schema": "^29.1.0",
-    "@atlaskit/editor-common": "^74.59.0",
+    "@atlaskit/editor-common": "^75.0.0",
     "@atlaskit/editor-palette": "1.5.1",
     "@atlaskit/editor-plugin-analytics": "^0.2.0",
     "@atlaskit/editor-plugin-content-insertion": "^0.1.0",

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

@@ -338,4 +338,73 @@ describe('table -> nodeviews -> TableContainer.tsx', () => {
       expect(selectionActionMock).toHaveBeenNthCalledWith(2, true);
     });
   });
+
+  describe('deletion', () => {
+    const selectionActionMock = jest.fn().mockReturnValue(() => {});
+    const actualGuidelineMock = jest.fn();
+    const guidelineActionMock = jest.fn().mockReturnValue(actualGuidelineMock);
+    const buildContainer = (attrs: TableAttributes) => {
+      const { table, editorView } = createNode(attrs);
+
+      const { container, unmount } = render(
+        <ResizableTableContainer
+          containerWidth={1800}
+          lineLength={720}
+          node={table}
+          className={''}
+          editorView={editorView}
+          getPos={() => 0}
+          tableRef={
+            {
+              querySelector: () => null,
+              insertBefore: () => {},
+              style: {},
+            } as any
+          }
+          pluginInjectionApi={
+            {
+              selection: {
+                commands: { displayGapCursor: selectionActionMock },
+              },
+              guideline: {
+                actions: { displayGuideline: guidelineActionMock },
+              },
+              // mock core so the selection command will execute
+              core: { actions: { execute: jest.fn() } },
+            } as any
+          }
+        />,
+      );
+
+      return { container, unmount, selectionActionMock, actualGuidelineMock };
+    };
+
+    afterEach(() => {
+      selectionActionMock.mockClear();
+      actualGuidelineMock.mockClear();
+      guidelineActionMock.mockClear();
+    });
+
+    // this is testing logic inside TableResizer, targeting the clean up in the useEffect
+    it('should call selection plugin action to display gapcursor when removed', () => {
+      const { container, unmount, selectionActionMock } = buildContainer({});
+
+      fireEvent.mouseDown(container.querySelector('.resizer-handle.right')!);
+      fireEvent.mouseMove(container.querySelector('.resizer-handle.right')!);
+
+      unmount();
+      expect(selectionActionMock).toHaveBeenCalledWith(true);
+    });
+
+    // this is testing logic inside TableResizer, targeting the clean up in the useEffect
+    it('should call guideline plugin action to remove guidelines when removed', () => {
+      const { container, unmount, actualGuidelineMock } = buildContainer({});
+
+      fireEvent.mouseDown(container.querySelector('.resizer-handle.right')!);
+      fireEvent.mouseMove(container.querySelector('.resizer-handle.right')!);
+
+      unmount();
+      expect(actualGuidelineMock).toHaveBeenCalledWith({ guidelines: [] });
+    });
+  });
 });