@atlaskit/editor-plugin-table 5.4.4 → 5.4.6

package/src/__tests__/integration/copy-button.ts

@@ -1,179 +0,0 @@
-//import { runBlockNodeSelectionTestSuite } from '@atlaskit/editor-test-helpers/integration/selection';
-// import { _getCopyButtonTestSuite } from '@atlaskit/editor-core/src/plugins/copy-button/__tests__/integration/_getCopyButtonTestSuite';
-export {};
-test.todo('TODO: ED-15706 We disabled the copy button');
-// _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__/integration/horizontal-scroll-shadows.ts

@@ -1,197 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  fullpage,
-  resizeColumn,
-} from '@atlaskit/editor-test-helpers/integration/helpers';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  goToEditorTestingWDExample,
-  mountEditor,
-} from '@atlaskit/editor-test-helpers/testing-example-page';
-import { BrowserTestCase } from '@atlaskit/webdriver-runner/runner';
-import type WebdriverPage from '@atlaskit/webdriver-runner/wd-wrapper';
-
-import { TableCssClassName as className } from '../../plugins/table/types';
-
-import basicTable from './__fixtures__/basic-table';
-
-const checkShadows = async (page: WebdriverPage, side?: 'left' | 'right') => {
-  const leftShadow = await page.$(`.${className.TABLE_LEFT_SHADOW}`);
-  const rightShadow = await page.$(`.${className.TABLE_RIGHT_SHADOW}`);
-
-  if (!side) {
-    const leftDisplayed = await leftShadow.isDisplayed();
-    const rightDisplayed = await rightShadow.isDisplayed();
-    return leftDisplayed && rightDisplayed;
-  } else if (side === 'left') {
-    return await leftShadow.isDisplayed();
-  } else if (side === 'right') {
-    return await rightShadow.isDisplayed();
-  }
-};
-
-BrowserTestCase(
-  'Table does not show horizontal scroll shadows when there is no scrollbar',
-  {},
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(basicTable),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await page.waitForSelector('table');
-    expect(await checkShadows(page)).toBeFalsy();
-  },
-);
-
-BrowserTestCase(
-  'Table shows right shadow when table is scrollable and all the way to the left',
-  {},
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(basicTable),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await page.waitForSelector('table');
-    await resizeColumn(page, { cellHandlePos: 2, resizeWidth: 1000 });
-
-    expect(await checkShadows(page, 'right')).toBeTruthy();
-  },
-);
-
-BrowserTestCase(
-  'Table should not show left shadow when table is scrollable and all the way to the left',
-  {},
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(basicTable),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await page.waitForSelector('table');
-    await resizeColumn(page, { cellHandlePos: 2, resizeWidth: 1000 });
-
-    expect(await checkShadows(page, 'left')).toBeFalsy();
-  },
-);
-
-BrowserTestCase(
-  'Table should show both left and right shadows when table is scrollable and scrolled',
-  {},
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(basicTable),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await page.waitForSelector('table');
-    await resizeColumn(page, { cellHandlePos: 2, resizeWidth: 1000 });
-    await page.evaluate(() => {
-      const tableWrapper =
-        document.querySelector<HTMLElement>('.pm-table-wrapper');
-      if (tableWrapper) {
-        tableWrapper.scrollLeft += 500;
-      }
-      return tableWrapper;
-    });
-
-    expect(await checkShadows(page)).toBeTruthy();
-  },
-);
-
-BrowserTestCase(
-  'Table should not show right shadow when table is scrollable and scrolled all the way to the right',
-  {},
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(basicTable),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await page.waitForSelector('table');
-    await resizeColumn(page, { cellHandlePos: 2, resizeWidth: 1000 });
-    await page.evaluate(() => {
-      const tableWrapper =
-        document.querySelector<HTMLElement>('.pm-table-wrapper');
-      if (tableWrapper) {
-        tableWrapper.scrollLeft += 1000;
-      }
-      return tableWrapper;
-    });
-
-    expect(await checkShadows(page, 'right')).toBeFalsy();
-  },
-);
-
-BrowserTestCase(
-  'Table should show left shadow when table is scrollable and scrolled all the way to the right',
-  {},
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(basicTable),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await page.waitForSelector('table');
-    await resizeColumn(page, { cellHandlePos: 2, resizeWidth: 1000 });
-    await page.evaluate(() => {
-      const tableWrapper =
-        document.querySelector<HTMLElement>('.pm-table-wrapper');
-      if (tableWrapper) {
-        tableWrapper.scrollLeft += 1000;
-      }
-      return tableWrapper;
-    });
-
-    expect(await checkShadows(page, 'left')).toBeTruthy();
-  },
-);

