opentiny 6.9.0 → 6.9.2

package/src/themes/silver/test/ts/browser/window/SilverInlineDialogPersistenceTest.ts

@@ -1,173 +0,0 @@
-import { Cursors, Keys, Mouse, UiFinder } from '@ephox/agar';
-import { beforeEach, context, describe, it } from '@ephox/bedrock-client';
-import { Arr } from '@ephox/katamari';
-import { SugarBody } from '@ephox/sugar';
-import { TinyDom, TinyHooks, TinyUiActions } from '@ephox/wrap-mcagar';
-
-import Editor from 'tinymce/core/api/Editor';
-import { Dialog } from 'tinymce/core/api/ui/Ui';
-
-import * as DialogUtils from '../../module/DialogUtils';
-
-interface TestSpec {
-  label: string;
-  location: 'toolbar' | 'bottom';
-}
-
-describe('browser.tinymce.themes.silver.window.SilverInlineDialogPersistenceTest', () => {
-  Arr.each([
-    { label: 'Inline Mode', inline: true },
-    { label: 'Iframe Mode', inline: false }
-  ], (editorMode) => {
-    Arr.each([
-      { label: 'Inline dialog (bottom)', location: 'bottom' },
-      { label: 'Inline dialog (toolbar)', location: 'toolbar' }
-    ], (dialogLocation: TestSpec) => {
-      Arr.each([
-        { label: 'Persistent mode: true', persistent: true },
-        { label: 'Persistent mode: false', persistent: false }
-      ], (persistentMode) => {
-        context(`${editorMode.label} ${dialogLocation.label} - ${persistentMode.label} `, () => {
-          const hook = TinyHooks.bddSetup<Editor>({
-            base_url: '/project/tinymce/js/tinymce',
-            inline: editorMode.inline,
-            toolbar: 'bold italic underline | forecolor backcolor outdent indent',
-            setup: (ed: Editor) => {
-              ed.ui.registry.addContextToolbar('test-context-toolbar', {
-                predicate: (_) => true,
-                items: 'bold',
-                position: 'selection',
-                scope: 'node'
-              });
-            }
-          }, [], true);
-
-          const dialogSpec: Dialog.DialogSpec<{}> = {
-            title: 'inlinedialog',
-            body: {
-              type: 'panel',
-              items: [
-                {
-                  type: 'panel',
-                  items: [
-                    {
-                      type: 'htmlpanel',
-                      html: '<h1>Heading</h1><p>paragraph</p>',
-                      presets: 'presentation'
-                    }
-                  ]
-                }
-              ]
-            },
-            buttons: [
-              {
-                type: 'submit',
-                name: 'save',
-                text: 'Save',
-                primary: true
-              },
-              {
-                type: 'cancel',
-                name: 'cancel',
-                text: 'Cancel',
-              }
-            ],
-            onSubmit: (api) => api.close(),
-          };
-
-          const assertDialogVisibility = (isVisible: boolean) => {
-            const existsFn = isVisible ? UiFinder.exists : UiFinder.notExists;
-            existsFn(SugarBody.body(), '.tox-dialog-inline');
-          };
-
-          const closeMenu = (editor: Editor): void => {
-            const uiRoot = TinyUiActions.getUiRoot(editor);
-            TinyUiActions.keystroke(editor, Keys.escape());
-            UiFinder.notExists(uiRoot, '[role=menu]');
-          };
-
-          beforeEach(() => {
-            const editor = hook.editor();
-            editor.setContent(Arr.range(50, (index) => index === 5 ? '<a href="google.com">Google</a>' : '<p>Some content...</p>').join('\n'));
-          });
-
-          it('TINY-9991: Inline toolbar dialog persistent - clicking on the editor container', async () => {
-            const editor = hook.editor();
-            const api = DialogUtils.open(editor, dialogSpec, { inline: dialogLocation.location, persistent: persistentMode.persistent });
-            await TinyUiActions.pWaitForDialog(editor);
-
-            // Clicking on the editor container
-            Mouse.trueClickOn(TinyDom.body(editor), 'p');
-            assertDialogVisibility(persistentMode.persistent);
-            api.close();
-          });
-
-          it('TINY-9991: Inline toolbar dialog persistent - clicking on dialogs buttons to close dialog', async () => {
-            const editor = hook.editor();
-            const api = DialogUtils.open(editor, dialogSpec, { inline: dialogLocation.location, persistent: persistentMode.persistent });
-            await TinyUiActions.pWaitForDialog(editor);
-            Mouse.trueClickOn(TinyDom.body(editor), 'p');
-            assertDialogVisibility(persistentMode.persistent);
-            api.close();
-
-            // Dialog should be closed when pressing escape
-            DialogUtils.open(editor, dialogSpec, { inline: dialogLocation.location, persistent: persistentMode.persistent });
-            TinyUiActions.keystroke(editor, Keys.escape());
-            assertDialogVisibility(false);
-
-            // Dialog should be closed when clicking on cancel button
-            DialogUtils.open(editor, dialogSpec, { inline: dialogLocation.location, persistent: persistentMode.persistent });
-            TinyUiActions.closeDialog(editor);
-            assertDialogVisibility(false);
-
-            // Dialog should be closed when submitting
-            DialogUtils.open(editor, dialogSpec, { inline: dialogLocation.location, persistent: persistentMode.persistent });
-            TinyUiActions.submitDialog(editor);
-            assertDialogVisibility(false);
-
-            // Dialog should be closed when cancelling
-            DialogUtils.open(editor, dialogSpec, { inline: dialogLocation.location, persistent: persistentMode.persistent });
-            TinyUiActions.cancelDialog(editor);
-            assertDialogVisibility(false);
-          });
-
-          it('TINY-9991: Inline toolbar dialog persistent - clicking on menu bar', async () => {
-            const editor = hook.editor();
-            const api = DialogUtils.open(editor, dialogSpec, { inline: dialogLocation.location, persistent: persistentMode.persistent });
-            await TinyUiActions.pWaitForDialog(editor);
-            Mouse.trueClickOn(TinyDom.container(editor), 'button:contains("File")');
-            assertDialogVisibility(persistentMode.persistent);
-            closeMenu(editor);
-            api.close();
-          });
-
-          it('TINY-9991: Inline toolbar dialog persistent - clicking on toolbar', async () => {
-            const editor = hook.editor();
-            const api = DialogUtils.open(editor, dialogSpec, { inline: dialogLocation.location, persistent: persistentMode.persistent });
-            await TinyUiActions.pWaitForDialog(editor);
-            Mouse.trueClickOn(TinyDom.container(editor), '.tox-tbtn[data-mce-name="bold"]');
-            assertDialogVisibility(persistentMode.persistent);
-            api.close();
-          });
-
-          it('TINY-9991: Inline toolbar dialog persistent - clicking on the editor content to show context toolbar', async () => {
-            const editor = hook.editor();
-            const api = DialogUtils.open(editor, dialogSpec, { inline: dialogLocation.location, persistent: persistentMode.persistent });
-            await TinyUiActions.pWaitForDialog(editor);
-
-            // Clicking on the editor container
-            editor.focus();
-            const elem = UiFinder.findIn(TinyDom.body(editor), 'a').getOrDie();
-            const target = Cursors.follow(elem, [ 0 ]).getOrDie();
-            editor.selection.select(target.dom);
-            Mouse.click(target);
-
-            await TinyUiActions.pWaitForUi(editor, '.tox-toolbar button[aria-label="Bold"]');
-            assertDialogVisibility(persistentMode.persistent);
-            api.close();
-          });
-        });
-      });
-    });
-  });
-});

