@atlaskit/editor-plugin-table 5.4.4 → 5.4.5

package/src/__tests__/integration/__fixtures__/table-and-paragraph-adf.ts

@@ -1,130 +0,0 @@
-export default {
-  version: 1,
-  type: 'doc',
-  content: [
-    {
-      type: 'table',
-      attrs: {
-        isNumberColumnEnabled: false,
-        layout: 'default',
-        localId: '79259280-56bc-4cb0-9587-572864b97f39',
-      },
-      content: [
-        {
-          type: 'tableRow',
-          content: [
-            {
-              type: 'tableHeader',
-              attrs: {},
-              content: [
-                {
-                  type: 'paragraph',
-                  content: [],
-                },
-              ],
-            },
-            {
-              type: 'tableHeader',
-              attrs: {},
-              content: [
-                {
-                  type: 'paragraph',
-                  content: [],
-                },
-              ],
-            },
-            {
-              type: 'tableHeader',
-              attrs: {},
-              content: [
-                {
-                  type: 'paragraph',
-                  content: [],
-                },
-              ],
-            },
-          ],
-        },
-        {
-          type: 'tableRow',
-          content: [
-            {
-              type: 'tableCell',
-              attrs: {},
-              content: [
-                {
-                  type: 'paragraph',
-                  content: [],
-                },
-              ],
-            },
-            {
-              type: 'tableCell',
-              attrs: {},
-              content: [
-                {
-                  type: 'paragraph',
-                  content: [],
-                },
-              ],
-            },
-            {
-              type: 'tableCell',
-              attrs: {},
-              content: [
-                {
-                  type: 'paragraph',
-                  content: [],
-                },
-              ],
-            },
-          ],
-        },
-        {
-          type: 'tableRow',
-          content: [
-            {
-              type: 'tableCell',
-              attrs: {},
-              content: [
-                {
-                  type: 'paragraph',
-                  content: [],
-                },
-              ],
-            },
-            {
-              type: 'tableCell',
-              attrs: {},
-              content: [
-                {
-                  type: 'paragraph',
-                  content: [],
-                },
-              ],
-            },
-            {
-              type: 'tableCell',
-              attrs: {},
-              content: [
-                {
-                  type: 'paragraph',
-                  content: [],
-                },
-              ],
-            },
-          ],
-        },
-      ],
-    },
-    {
-      type: 'paragraph',
-      content: [
-        {
-          type: 'text',
-          text: 'test',
-        },
-      ],
-    },
-  ],
-};

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();
-  },
-);