@atlaskit/editor-plugin-table 7.2.2 → 7.3.0

package/src/__tests__/visual-regression/__image_snapshots__/cell-options-menu-ts-table-cell-options-menu-delete-column-menu-item-should-remove-the-table-column-on-click-1-snap.png

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:d1582b4c954f4ba9c81075284aa48ca466d712d2b3eefd5523de473a00b07cb8
-size 15412

package/src/__tests__/visual-regression/__image_snapshots__/cell-options-menu-ts-table-cell-options-menu-delete-column-menu-item-visual-hints-should-be-added-to-the-table-column-on-hover-1-snap.png

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:50e4dd203bd2f40435517d45f06576978ae62076f1c94e635323ca6025b2bc18
-size 33063

package/src/__tests__/visual-regression/__image_snapshots__/cell-options-menu-ts-table-cell-options-menu-delete-row-menu-item-should-remove-the-table-row-on-click-1-snap.png

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:564ceae63b3eeb8ba43f3a1dec9245df2ed74397b58209c78970139d73747e15
-size 15332

package/src/__tests__/visual-regression/__image_snapshots__/cell-options-menu-ts-table-cell-options-menu-delete-row-menu-item-visual-hints-should-be-added-to-the-table-row-on-hover-1-snap.png

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:b6b00fe5974e24a0b66a3f2e4b61bbb6b776daa6996e89d942b4d2b37fa5b7f8
-size 33109

package/src/__tests__/visual-regression/__image_snapshots__/copy-button-ts-floating-toolbar-copy-button-table-target-node-displays-blue-border-when-copy-button-is-hovered-1-snap.png

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e7a36445c9b8e700ee0d8e54eac5975ad2a0cafebc8cdf1202e7d2048363c4d9
-size 16964

package/src/__tests__/visual-regression/__image_snapshots__/index-ts-snapshot-test-table-numbered-list-should-not-overflow-table-cell-when-there-are-more-than-100-ordered-list-items-1-snap.png

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:cd8e2c95766f1e96a0cfbf489e2e245a668e3f1f6fa5d2c31d8e96fdf6985470
-size 36160

package/src/__tests__/visual-regression/__image_snapshots__/index-ts-snapshot-test-table-numbered-list-should-not-overflow-table-cell-when-there-are-more-than-100-ordered-list-items-2-snap.png

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:184672baa2f0310a00eb5720e0ef9656917b50e6777285039f649c9277f37ecf
-size 34670

package/src/__tests__/visual-regression/__image_snapshots__/index-ts-snapshot-test-table-numbered-list-should-not-overflow-table-cell-when-there-are-more-than-100-ordered-list-items-3-snap.png

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:f5c7da08c9289a8dd0b2311a705a8ca16234efe58c7519167826805c694aa937
-size 42951

package/src/__tests__/visual-regression/__image_snapshots__/sticky-header-ts-snapshot-test-table-sticky-header-should-align-with-table-cell-when-active-1-snap.png

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:9572ae92d83265064e906f6413efa2b4290988f90ef39a8b4839d6f0638024b5
-size 22041

package/src/__tests__/visual-regression/__image_snapshots__/sticky-header-ts-snapshot-test-table-sticky-header-should-align-with-table-cell-when-active-2-snap.png

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:7854cb7000b2220a6f4d4e03e581158c2170947f6c038eb037a2d7d13dd3db2b
-size 21239

package/src/__tests__/visual-regression/cell-options-menu.ts