package/src/__tests__/integration/meta-arrowup-cursor-in-first-row.ts

@@ -1,42 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  expectToMatchSelection,
-  fullpage,
-  setProseMirrorTextSelection,
-} from '@atlaskit/editor-test-helpers/integration/helpers';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  goToEditorTestingWDExample,
-  mountEditor,
-} from '@atlaskit/editor-test-helpers/testing-example-page';
-import { BrowserTestCase } from '@atlaskit/webdriver-runner/runner';
-
-import tableAdf from './__fixtures__/table-and-paragraph-adf';
-
-BrowserTestCase(
-  'meta-arrowup-cursor-in-first-row.ts: pressing command/ctrl + arrow up should move cursor into first row',
-  {},
-  async (client: any) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      allowTables: {
-        advanced: true,
-      },
-      defaultValue: tableAdf,
-    });
-
-    await setProseMirrorTextSelection(page, { anchor: 49 });
-
-    const keys = page.isWindowsPlatform()
-      ? ['Control', 'Home']
-      : ['Meta', 'ArrowUp'];
-
-    await page.keys(keys, true);
-
-    await expectToMatchSelection(page, { type: 'text', anchor: 4, head: 4 });
-  },
-);

package/src/__tests__/integration/sticky-header.ts

@@ -1,133 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  fullpage,
-  tableSelectors,
-} from '@atlaskit/editor-test-helpers/integration/helpers';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  goToEditorTestingWDExample,
-  mountEditor,
-} from '@atlaskit/editor-test-helpers/testing-example-page';
-import { BrowserTestCase } from '@atlaskit/webdriver-runner/runner';
-import type WebdriverPage from '@atlaskit/webdriver-runner/wd-wrapper';
-
-import stickyTable from './__fixtures__/large-table-with-sticky-header';
-
-const scrollTo = async (page: WebdriverPage, height: number) => {
-  const editorScrollParentSelector = '.fabric-editor-popup-scroll-parent';
-  await page.execute(
-    (editorScrollParentSelector: string, height: number) => {
-      const editor = document.querySelector(editorScrollParentSelector);
-      editor && editor.scroll(0, height);
-    },
-    editorScrollParentSelector,
-    height,
-  );
-};
-
-// const resizeScrollParent = async (page: WebdriverPage) => {
-//   const editorScrollParentSelector = '.ak-editor-fp-content-area';
-//   await page.execute((editorScrollParentSelector: string) => {
-//     const editor = document.querySelector(editorScrollParentSelector);
-//     console.log('editort', editor);
-//     editor && editor.setAttribute('width', '1000px');
-//   }, editorScrollParentSelector);
-// };
-
-const insertColumn = async (page: any, cell: 'first' | 'last') => {
-  const columnControl = tableSelectors.nthColumnControl(1);
-  const insertButton = tableSelectors.insertButton;
-  const firstCell = tableSelectors.topLeftCell;
-  const firstCellLastRow = `table > tbody > tr:nth-child(48) > td:nth-child(1)`;
-
-  if (cell === 'first') {
-    await page.click(firstCell);
-  } else if (cell === 'last') {
-    await page.click(firstCellLastRow);
-  }
-
-  const columnDecorationSelector = columnControl;
-  await page.hover(columnDecorationSelector);
-
-  await page.waitForSelector(insertButton);
-  await page.click(insertButton);
-};
-
-BrowserTestCase(
-  'Sticky header should correctly toggle on and off',
-  {},
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(stickyTable),
-      allowTables: {
-        advanced: true,
-        stickyHeaders: true,
-      },
-    });
-
-    await page.waitForSelector('table');
-
-    expect(
-      await page.waitForSelector(tableSelectors.stickyTable, {}, true),
-    ).toBeTruthy();
-    expect(
-      await page.waitForSelector(tableSelectors.stickyTr, {}, true),
-    ).toBeTruthy();
-
-    await scrollTo(page, window.innerHeight * 100);
-
-    expect(await page.waitForSelector(tableSelectors.stickyTable)).toBeTruthy();
-    expect(await page.waitForSelector(tableSelectors.stickyTr)).toBeTruthy();
-
-    await scrollTo(page, 0);
-
-    expect(
-      await page.waitForSelector(tableSelectors.stickyTable, {}, true),
-    ).toBeTruthy();
-    expect(
-      await page.waitForSelector(tableSelectors.stickyTr, {}, true),
-    ).toBeTruthy();
-  },
-);
-
-BrowserTestCase(
-  'Sticky header should still correctly toggle on and off, after a column has been added',
-  { skip: ['safari'] },
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(stickyTable),
-      allowTables: {
-        advanced: true,
-        stickyHeaders: true,
-      },
-    });
-
-    await page.waitForSelector('table');
-
-    expect(
-      await page.waitForSelector(tableSelectors.stickyTable, {}, true),
-    ).toBeTruthy();
-    expect(
-      await page.waitForSelector(tableSelectors.stickyTr, {}, true),
-    ).toBeTruthy();
-
-    await insertColumn(page, 'first');
-
-    await scrollTo(page, window.innerHeight * 100);
-
-    expect(await page.waitForSelector(tableSelectors.stickyTable)).toBeTruthy();
-    expect(await page.waitForSelector(tableSelectors.stickyTr)).toBeTruthy();
-  },
-);

