@atlaskit/editor-plugin-table 5.3.21 → 5.3.23

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

@@ -1,127 +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 { deleteRow } 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 { TableCssClassName as ClassName } from '../../plugins/table/types';
-
-import { documentWithMergedCells } from './__fixtures__/merged-rows-and-cols-document';
-import { nestedInExtension } from './__fixtures__/nested-in-extension';
-
-BrowserTestCase(
-  'Should delete merged rows 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:nth-child(2) td:first-child`;
-    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.removeRows, {
-      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 rows from contextual menu and decrement rowspan 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:nth-child(3) td:first-child`;
-    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.removeRows, {
-      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 a row when table is nested inside bodied extension',
-  { skip: ['firefox', 'safari'] },
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(nestedInExtension),
-      allowTables: {
-        advanced: true,
-      },
-      allowExtension: true,
-    });
-
-    await deleteRow(page, 1);
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);

package/src/__tests__/integration/delete-table-when-selected.ts

@@ -1,112 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  clipboardInput,
-  copyAsHTMLButton,
-  copyAsPlaintextButton,
-  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,
-  tableSelectors,
-  waitForNoTable,
-} 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 basicTableAdf from './__fixtures__/basic-table';
-
-BrowserTestCase(
-  'replaces table with text when user types with a full-table cell selection',
-  {},
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      allowTables: {
-        advanced: true,
-      },
-      defaultValue: basicTableAdf,
-    });
-
-    await clickFirstCell(page);
-    await page.click(tableSelectors.cornerButton);
-    await page.keys('A');
-
-    await waitForNoTable(page);
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-BrowserTestCase(
-  'replaces table with content when user pastes plain text with a full-table cell selection',
-  { skip: [] },
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-    await page.waitFor(clipboardInput);
-    await page.type(clipboardInput, 'Some text to copy');
-    await page.click(copyAsPlaintextButton);
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      allowTables: {
-        advanced: true,
-      },
-      defaultValue: basicTableAdf,
-    });
-
-    await clickFirstCell(page);
-    await page.click(tableSelectors.cornerButton);
-    await page.paste();
-
-    await waitForNoTable(page);
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-BrowserTestCase(
-  'replaces table with content when user pastes rich text with a full-table cell selection',
-  { skip: [] },
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-    await page.waitFor(clipboardInput);
-    await page.type(
-      clipboardInput,
-      '<p>this is a link <a href="http://www.google.com">www.google.com</a></p><p>more elements with some <strong>format</strong></p><p>some addition<em> formatting</em></p>',
-    );
-    await page.click(copyAsHTMLButton);
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      allowTables: {
-        advanced: true,
-      },
-      defaultValue: basicTableAdf,
-    });
-
-    await clickFirstCell(page);
-    await page.click(tableSelectors.cornerButton);
-    await page.paste();
-
-    await waitForNoTable(page);
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);

package/src/__tests__/integration/deleting-empty-paragraph-under-table.ts

@@ -1,89 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  editable,
-  expectToMatchSelection,
-  fullpage,
-  getDocFromElement,
-  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 {
-  emptyParagraphUnderneathTable,
-  emptyParagraphUnderneathTableAtEnd,
-  filledParagraphUnderneathTable,
-} from './__fixtures__/empty-paragraph-underneath-table';
-
-BrowserTestCase(
-  `backspace for an empty paragraph not at the end of the document should delete that paragraph and
-  place cursor inside last cell of table`,
-  {},
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      allowTables: {},
-      defaultValue: emptyParagraphUnderneathTable,
-    });
-
-    await setProseMirrorTextSelection(page, { anchor: 45 });
-    await page.keys('Backspace');
-    await expectToMatchSelection(page, { type: 'text', anchor: 40, head: 40 });
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-BrowserTestCase(
-  `backspace for an empty paragraph at the end of the document should only
-  place cursor inside last cell of table`,
-  {},
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      allowTables: {},
-      defaultValue: emptyParagraphUnderneathTableAtEnd,
-    });
-
-    await setProseMirrorTextSelection(page, { anchor: 45 });
-    await page.keys('Backspace');
-    await expectToMatchSelection(page, { type: 'text', anchor: 40, head: 40 });
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-BrowserTestCase(
-  `backspace for an filled paragraph not at the end of the document should
-  place cursor inside last cell of table`,
-  {},
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      allowTables: {},
-      defaultValue: filledParagraphUnderneathTable,
-    });
-
-    await setProseMirrorTextSelection(page, { anchor: 45 });
-    await page.keys('Backspace');
-    await expectToMatchSelection(page, { type: 'text', anchor: 40, head: 40 });
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);

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

@@ -1,75 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  doubleClickResizeHandle,
-  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,
-  selectTable,
-} 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 {
-  tableWithUnevenColumns,
-  tableWithUnevenColumnsInOverflow,
-} from './__fixtures__/even-columns';
-
-// moveTo in doubleClickResizeHandle does not work for safari
-BrowserTestCase(
-  'Should even columns on double click on resize handle when table is selected',
-  { skip: ['safari'] },
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(tableWithUnevenColumns),
-      allowTables: {
-        advanced: true,
-      },
-    });
-    await clickFirstCell(page);
-    await selectTable(page);
-    await doubleClickResizeHandle(page, 2, 2);
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-// moveTo in doubleClickResizeHandle does not work for safari
-BrowserTestCase(
-  'Should even columns and remain overflown on double click on resize handle when table is selected',
-  { skip: ['safari'] },
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(tableWithUnevenColumnsInOverflow),
-      allowTables: {
-        advanced: true,
-      },
-    });
-    await clickFirstCell(page);
-    await selectTable(page);
-    await doubleClickResizeHandle(page, 2, 2);
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);

package/src/__tests__/integration/insert-cell-header-with-strong-mark.ts

@@ -1,41 +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';
-
-BrowserTestCase(
-  'inside-table.ts: Insert panel into table, add text, change panel type',
-  {},
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      allowPanel: true,
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await page.click(editable);
-
-    // Insert table
-    await quickInsert(page, 'Table');
-
-    await page.type(editable, 'this has a strong mark');
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);

package/src/__tests__/integration/insert-long-smart-link.ts

@@ -1,66 +0,0 @@
-export {};
-it.todo('TODO: ED-15801 - Fix smart link async rendering integration test');
-// import { BrowserTestCase } from '@atlaskit/webdriver-runner/runner';
-// import { copyToClipboard } from '@atlaskit/editor-test-helpers/integration/helpers';
-// import { waitForInlineCard } from '@atlaskit/media-integration-test-helpers';
-// import { fullpage } from '@atlaskit/editor-test-helpers/integration/helpers';
-// import { inlineCardLongNameSlowResolveUrl } from '@atlaskit/editor-test-helpers/card-provider';
-// import {
-//   goToEditorTestingWDExample,
-//   mountEditor,
-// } from '@atlaskit/editor-test-helpers/testing-example-page';
-// import {
-//   clickFirstCell,
-//   insertTable,
-//   tableSelectors,
-// } from '@atlaskit/editor-test-helpers/page-objects/table';
-//
-// BrowserTestCase(
-//   'table row controls should be same height as table body after a long title smart link finishes async rendering',
-//   { skip: ['safari'] },
-//   async (client: any) => {
-//     const page = await goToEditorTestingWDExample(
-//       client,
-//       'editor-plugin-table',
-//     );
-//
-//     await copyToClipboard(page, inlineCardLongNameSlowResolveUrl);
-//     await mountEditor(page, {
-//       appearance: fullpage.appearance,
-//       smartLinks: {},
-//       allowTables: {
-//         advanced: true,
-//       },
-//     });
-//
-//     await insertTable(page);
-//     await clickFirstCell(page);
-//     await page.paste();
-//     await waitForInlineCard(page);
-//
-//     const { tableBodyHeight, tableRowControlsHeight } = await page.evaluate<{
-//       tableBodyHeight: number;
-//       tableRowControlsHeight: number;
-//     }>(
-//       (tableRowControlsSelector, tableBodySelector) => {
-//         const tableRowControls = document.querySelector(
-//           tableRowControlsSelector,
-//         ) as HTMLElement;
-//         const tableBody = document.querySelector(tableBodySelector);
-//         if (!tableBody || !tableRowControls) {
-//           throw new Error(
-//             'Missing tableBody or tableRowControls, exiting test',
-//           );
-//         }
-//         return {
-//           tableBodyHeight: Math.round(tableBody.offsetHeight),
-//           tableRowControlsHeight: Math.round(tableRowControls.offsetHeight),
-//         };
-//       },
-//       tableSelectors.rowControlsForTableBody,
-//       tableSelectors.tableBody,
-//     );
-//
-//     expect(tableBodyHeight).toBe(tableRowControlsHeight);
-//   },
-// );