@@ -1,101 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import { insertTable } from '@atlaskit/editor-test-helpers/page-objects/table';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  initFullPageEditorWithAdf,
-  snapshot,
-} from '@atlaskit/editor-test-helpers/vr-utils/base-utils';
-import type { PuppeteerPage } from '@atlaskit/visual-regression/helper';
-
-const firstCellSelector = 'table tbody th p';
-const cellOptionsSelector = '[aria-label="Cell options"]';
-const deleteColumnCellOptionSelector = '[aria-label="Delete column"]';
-const deleteRowCellOptionSelector = '[aria-label="Delete row"]';
-
-const emptyDocAdf = {
-  version: 1,
-  type: 'doc',
-  content: [],
-};
-
-describe('Table cell options menu', () => {
-  let page: PuppeteerPage;
-
-  beforeEach(async () => {
-    page = global.page;
-    await initFullPageEditorWithAdf(
-      page,
-      emptyDocAdf,
-      undefined,
-      undefined,
-      {},
-      undefined,
-      undefined,
-      true,
-      false,
-      undefined,
-      {
-        group: 'editor',
-        packageName: 'editor-plugin-table',
-        exampleName: 'testing',
-      },
-    );
-    await insertTable(page);
-    page.waitForSelector(firstCellSelector);
-
-    // move the focus to the first table cell
-    await page.type(firstCellSelector, 'focus table cell');
-  });
-
-  describe('delete column menu item', () => {
-    it('visual hints should be added to the table column on hover', async () => {
-      // open the table cell options menu
-      await page.waitForSelector(cellOptionsSelector);
-      await page.click(cellOptionsSelector);
-
-      // hover over the table cell options Delete column entry
-      await page.waitForSelector(deleteColumnCellOptionSelector);
-      await page.hover(deleteColumnCellOptionSelector);
-
-      await snapshot(page);
-    });
-
-    it('should remove the table column on click', async () => {
-      // open the table cell options menu
-      await page.waitForSelector(cellOptionsSelector);
-      await page.click(cellOptionsSelector);
-
-      // click the table cell options Delete column entry
-      await page.waitForSelector(deleteColumnCellOptionSelector);
-      await page.click(deleteColumnCellOptionSelector);
-
-      await snapshot(page);
-    });
-  });
-
-  describe('delete row menu item', () => {
-    it('visual hints should be added to the table row on hover', async () => {
-      // open the table cell options menu
-      await page.waitForSelector(cellOptionsSelector);
-      await page.click(cellOptionsSelector);
-
-      // hover over the table cell options Delete row entry
-      await page.waitForSelector(deleteRowCellOptionSelector);
-      await page.hover(deleteRowCellOptionSelector);
-
-      await snapshot(page);
-    });
-
-    it('should remove the table row on click', async () => {
-      // open the table cell options menu
-      await page.waitForSelector(cellOptionsSelector);
-      await page.click(cellOptionsSelector);
-
-      // click the table cell options Delete row entry
-      await page.waitForSelector(deleteColumnCellOptionSelector);
-      await page.click(deleteRowCellOptionSelector);
-
-      await snapshot(page);
-    });
-  });
-});

package/src/__tests__/visual-regression/copy-button.ts

@@ -1,181 +0,0 @@
-export {};
-
-it.skip('TODO: restore vr `packages/editor/editor-plugin-table/src/__tests__/visual-regression/copy-button.ts`', () => {});
-
-// import { _getCopyButtonTestSuite } from '../../../copy-button/__tests__/visual-regression/_getCopyButtonTestSuite';
-
-// _getCopyButtonTestSuite({
-//   nodeName: 'Table',
-//   editorOptions: {
-//     allowTables: {
-//       advanced: true,
-//     },
-//     defaultValue: {
-//       version: 1,
-//       type: 'doc',
-//       content: [
-//         {
-//           type: 'table',
-//           attrs: {
-//             isNumberColumnEnabled: false,
-//             layout: 'default',
-//             localId: '15804638-b946-4591-b64c-beffe5122733',
-//           },
-//           content: [
-//             {
-//               type: 'tableRow',
-//               content: [
-//                 {
-//                   type: 'tableHeader',
-//                   attrs: {},
-//                   content: [
-//                     {
-//                       type: 'paragraph',
-//                       content: [
-//                         {
-//                           type: 'text',
-//                           text: '1',
-//                         },
-//                       ],
-//                     },
-//                   ],
-//                 },
-//                 {
-//                   type: 'tableHeader',
-//                   attrs: {},
-//                   content: [
-//                     {
-//                       type: 'paragraph',
-//                       content: [
-//                         {
-//                           type: 'text',
-//                           text: '2',
-//                         },
-//                       ],
-//                     },
-//                   ],
-//                 },
-//                 {
-//                   type: 'tableHeader',
-//                   attrs: {},
-//                   content: [
-//                     {
-//                       type: 'paragraph',
-//                       content: [
-//                         {
-//                           type: 'text',
-//                           text: '3',
-//                         },
-//                       ],
-//                     },
-//                   ],
-//                 },
-//               ],
-//             },
-//             {
-//               type: 'tableRow',
-//               content: [
-//                 {
-//                   type: 'tableCell',
-//                   attrs: {},
-//                   content: [
-//                     {
-//                       type: 'paragraph',
-//                       content: [
-//                         {
-//                           type: 'text',
-//                           text: '4',
-//                         },
-//                       ],
-//                     },
-//                   ],
-//                 },
-//                 {
-//                   type: 'tableCell',
-//                   attrs: {},
-//                   content: [
-//                     {
-//                       type: 'paragraph',
-//                       content: [
-//                         {
-//                           type: 'text',
-//                           text: '5',
-//                         },
-//                       ],
-//                     },
-//                   ],
-//                 },
-//                 {
-//                   type: 'tableCell',
-//                   attrs: {},
-//                   content: [
-//                     {
-//                       type: 'paragraph',
-//                       content: [
-//                         {
-//                           type: 'text',
-//                           text: '6',
-//                         },
-//                       ],
-//                     },
-//                   ],
-//                 },
-//               ],
-//             },
-//             {
-//               type: 'tableRow',
-//               content: [
-//                 {
-//                   type: 'tableCell',
-//                   attrs: {},
-//                   content: [
-//                     {
-//                       type: 'paragraph',
-//                       content: [
-//                         {
-//                           type: 'text',
-//                           text: '7',
-//                         },
-//                       ],
-//                     },
-//                   ],
-//                 },
-//                 {
-//                   type: 'tableCell',
-//                   attrs: {},
-//                   content: [
-//                     {
-//                       type: 'paragraph',
-//                       content: [
-//                         {
-//                           type: 'text',
-//                           text: '8',
-//                         },
-//                       ],
-//                     },
-//                   ],
-//                 },
-//                 {
-//                   type: 'tableCell',
-//                   attrs: {},
-//                   content: [
-//                     {
-//                       type: 'paragraph',
-//                       content: [
-//                         {
-//                           type: 'text',
-//                           text: '9',
-//                         },
-//                       ],
-//                     },
-//                   ],
-//                 },
-//               ],
-//             },
-//           ],
-//         },
-//       ],
-//     },
-//   },
-//   nodeSelector: '.pm-table-cell-content-wrap',
-// });