package/src/__tests__/integration/table-controls-selection.ts

@@ -1,71 +0,0 @@
-export {};
-test.todo('TODO [ED-15027]; restore unit');
-
-// //TODO: [ED-15027] remove and relocate this test once the behaviour has been corrected.\
-// import { BrowserTestCase } from '@atlaskit/webdriver-runner/runner';
-// import { BrowserObject } from '@atlaskit/webdriver-runner/wd-wrapper';
-// import {
-//   goToEditorTestingWDExample,
-//   mountEditor,
-// } from '../../../../__tests__/__helpers/testing-example-helpers';
-
-// import {
-//   fullpage,
-//   expectToMatchSelection,
-//   setProseMirrorTextSelection,
-// } from '../../../../__tests__/integration/_helpers';
-// import { WebDriverPage } from '../../../../__tests__/__helpers/page-objects/_types';
-// import adf from './__fixtures__/table-with-multiline-date.adf.json';
-
-// describe('table with multiline date', () => {
-//   const initEditor = async ({
-//     client,
-//     selection,
-//     adf,
-//   }: {
-//     client: BrowserObject;
-//     selection: { anchor: number; head: number };
-//     adf: string;
-//   }): Promise<WebDriverPage> => {
-//     const page = await goToEditorTestingWDExample(client);
-//     const props = {
-//       appearance: fullpage.appearance,
-//       defaultValue: adf,
-//       allowTextAlignment: true,
-//       allowTables: {
-//         advanced: true,
-//         allowColumnResizing: true,
-//       },
-//       allowDate: true,
-//     };
-
-//     await mountEditor(page, props, undefined, { clickInEditor: false });
-
-//     await page.waitForSelector('.inlineNodeView');
-
-//     await setProseMirrorTextSelection(page, selection);
-
-//     return page;
-//   };
-//   BrowserTestCase(
-//     'Does not select table corner controls when navigating up from a multiline node inside a table',
-//     {
-//       skip: ['firefox', 'safari'],
-//     },
-//     async (client: BrowserObject) => {
-//       const page = await initEditor({
-//         client,
-//         selection: { anchor: 27, head: 27 },
-//         adf,
-//       });
-
-//       await page.keys('ArrowUp');
-
-//       await expectToMatchSelection(page, {
-//         type: 'text',
-//         anchor: 27,
-//         head: 27,
-//       });
-//     },
-//   );
-// });