@atlaskit/editor-plugin-table 5.3.24 → 5.3.26

package/src/__tests__/integration/arrow-down-into-table.ts

@@ -1,50 +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 { documentWithParagraphAndTable } from './__fixtures__/paragraph-and-table-adf';
-
-const testArrowDown =
-  (isNumberedColumnEnabled: boolean) => async (client: any) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      allowTables: {},
-      defaultValue: documentWithParagraphAndTable(isNumberedColumnEnabled),
-    });
-
-    await setProseMirrorTextSelection(page, { anchor: 5 });
-    await page.keys('ArrowDown');
-    await expectToMatchSelection(page, { type: 'text', anchor: 10, head: 10 });
-  };
-
-// This keyboard navigation is actually browser functionality
-// But there was a div on our end that caused a bug where the
-// cursor would go behind the table when pressing arrow down
-// https://product-fabric.atlassian.net/browse/ED-14046
-//
-// Skipping in firefox as there is a known bug
-// Needs to be fixed in https://product-fabric.atlassian.net/servicedesk/customer/portal/99/DTR-155?created=true
-BrowserTestCase(
-  'arrow-down-into-table.ts: pressing arrow down above table should move cursor into first row',
-  { skip: ['firefox'] },
-  testArrowDown(false),
-);
-
-BrowserTestCase(
-  'arrow-down-into-table.ts: pressing arrow down above table should move cursor into first row for a numbered table',
-  { skip: ['firefox'] },
-  testArrowDown(true),
-);

package/src/__tests__/integration/auto-size.ts

@@ -1,92 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  editable,
-  fullpage,
-  getDocFromElement,
-} from '@atlaskit/editor-test-helpers/integration/helpers';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import sleep from '@atlaskit/editor-test-helpers/sleep';
-// 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 {
-  autoSizeToDefaultLayout,
-  autoSizeToFullWidthLayout,
-  autoSizeToWideLayout,
-} from './__fixtures__/auto-size-documents';
-
-async function loadAndRetrieveDocument(
-  page: any,
-  document: object,
-  expectedLayout = 'default',
-) {
-  await mountEditor(page, {
-    appearance: fullpage.appearance,
-    defaultValue: JSON.stringify(document),
-    allowPanel: true,
-    allowTables: {
-      advanced: true,
-    },
-  });
-
-  await page.waitForSelector(`table[data-layout="${expectedLayout}"]`);
-  await sleep(500);
-
-  const doc = await page.$eval(editable, getDocFromElement);
-  return doc;
-}
-
-BrowserTestCase(
-  'Doesnt scale past default',
-  {
-    skip: ['*'],
-  },
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-    const doc = await loadAndRetrieveDocument(page, autoSizeToDefaultLayout);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-BrowserTestCase(
-  'Scales to wide',
-  {
-    skip: ['*'],
-  },
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-    const doc = await loadAndRetrieveDocument(
-      page,
-      autoSizeToWideLayout,
-      'wide',
-    );
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-BrowserTestCase(
-  'Scales to full-width',
-  { skip: ['safari', 'firefox'] },
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-    const doc = await loadAndRetrieveDocument(
-      page,
-      autoSizeToFullWidthLayout,
-      'full-width',
-    );
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);

package/src/__tests__/integration/cell-selection.ts

@@ -1,105 +0,0 @@
-import isEqual from 'lodash/isEqual';
-
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import { fullpage } from '@atlaskit/editor-test-helpers/integration/helpers';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  multiCellTableSelectionBottomRightToFirstCell,
-  multiCellTableSelectionBottomRightToMiddleTopCell,
-  multiCellTableSelectionTopLeftToBottomRight,
-} from '@atlaskit/editor-test-helpers/page-objects/table';
-// 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 tableWithTextAndEmptyRow from './__fixtures__/table-with-text-and-empty-row';
-
-BrowserTestCase(
-  'multi cell table selection should correctly highlight entire table selection',
-  { skip: ['chrome'] }, // https://product-fabric.atlassian.net/browse/DTR-330
-  async (client: any) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      allowTables: {
-        advanced: true,
-      },
-      defaultValue: tableWithTextAndEmptyRow,
-    });
-
-    await multiCellTableSelectionTopLeftToBottomRight(page);
-
-    const selection = await page.execute(() => {
-      const view = (window as any).__editorView;
-      return view.state.selection;
-    });
-
-    const isMatch = isEqual(selection, { type: 'cell', anchor: 2, head: 97 });
-    expect(isMatch).toBe(true);
-  },
-);
-
-BrowserTestCase(
-  'multi cell table selection should correctly highlight table selection from the second row',
-  { skip: ['chrome'] }, // https://product-fabric.atlassian.net/browse/DTR-330
-  async (client: any) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      allowTables: {
-        advanced: true,
-      },
-      defaultValue: tableWithTextAndEmptyRow,
-    });
-
-    await multiCellTableSelectionBottomRightToFirstCell(page);
-
-    const selection = await page.execute(() => {
-      const view = (window as any).__editorView;
-      return view.state.selection;
-    });
-
-    const isMatch = isEqual(selection, { anchor: 97, head: 31, type: 'cell' });
-    expect(isMatch).toBe(true);
-  },
-);
-
-BrowserTestCase(
-  'multi cell table selection should correctly highlight table selection from the second column',
-  { skip: ['chrome'] }, // https://product-fabric.atlassian.net/browse/DTR-330
-  async (client: any) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      allowTables: {
-        advanced: true,
-      },
-      defaultValue: tableWithTextAndEmptyRow,
-    });
-
-    await multiCellTableSelectionBottomRightToMiddleTopCell(page);
-
-    const selection = await page.execute(() => {
-      const view = (window as any).__editorView;
-      return view.state.selection;
-    });
-
-    const isMatch = isEqual(selection, { anchor: 97, head: 11, type: 'cell' });
-    expect(isMatch).toBe(true);
-  },
-);