package/src/__tests__/visual-regression/index.ts

@@ -1,62 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  scrollToBottom,
-  scrollToElement,
-} from '@atlaskit/editor-test-helpers/page-objects/editor';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  initFullPageEditorWithAdf,
-  snapshot,
-} from '@atlaskit/editor-test-helpers/vr-utils/base-utils';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import { Device } from '@atlaskit/editor-test-helpers/vr-utils/device-viewport';
-import type { PuppeteerPage } from '@atlaskit/visual-regression/helper';
-
-import tableWith100ListItemsADF from './__fixtures__/table-with-100-numbered-list-items.json';
-
-async function initEditor(page: PuppeteerPage, adf: Object) {
-  await initFullPageEditorWithAdf(
-    page,
-    adf,
-    Device.LaptopMDPI,
-    undefined,
-    {},
-    undefined,
-    undefined,
-    true,
-    false,
-    undefined,
-    {
-      group: 'editor',
-      packageName: 'editor-plugin-table',
-      exampleName: 'testing',
-    },
-  );
-}
-
-describe('Snapshot Test: Table', () => {
-  let page: PuppeteerPage;
-
-  beforeAll(async () => {
-    page = global.page;
-  });
-
-  describe('numbered list', () => {
-    // FIXME: Skipping this test as it is flaky
-    // Build link: https://bitbucket.org/atlassian/atlassian-frontend/pipelines/results/2289567
-    it.skip('should not overflow table cell, when there are more than 100 ordered list items', async () => {
-      await initEditor(page, tableWith100ListItemsADF);
-
-      // initial elements
-      await snapshot(page);
-
-      // 100th elements
-      await scrollToElement(page, 'ol > li:nth-of-type(120)');
-      await snapshot(page);
-
-      // 1000th elements
-      await scrollToBottom(page);
-      await snapshot(page);
-    });
-  });
-});

package/src/__tests__/visual-regression/sticky-header.ts

@@ -1,61 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import { scrollToElement } from '@atlaskit/editor-test-helpers/page-objects/editor';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import { clickFirstCell } from '@atlaskit/editor-test-helpers/page-objects/table';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  Appearance,
-  initEditorWithAdf,
-  snapshot,
-} from '@atlaskit/editor-test-helpers/vr-utils/base-utils';
-import type { PuppeteerPage } from '@atlaskit/visual-regression/helper';
-
-import stickyHeaderWithHorizontalScroll from './__fixtures__/sticky-header-with-horizontal-scroll.json';
-
-const initEditor = async (page: PuppeteerPage, adf: any) => {
-  await initEditorWithAdf(
-    page,
-    {
-      appearance: Appearance.fullPage,
-      adf,
-      viewport: { width: 1280, height: 868 },
-      editorProps: {
-        allowTables: {
-          stickyHeaders: true,
-          allowColumnResizing: true,
-        },
-      },
-    },
-    {
-      group: 'editor',
-      packageName: 'editor-plugin-table',
-      exampleName: 'testing',
-    },
-  );
-};
-
-describe('Snapshot Test: Table', () => {
-  let page: PuppeteerPage;
-
-  beforeEach(async () => {
-    page = global.page;
-  });
-
-  describe('sticky header', () => {
-    it('should align with table cell when active', async () => {
-      await initEditor(page, stickyHeaderWithHorizontalScroll);
-
-      await clickFirstCell(page, true);
-      // Mouse was inside the table and would cause the column resizer to trigger occasionally
-      await page.mouse.move(0, 0);
-
-      // scroll to bottom center to see scroll shadows
-      await scrollToElement(page, 'ol > li');
-      await snapshot(page);
-
-      // scroll to bottom right
-      await scrollToElement(page, 'ul > li');
-      await snapshot(page);
-    });
-  });
-});