@atlaskit/editor-plugin-table 5.3.24 → 5.3.26

package/src/__tests__/integration/resize.ts

@@ -1,333 +0,0 @@
-import { tableNewColumnMinWidth } from '@atlaskit/editor-common/styles';
-import type { PluginKey } from '@atlaskit/editor-prosemirror/state';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  editable,
-  fullpage,
-  getDocFromElement,
-  resizeColumn,
-  selectColumns,
-  updateEditorProps,
-} from '@atlaskit/editor-test-helpers/integration/helpers';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  clickFirstCell,
-  insertColumn,
-  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 { pluginKey as tableResizingPluginKey } from '../../plugins/table/pm-plugins/table-resizing';
-
-import {
-  resizedTableWithStackedColumns,
-  tableForBulkResize,
-  tableForBulkResize3Cols,
-  tableForBulkResizeWithNumberCol,
-  tableInsideColumns,
-  tableWithRowSpan,
-  tableWithRowSpanAndColSpan,
-  twoColFullWidthTableWithContent,
-} from './__fixtures__/resize-documents';
-import { tableWithMinWidthColumnsDocument } from './__fixtures__/table-with-min-width-columns-document';
-
-BrowserTestCase(
-  'Can resize normally with a rowspan in the non last column.',
-  {},
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(tableWithRowSpan),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await resizeColumn(page, { cellHandlePos: 2, resizeWidth: 50 });
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-BrowserTestCase(
-  'Can resize normally with a rowspan and colspan',
-  {},
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(tableWithRowSpanAndColSpan),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await resizeColumn(page, { cellHandlePos: 22, resizeWidth: -50 });
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-BrowserTestCase(
-  'Can resize normally on a full width table with content',
-  { 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(twoColFullWidthTableWithContent),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await resizeColumn(page, { cellHandlePos: 2, resizeWidth: -100 });
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-BrowserTestCase(
-  `Created column should be set to ${tableNewColumnMinWidth}px`,
-  { skip: ['safari'] },
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(tableWithMinWidthColumnsDocument),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await insertColumn(page, 0, 'right');
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-BrowserTestCase(
-  'Can resize the last column when table is nested in Columns',
-  { 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(tableInsideColumns),
-      allowTables: {
-        advanced: true,
-      },
-      allowLayouts: true,
-    });
-
-    await resizeColumn(page, { cellHandlePos: 10, resizeWidth: -100 });
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-BrowserTestCase(
-  'Should stack columns to the left when widths of some of the columns equal minWidth',
-  {},
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(resizedTableWithStackedColumns),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await resizeColumn(page, { cellHandlePos: 14, resizeWidth: -200 });
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-BrowserTestCase(
-  'Should stack columns to the right and go to overflow',
-  {},
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(resizedTableWithStackedColumns),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await resizeColumn(page, { cellHandlePos: 2, resizeWidth: 420 });
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-BrowserTestCase(
-  'Should bulk resize 3 columns in 4 columns table',
-  { 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(tableForBulkResize3Cols),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await clickFirstCell(page);
-    await selectTable(page);
-    await resizeColumn(page, { cellHandlePos: 6, resizeWidth: -20 });
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-BrowserTestCase(
-  'Should recover from overflow when number col is selected',
-  { 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(tableForBulkResizeWithNumberCol),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await clickFirstCell(page);
-    await selectTable(page);
-    await resizeColumn(page, { cellHandlePos: 2, resizeWidth: -20 });
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-BrowserTestCase(
-  'Should bulk resize selected columns',
-  { 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(tableForBulkResize),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await clickFirstCell(page);
-    await selectColumns(page, [0, 1]);
-    await resizeColumn(page, { cellHandlePos: 2, resizeWidth: 52 });
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-BrowserTestCase(
-  'Can resize normally while editor changes its appearance',
-  { 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(tableForBulkResize),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    const resizeHandlePos = 2;
-
-    // We grab the resize handle and then change editor appearance to full-widths
-    // in which case we expect the editor not to throw
-    await (page as any).browser.execute(
-      (handlePos: number, pluginKey: PluginKey) => {
-        const view = (window as any).__editorView;
-        if (!view) {
-          return;
-        }
-        view.dispatch(
-          view.state.tr.setMeta(pluginKey, {
-            type: 'SET_RESIZE_HANDLE_POSITION',
-            data: {
-              resizeHandlePos: handlePos,
-            },
-          }),
-        );
-        view.dom.dispatchEvent(
-          new MouseEvent('mousedown', { clientX: handlePos }),
-        );
-      },
-      resizeHandlePos,
-      tableResizingPluginKey,
-    );
-
-    // doesn't reject the promise (throw)
-    expect(updateEditorProps(page, { appearance: 'full-width' })).resolves
-      .toBeUndefined;
-  },
-);

package/src/__tests__/integration/scale.ts

@@ -1,70 +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 {
-  deleteColumn,
-  insertColumn,
-} 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 {
-  tableInOverflow,
-  tableWithManyMinWidthCols,
-} from './__fixtures__/scale';
-
-BrowserTestCase(
-  'Should scale remaining columns when adding a new column preventing from going to overflow',
-  { skip: ['safari'] },
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(tableWithManyMinWidthCols),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await insertColumn(page, 5, 'left');
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);
-
-BrowserTestCase(
-  'Should scale remaining columns when deleting a column recovering table from overflow',
-  { skip: [] },
-  async (client: any, testName: string) => {
-    const page = await goToEditorTestingWDExample(
-      client,
-      'editor-plugin-table',
-    );
-
-    await mountEditor(page, {
-      appearance: fullpage.appearance,
-      defaultValue: JSON.stringify(tableInOverflow),
-      allowTables: {
-        advanced: true,
-      },
-    });
-
-    await deleteColumn(page, 1);
-
-    const doc = await page.$eval(editable, getDocFromElement);
-    expect(doc).toMatchCustomDocSnapshot(testName);
-  },
-);