package/src/themes/silver/test/ts/browser/window/SilverInlineDialogPositionTest.ts

@@ -1,451 +0,0 @@
-import { Mouse, UiFinder, Waiter } from '@ephox/agar';
-import { Boxes } from '@ephox/alloy';
-import { context, describe, it } from '@ephox/bedrock-client';
-import { Arr } from '@ephox/katamari';
-import { Class, Css, Height, Insert, Remove, Scroll, SugarBody, SugarElement, Traverse } from '@ephox/sugar';
-import { TinyDom, TinyHooks, TinyUiActions } from '@ephox/wrap-mcagar';
-import { assert } from 'chai';
-
-import Editor from 'tinymce/core/api/Editor';
-import { Dialog } from 'tinymce/core/api/ui/Ui';
-
-import * as DialogUtils from '../../module/DialogUtils';
-import * as PageScroll from '../../module/PageScroll';
-import { resizeToPos, scrollRelativeEditor } from '../../module/UiUtils';
-
-// TODO TINY-10480: Investigate flaky tests
-describe.skip('browser.tinymce.themes.silver.window.SilverInlineDialogPositionTest', () => {
-  const dialogSpec: Dialog.DialogSpec<{}> = {
-    title: 'Silver Test Inline (Toolbar) Dialog',
-    body: {
-      type: 'panel',
-      items: []
-    },
-    buttons: [
-      {
-        type: 'cancel',
-        name: 'cancel',
-        text: 'Cancel'
-      }
-    ],
-    initialData: {}
-  };
-
-  const pAssertPos = (dialog: SugarElement<HTMLElement>, pos: string, x: number, y: number) =>
-    Waiter.pTryUntil('Wait for dialog position to update', () => {
-      const diff = 5;
-      const position = Css.get(dialog, 'position');
-      const top = dialog.dom.offsetTop;
-      const left = dialog.dom.offsetLeft;
-      assert.equal(position, pos, `Dialog position (${position}) should be ${pos}`);
-      assert.approximately(top, y, diff, `Dialog top position (${top}px) should be ~${y}px`);
-      assert.approximately(left, x, diff, `Dialog left position (${left}px) should be ~${x}px`);
-    });
-
-  const openDialog = (editor: Editor, inline: 'toolbar' | 'bottom' = 'toolbar'): SugarElement<HTMLElement> => {
-    DialogUtils.open(editor, dialogSpec, { inline });
-    const dialog = UiFinder.findIn(SugarBody.body(), '.tox-dialog-inline').getOrDie();
-    return Traverse.parent(dialog).getOr(dialog) as SugarElement<HTMLElement>;
-  };
-
-  context('Top toolbar positioning', () => {
-    Arr.each([
-      { name: 'normal', settings: { ui_mode: 'combined' }},
-      { name: 'normal-split-ui-mode', settings: { ui_mode: 'split' }}
-    ], (tester) => {
-      context(tester.name, () => {
-        const hook = TinyHooks.bddSetup<Editor>({
-          base_url: '/project/tinymce/js/tinymce',
-          resize: 'both',
-          height: 400,
-          width: 650,
-          toolbar_sticky: false,
-          toolbar_mode: 'wrap',
-          ...tester.settings
-        }, []);
-
-        it('Test position when resizing', async () => {
-          const editor = hook.editor();
-          const resizeHandle = UiFinder.findIn(SugarBody.body(), '.tox-statusbar__resize-handle').getOrDie();
-          const dialog = openDialog(editor);
-          await pAssertPos(dialog, 'absolute', 158, -306);
-
-          // Shrink the editor to 300px
-          Mouse.mouseDown(resizeHandle);
-          resizeToPos(650, 400, 500, 300);
-          await pAssertPos(dialog, 'absolute', 5, -166); // Toolbar wraps so y diff is 100 + toolbar height
-
-          // Enlarge the editor to 500px
-          Mouse.mouseDown(resizeHandle);
-          resizeToPos(500, 300, 750, 500);
-          await pAssertPos(dialog, 'absolute', 258, -406);
-
-          // Resize back to the original size
-          Mouse.mouseDown(resizeHandle);
-          resizeToPos(750, 500, 650, 400);
-          await pAssertPos(dialog, 'absolute', 158, -306);
-
-          DialogUtils.close(editor);
-        });
-
-        it('Test position when scrolling', async () => {
-          const editor = hook.editor();
-          const dialog = openDialog(editor);
-
-          // Enlarge the editor to 2000px
-          Height.set(TinyDom.container(editor), 2000);
-          editor.dispatch('ResizeEditor');
-          await pAssertPos(dialog, 'absolute', 158, -1901);
-
-          // Scroll to 1500px and assert docked
-          Scroll.to(0, 1500);
-          await pAssertPos(dialog, 'fixed', 158, 0);
-
-          // Scroll back to top and assert not docked
-          Scroll.to(0, 0);
-          await pAssertPos(dialog, 'absolute', 158, -1906);
-
-          DialogUtils.close(editor);
-        });
-
-        it('Test initial position when initially scrolled', async () => {
-          const editor = hook.editor();
-
-          // Enlarge the editor to 2000px
-          Height.set(TinyDom.container(editor), 2000);
-          editor.dispatch('ResizeEditor');
-
-          // Scroll to 1500px, open the dialog and assert docked
-          Scroll.to(0, 1500);
-          const dialog = openDialog(editor);
-          await pAssertPos(dialog, 'fixed', 158, 0);
-
-          // Scroll back to top and assert not docked
-          Scroll.to(0, 0);
-          await pAssertPos(dialog, 'absolute', 158, -1906);
-
-          DialogUtils.close(editor);
-        });
-      });
-    });
-  });
-
-  context('TINY-9554: dialog position with editor in fixed container', () => {
-    const setupElement = () => {
-      const container = SugarElement.fromHtml('<div class="container" style="position: fixed; top: 150px; left: 150px;"></div>');
-      const element = SugarElement.fromTag('textarea');
-
-      Insert.append(SugarBody.body(), container);
-      Insert.append(container, element);
-
-      return {
-        element,
-        teardown: () => {
-          Remove.remove(element);
-          Remove.remove(container);
-        }
-      };
-    };
-
-    const hook = TinyHooks.bddSetupFromElement<Editor>({
-      base_url: '/project/tinymce/js/tinymce',
-      height: 400,
-      width: 650,
-      menubar: false
-    }, setupElement, []);
-
-    it('TINY-9554: the dialog should be below the toolbar of the editor', () => {
-      const editor = hook.editor();
-      const dialog = openDialog(editor);
-      const editorToolbar = UiFinder.findIn(TinyDom.container(editor), '.tox-editor-header').getOrDie();
-
-      assert.isTrue(editorToolbar.dom.getBoundingClientRect().bottom < dialog.dom.getBoundingClientRect().top);
-
-      DialogUtils.close(editor);
-    });
-  });
-
-  context('Bottom toolbar positioning', () => {
-    Arr.each([
-      { name: 'normal', settings: { ui_mode: 'combined' }},
-      { name: 'normal-split-ui-mode', settings: { ui_mode: 'split' }}
-    ], (tester) => {
-      context(tester.name, () => {
-        const hook = TinyHooks.bddSetup<Editor>({
-          base_url: '/project/tinymce/js/tinymce',
-          height: 400,
-          width: 600,
-          toolbar_sticky: true,
-          toolbar_location: 'bottom',
-          ...tester.settings
-        }, []);
-
-        PageScroll.bddSetup(hook.editor, 1000);
-
-        it('Position of dialog should be constant when toolbar bottom docks', async () => {
-          const editor = hook.editor();
-
-          // Scroll so that the editor is fully in view
-          scrollRelativeEditor(editor, 'top', -100);
-          const dialog = openDialog(editor);
-          await pAssertPos(dialog, 'absolute', 108, -1387);
-
-          // Scroll so that bottom of window overlaps bottom of editor
-          scrollRelativeEditor(editor, 'bottom', -200);
-          await pAssertPos(dialog, 'absolute', 108, -1387);
-
-          // Scroll so that top of window overlaps top of editor
-          scrollRelativeEditor(editor, 'top', 200);
-          await pAssertPos(dialog, 'fixed', 108, 0);
-
-          DialogUtils.close(editor);
-        });
-
-        it('Test position when resizing', async () => {
-          const editor = hook.editor();
-          const resizeHandle = UiFinder.findIn(SugarBody.body(), '.tox-statusbar__resize-handle').getOrDie();
-
-          scrollRelativeEditor(editor, 'top', -100);
-          const dialog = openDialog(editor);
-          await pAssertPos(dialog, 'absolute', 108, -1387);
-
-          // Shrink the editor to 300px
-          Mouse.mouseDown(resizeHandle);
-          resizeToPos(600, 400, 600, 300);
-          await pAssertPos(dialog, 'absolute', 108, -1287);
-
-          DialogUtils.close(editor);
-        });
-      });
-    });
-  });
-
-  context('Bottom toolbar with inline editor positioning', () => {
-    Arr.each([
-      { name: 'inline', settings: { ui_mode: 'combined' }, sinkSeparatedByScrollDiv: false },
-      { name: 'inline-split-ui-mode', settings: { ui_mode: 'split' }, sinkSeparatedByScrollDiv: true }
-    ], (tester) => {
-      context(tester.name, () => {
-        const hook = TinyHooks.bddSetupFromElement<Editor>({
-          theme: 'silver',
-          base_url: '/project/tinymce/js/tinymce',
-          inline: true,
-          toolbar_location: 'bottom',
-          ...tester.settings
-        }, () => {
-          const div = SugarElement.fromHtml<HTMLDivElement>('<div style="width: 600px; height: 400px;"></div>');
-          return {
-            element: div,
-            teardown: () => Remove.remove(div)
-          };
-        }, []);
-
-        // This scroll div is inserted before and after the target, so the popup sink that
-        // gets added for inline mode in ui_mode: split is separated from the dialog sink
-        // by the height of one scroll div
-        const scrollDivHeight = 1000;
-        PageScroll.bddSetup(hook.editor, scrollDivHeight);
-
-        it('Position of dialog should be constant when toolbar bottom docks', async () => {
-          const editor = hook.editor();
-
-          // When in two sink mode (ui_mode: split), we need to consider the height of the scrollDiv when
-          // comparing *absolute* positions.
-          const yDelta = tester.sinkSeparatedByScrollDiv ? scrollDivHeight : 0;
-
-          // Scroll so that the editor is fully in view
-          scrollRelativeEditor(editor, 'top', -100);
-          editor.focus();
-          await TinyUiActions.pWaitForPopup(editor, '.tox-tinymce-inline');
-          const dialog = openDialog(editor);
-          await pAssertPos(dialog, 'absolute', 106, -1388 + yDelta);
-
-          // Scroll so that bottom of window overlaps bottom of editor
-          scrollRelativeEditor(editor, 'bottom', -200);
-          await pAssertPos(dialog, 'absolute', 106, -1388 + yDelta);
-
-          // Scroll so that top of window overlaps top of editor
-          scrollRelativeEditor(editor, 'top', 200);
-          // We don't need to consider the height of the scrollDiv for things with fixed positioning
-          await pAssertPos(dialog, 'fixed', 106, 0);
-
-          DialogUtils.close(editor);
-        });
-      });
-    });
-  });
-
-  context('Inline dialog bottom', () => {
-    const getDialogOffsetLeft = (editor: Editor) => {
-      const dialogWidth = 480;
-      const halfOfEditorWidth = TinyDom.contentAreaContainer(editor).dom.getBoundingClientRect().width / 2;
-      const dialogOffsetLeft = halfOfEditorWidth - (dialogWidth / 2);
-
-      return dialogOffsetLeft;
-    };
-
-    context('editor height does not exceed viewport', () => {
-      context('iframe editor', () => {
-        const hook = TinyHooks.bddSetup<Editor>({
-          base_url: '/project/tinymce/js/tinymce',
-          resize: 'both',
-          height: 400,
-          width: 650,
-        }, []);
-
-        const dialogHeight = 124, margin = 15;
-
-        it('TINY-9888: Test bottom inline dialog position', async () => {
-          const editor = hook.editor();
-          const dialog = openDialog(editor, 'bottom');
-
-          const sinkBottom = UiFinder.findIn(SugarBody.body(), '.tox-silver-sink').getOrDie().dom.getBoundingClientRect().top;
-          const containerBottom = TinyDom.contentAreaContainer(editor).dom.getBoundingClientRect().bottom;
-          const offsetTop = containerBottom - sinkBottom - dialogHeight - margin;
-          await pAssertPos(dialog, 'absolute', getDialogOffsetLeft(editor), offsetTop);
-
-          DialogUtils.close(editor);
-        });
-      });
-
-      context('inline editor', () => {
-        const hook = TinyHooks.bddSetup<Editor>({
-          base_url: '/project/tinymce/js/tinymce',
-          resize: 'both',
-          width: 650,
-          inline: true
-        }, []);
-
-        const dialogHeight = 124, margin = 15;
-
-        it('TINY-9888: Test bottom inline dialog position', async () => {
-          const editor = hook.editor();
-
-          const content = Arr.range(10, (_) => '<p>test</p>').join('\n');
-          editor.insertContent(content);
-
-          const dialog = openDialog(editor, 'bottom');
-          const sinkBottom = UiFinder.findIn(SugarBody.body(), '.tox-silver-sink').getOrDie().dom.getBoundingClientRect().top;
-          const containerBottom = TinyDom.contentAreaContainer(editor).dom.getBoundingClientRect().bottom;
-          const offsetTop = containerBottom - sinkBottom - dialogHeight - margin;
-          await pAssertPos(dialog, 'absolute', getDialogOffsetLeft(editor), offsetTop);
-
-          DialogUtils.close(editor);
-        });
-      });
-    });
-
-    context('editor height exceeds viewport', () => {
-      context('iframe', () => {
-        const hook = TinyHooks.bddSetup<Editor>({
-          base_url: '/project/tinymce/js/tinymce',
-          resize: 'both',
-          height: 3000,
-          width: 650,
-        }, []);
-
-        const dialogHeight = 124, margin = 15;
-
-        it('TINY-9888: Test bottom inline dialog position when scrolling', async () => {
-          const editor = hook.editor();
-          const dialog = openDialog(editor, 'bottom');
-
-          const pAssertPosition = () =>
-            Waiter.pTryUntil('Wait for dialog position to update', () => {
-              const top = dialog.dom.getBoundingClientRect().top;
-
-              // Use the height of the viewport to calculate the expected position
-              const y = Boxes.win().height - dialogHeight - margin;
-              assert.approximately(top, y, 5, `Dialog top position (${top}px) should be ~${y}px`);
-            });
-
-          Scroll.to(0, 0);
-          await pAssertPosition();
-
-          Scroll.to(0, 200);
-          await pAssertPosition();
-
-          Scroll.to(0, 400);
-          await pAssertPosition();
-
-          Scroll.to(0, 600);
-          await pAssertPosition();
-
-          Scroll.to(0, 5000);
-          const sinkBottom = UiFinder.findIn(SugarBody.body(), '.tox-silver-sink').getOrDie().dom.getBoundingClientRect().top;
-          const containerBottom = TinyDom.contentAreaContainer(editor).dom.getBoundingClientRect().bottom;
-          const offsetTop = containerBottom - sinkBottom - dialogHeight - margin;
-          await pAssertPos(dialog, 'absolute', getDialogOffsetLeft(editor), offsetTop);
-
-          DialogUtils.close(editor);
-        });
-      });
-
-      Arr.each([ 'inline', 'iframe toolbar sticky' ], (editorType: string) => {
-        context(editorType, () => {
-          const hook = TinyHooks.bddSetup<Editor>({
-            base_url: '/project/tinymce/js/tinymce',
-            height: 3000,
-            width: 650,
-            inline: editorType === 'inline',
-            toolbar_sticky: true
-          }, []);
-
-          it('TINY-9888: Test bottom inline dialog position when scrolling', async () => {
-            const editor = hook.editor();
-
-            editor.insertContent('<p>test</p>');
-
-            const dialog = openDialog(editor, 'bottom');
-
-            const dialogHeight = 124, margin = 15;
-            const pAssertPosition = () => {
-              return Waiter.pTryUntil('Wait for dialog position to update', () => {
-                const top = dialog.dom.getBoundingClientRect().top;
-
-                // Use the height of the viewport to calculate the expected position
-                const y = Boxes.win().height - dialogHeight - margin;
-                assert.approximately(top, y, 5, `Dialog top position (${top}px) should be ~${y}px`);
-              });
-            };
-
-            const assertFn = (dialog: SugarElement<HTMLElement>) => {
-              const bottom = Boxes.win().height - margin - dialogHeight;
-              const fixedSink = Class.has(TinyDom.container(editor), 'tox-tinymce--toolbar-sticky-on');
-              return fixedSink ? async () => await pAssertPos(dialog, 'fixed', getDialogOffsetLeft(editor), bottom) : async () => await pAssertPosition();
-            };
-
-            Scroll.to(0, 0);
-            assertFn(dialog);
-
-            if (editorType === 'inline') {
-              const content = Arr.range(50, (_) => '<p>test</p><p>test</p><p>test</p>').join('\n');
-              editor.insertContent(content);
-            }
-
-            DialogUtils.close(editor);
-            const dialog2 = openDialog(editor, 'bottom');
-            Scroll.to(0, 200);
-            assertFn(dialog2);
-
-            Scroll.to(0, 400);
-            assertFn(dialog2);
-
-            Scroll.to(0, 600);
-            assertFn(dialog2);
-
-            Scroll.to(0, 1500);
-            assertFn(dialog2);
-
-            Scroll.to(0, 5000);
-            // Use content area container instead of screen height, because the editor might not be full screen when it's scrolled to the bottom
-            const bottom2 = TinyDom.contentAreaContainer(editor).dom.getBoundingClientRect().bottom - dialogHeight - margin;
-            await pAssertPos(dialog2, 'fixed', getDialogOffsetLeft(editor), bottom2);
-
-            DialogUtils.close(editor);
-          });
-        });
-      });
-    });
-  });
-});