package/src/__tests__/integration/delete-columns.ts

@@ -1,99 +0,0 @@
-import { createIntl } from 'react-intl-next';
-
-import { tableMessages as messages } from '@atlaskit/editor-common/messages';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  editable,
-  fullpage,
-  getDocFromElement,
-} 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 { TableCssClassName as ClassName } from '../../plugins/table/types';
-
-import { documentWithMergedCells } from './__fixtures__/merged-rows-and-cols-document';
-
-BrowserTestCase(
-  'Should delete merged columns from contextual menu and append missing cells to the table',
-  { skip: ['firefox', 'safari'] },
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-    const intl = createIntl({
-      locale: 'en',
-    });
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(documentWithMergedCells),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    const controlSelector = `tbody tr:first-child th:nth-child(2)`;
-    await page.waitForSelector(controlSelector);
-    await page.click(controlSelector);
-
-    const contextMenuTriggerSelector = `.${ClassName.CONTEXTUAL_MENU_BUTTON}`;
-    await page.waitForSelector(contextMenuTriggerSelector);
-    await page.click(contextMenuTriggerSelector);
-
-    const message = await intl.formatMessage(messages.removeColumns, {
-      0: 1,
-    });
-    const contextMenuItemSelector = `span=${message}`;
-    await page.waitForSelector(contextMenuItemSelector);
-    await page.click(contextMenuItemSelector);
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-BrowserTestCase(
-  'Should delete merged columns from contextual menu and decrement colspan of the spanning cell',
-  { skip: ['firefox', 'safari'] },
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-    const intl = createIntl({
-      locale: 'en',
-    });
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(documentWithMergedCells),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    const controlSelector = `tbody tr:first-child th:nth-child(3)`;
-    await page.waitForSelector(controlSelector);
-    await page.click(controlSelector);
-
-    const contextMenuTriggerSelector = `.${ClassName.CONTEXTUAL_MENU_BUTTON}`;
-    await page.waitForSelector(contextMenuTriggerSelector);
-    await page.click(contextMenuTriggerSelector);
-
-    const message = await intl.formatMessage(messages.removeColumns, {
-      0: 1,
-    });
-    const contextMenuItemSelector = `span=${message}`;
-    await page.waitForSelector(contextMenuItemSelector);
-    await page.click(contextMenuItemSelector);
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);

package/src/__tests__/integration/delete-last-column-in-full-width.ts

@@ -1,73 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  editable,
-  fullpage,
-  getDocFromElement,
-  quickInsert,
-} 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 { TableCssClassName as ClassName } from '../../plugins/table/types';
-
-// ED-6231
-BrowserTestCase(
-  'Delete last table column in full-width mode',
-  // Only Chrome has logging support in BrowserStack now
-  { skip: [] },
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-    await mountEditor(
-      page,
-      {
-        appearance: fullpage.appearance,
-        allowTables: {
-          advanced: true,
-        },
-      },
-      { i18n: { locale: 'en' } },
-    );
-
-    await page.click(editable);
-
-    // Insert table
-    await quickInsert(page, 'Table');
-
-    // Change layout to full-width
-    await page.waitForSelector(`.${ClassName.LAYOUT_BUTTON}`);
-    await page.click(`.${ClassName.LAYOUT_BUTTON}`);
-    await page.click(`.${ClassName.LAYOUT_BUTTON}`);
-
-    await page.click(editable);
-
-    // Select button wrapper from last column
-    const controlSelector = `.${ClassName.COLUMN_CONTROLS_DECORATIONS}[data-start-index="2"]`;
-    await page.waitForSelector(controlSelector);
-    await page.hover(controlSelector);
-    await page.click(controlSelector);
-
-    // Click on delete row button
-    const deleteButtonSelector = `.${ClassName.CONTROLS_DELETE_BUTTON_WRAP} .${ClassName.CONTROLS_DELETE_BUTTON}`;
-    await page.waitForVisible(deleteButtonSelector);
-    await page.click(deleteButtonSelector);
-
-    // TODO: Figure out why this is causing a warning and causing the following check to fail in chrome.
-    // await page.checkConsoleErrors({
-    //   ignoreErrors: [
-    //     /is potentially unsafe when doing server-side rendering\. Try changing it to/,
-    //   ],
-    // });
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-it.todo('ED-15748: Test is not working properly with checkConsoleErrors');

package/src/__tests__/integration/delete-last-column-with-empty-action.ts

@@ -1,60 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  editable,
-  fullpage,
-  getDocFromElement,
-  quickInsert,
-} 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 { TableCssClassName as ClassName } from '../../plugins/table/types';
-
-BrowserTestCase(
-  'delete-last-column-with-empty-action.ts: Delete last table column with empty action',
-  {},
-  async (client: any, testName: string) => {
-    const LAST_HEADER_FROM_FIRST_ROW =
-      'table > tbody > tr:first-child > th:last-child';
-
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await page.click(editable);
-
-    // Insert table and click on last cell of first row
-    await quickInsert(page, 'Table');
-    await page.waitForSelector(LAST_HEADER_FROM_FIRST_ROW);
-    await page.click(LAST_HEADER_FROM_FIRST_ROW);
-
-    // Add empty action on first cell from last row
-    await quickInsert(page, 'Action item');
-
-    // Select button wrapper from last column
-    const controlSelector = `.${ClassName.COLUMN_CONTROLS_DECORATIONS}[data-start-index="2"]`;
-    await page.waitForSelector(controlSelector);
-    // We need to move the mouse to the column control first
-    await page.hover(controlSelector, { x: 10, y: 1 });
-    await page.click(controlSelector);
-
-    // Click on delete row button
-    const deleteButtonSelector = `.${ClassName.CONTROLS_DELETE_BUTTON_WRAP} .${ClassName.CONTROLS_DELETE_BUTTON}`;
-    await page.waitForVisible(deleteButtonSelector);
-    await page.click(deleteButtonSelector);
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);

package/src/__tests__/integration/delete-last-row-with-empty-action.ts

@@ -1,99 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  editable,
-  fullpage,
-  getDocFromElement,
-  quickInsert,
-} 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 { TableCssClassName as ClassName } from '../../plugins/table/types';
-
-BrowserTestCase(
-  'delete-last-row.ts: Delete last table row with empty action',
-  { skip: ['chrome'] },
-  async (client: any, testName: string) => {
-    const FIRST_CELL_FROM_LAST_ROW =
-      'table > tbody > tr:last-child > td:first-child';
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await page.click(editable);
-
-    // Insert table and click on first cell
-    await quickInsert(page, 'Table');
-    await page.waitForSelector(FIRST_CELL_FROM_LAST_ROW);
-    await page.click(FIRST_CELL_FROM_LAST_ROW);
-
-    // Add empty action on first cell from last row
-    await quickInsert(page, 'Action item');
-
-    // Select button wrapper from last row
-    const controlSelector = `.${ClassName.ROW_CONTROLS_WRAPPER} .${ClassName.ROW_CONTROLS_BUTTON_WRAP}:last-child .${ClassName.CONTROLS_BUTTON}`;
-    await page.waitForSelector(controlSelector);
-    await page.click(controlSelector);
-
-    // Click on delete row button
-    const deleteButtonSelector = `.${ClassName.CONTROLS_DELETE_BUTTON_WRAP} .${ClassName.CONTROLS_DELETE_BUTTON}`;
-    await page.waitForVisible(deleteButtonSelector);
-    await page.click(deleteButtonSelector);
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-BrowserTestCase(
-  'delete-last-row.ts: Delete last table row with empty action, chrome',
-  { skip: ['firefox', 'safari'] },
-  async (client: any, testName: string) => {
-    const FIRST_CELL_FROM_LAST_ROW =
-      'table > tbody > tr:last-child > td:first-child';
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await page.click(editable);
-
-    // Insert table and click on first cell
-    await quickInsert(page, 'Table');
-    await page.waitForSelector(FIRST_CELL_FROM_LAST_ROW);
-    await page.click(FIRST_CELL_FROM_LAST_ROW);
-
-    // Add empty action on first cell from last row
-    await quickInsert(page, 'Action item');
-
-    // Select button wrapper from last row
-    const controlSelector = `.${ClassName.ROW_CONTROLS_WRAPPER} .${ClassName.ROW_CONTROLS_BUTTON_WRAP}:last-child .${ClassName.CONTROLS_BUTTON}`;
-    await page.waitForSelector(controlSelector);
-    await page.click(controlSelector);
-
-    // Click on delete row button
-    const deleteButtonSelector = `.${ClassName.CONTROLS_DELETE_BUTTON_WRAP} .${ClassName.CONTROLS_DELETE_BUTTON}`;
-    await page.waitForVisible(deleteButtonSelector);
-    await page.click(deleteButtonSelector);
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);

package/src/__tests__/integration/insert-row-inside-layout.ts

@@ -1,52 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  animationFrame,
-  editable,
-  fullpage,
-  getDocFromElement,
-} from '@atlaskit/editor-test-helpers/integration/helpers';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  clickFirstCell,
-  insertRow,
-} from '@atlaskit/editor-test-helpers/page-objects/table';
-// 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 { table as tableInsideLayout } from './__fixtures__/table-inside-layout';
-
-BrowserTestCase(
-  'Should scale remaining columns when adding a new column preventing from going to overflow',
-  { skip: [] },
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(tableInsideLayout),
-      allowTables: {
-        advanced: true,
-      },
-      allowLayouts: {
-        allowBreakout: true,
-      },
-      allowBreakout: true,
-    });
-
-    await clickFirstCell(page);
-    await animationFrame(page);
-    await animationFrame(page);
-    await insertRow(page, 1);
-    await page.type(editable, 'should be inside of the table');
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);