@opensumi/playwright 2.21.13-rc-1673328992.0 → 2.21.13

package/src/search-view.ts

@@ -1,260 +0,0 @@
-import { isDefined } from '@opensumi/ide-utils';
-
-import { OpenSumiApp } from './app';
-import { OpenSumiPanel } from './panel';
-import { OpenSumiTreeNode } from './tree-node';
-
-export interface ISearchOptions {
-  search: string;
-  include?: string;
-  exclude?: string;
-  useDefaultExclude?: boolean;
-  useRegexp?: boolean;
-  isMatchWhileWord?: boolean;
-  isMatchCase?: boolean;
-}
-
-const SEARCH_OPTIONS = {
-  MATCH_CASE: 'Match Case',
-  MATCH_WHOLE_WORD: 'Match Whole Word',
-  USE_REGEXP: 'Use Regular Expression',
-};
-
-export class OpenSumiSearchFileStatNode extends OpenSumiTreeNode {
-  async getFsPath() {
-    return await this.elementHandle.getAttribute('title');
-  }
-
-  async isFile() {
-    const icon = await this.elementHandle.$("[class*='icon__']");
-    if (!icon) {
-      return false;
-    }
-    const className = await icon.getAttribute('class');
-    return className?.includes('file-icon');
-  }
-
-  async getMenuItemByName(name: string) {
-    const contextMenu = await this.openContextMenu();
-    const menuItem = await contextMenu.menuItemByName(name);
-    return menuItem;
-  }
-
-  async open() {
-    await this.elementHandle.click();
-  }
-
-  async getBadge() {
-    const status = await this.elementHandle.$('[class*="status___"]');
-    return await status?.textContent();
-  }
-}
-
-export class OpenSumiSearchView extends OpenSumiPanel {
-  constructor(app: OpenSumiApp) {
-    super(app, 'SEARCH');
-  }
-
-  get searchInputSelector() {
-    return '#search-input-field';
-  }
-
-  get replaceInputSelector() {
-    return '#replace-input-field';
-  }
-
-  get includeInputSelector() {
-    return '#include-input-field';
-  }
-
-  get excludeInputSelector() {
-    return '#exclude-input-field';
-  }
-
-  async getSearchResult() {
-    let results;
-    let files;
-    const resultElement = await this.app.page.waitForSelector('[class*="result_describe__"]');
-    const text = await resultElement.textContent();
-    const regx = /^(\d+) results found in (\d+) files/gi;
-    if (text) {
-      const match = regx.exec(text);
-      if (match) {
-        results = Number(match[1]);
-        files = Number(match[2]);
-      }
-    }
-    return {
-      results,
-      files,
-    };
-  }
-
-  async getReplaceAllButton() {
-    const button = this.view?.$('[class*="replace_all_button__"]');
-    return button;
-  }
-
-  async focusOnSearch() {
-    const visible = await this.isVisible();
-    if (!visible) {
-      await this.open();
-    }
-    const input = await this.app.page.$(this.searchInputSelector);
-    await input?.fill('');
-    await input?.focus();
-  }
-
-  async focusOnReplace() {
-    const visible = await this.isVisible();
-    if (!visible) {
-      await this.open();
-    }
-    const input = await this.app.page.$(this.replaceInputSelector);
-    await input?.focus();
-    return input;
-  }
-
-  async focusOnExclude() {
-    const visible = await this.isVisible();
-    if (!visible) {
-      await this.open();
-    }
-    const input = await this.getExcludeInput();
-    await input?.focus();
-  }
-
-  async focusOnInclude() {
-    const visible = await this.isVisible();
-    if (!visible) {
-      await this.open();
-    }
-    const input = await this.getIncludeInput();
-    await input?.focus();
-  }
-
-  async getSearchInput() {
-    return await this.view?.$(this.searchInputSelector);
-  }
-
-  async getReplaceInput() {
-    return await this.view?.$(this.replaceInputSelector);
-  }
-
-  async getExcludeInput() {
-    return await this.view?.$(this.excludeInputSelector);
-  }
-
-  async getIncludeInput() {
-    return await this.view?.$(this.includeInputSelector);
-  }
-
-  async getSearchAction(value: string) {
-    const searchField = await this.view?.$('[class*="search_field__"]');
-    if (searchField) {
-      const options = await searchField.$$('[class*="search_option__"]');
-      for (const option of options) {
-        const title = await option.getAttribute('title');
-        if (title === value) {
-          return option;
-        }
-      }
-    }
-  }
-
-  async activeSearchAction(value: string) {
-    const action = await this.getSearchAction(value);
-    const classname = await action?.getAttribute('class');
-    if (classname?.includes('select___')) {
-      return;
-    }
-    await action?.click();
-  }
-
-  async deactiveSearchAction(value: string) {
-    const action = await this.getSearchAction(value);
-    const classname = await action?.getAttribute('class');
-    if (classname?.includes('select___')) {
-      await action?.click();
-    }
-  }
-
-  async toggleDisplaySearchRules(expected?: boolean) {
-    const visible = await this.isVisible();
-    if (!visible) {
-      await this.open();
-    }
-    const titleBar = await this.view?.$('[class*="search_input_title_"]');
-    const checkbox = await titleBar?.$('.kt-checkbox');
-    const checked = await checkbox?.isChecked();
-    if (isDefined(expected) && expected === checked) {
-      return;
-    }
-    await checkbox?.click();
-  }
-
-  async toggleUseDefaultExclude(expected?: boolean) {
-    const visible = await this.isVisible();
-    if (!visible) {
-      await this.open();
-    }
-    const wrapper = await this.view?.$('[class*="use_default_excludes_wrapper_"]');
-    const checkbox = await wrapper?.$('.kt-checkbox');
-    const checked = await checkbox?.isChecked();
-    if (isDefined(expected) && expected === checked) {
-      return;
-    }
-    await checkbox?.click();
-  }
-
-  async search(options: ISearchOptions) {
-    if (!(await this.isVisible())) {
-      await this.open();
-    }
-    if (!options.search) {
-      return;
-    }
-    if (isDefined(options.isMatchCase)) {
-      (await options.isMatchCase)
-        ? this.activeSearchAction(SEARCH_OPTIONS.MATCH_CASE)
-        : this.deactiveSearchAction(SEARCH_OPTIONS.MATCH_CASE);
-    }
-    if (isDefined(options.isMatchWhileWord)) {
-      (await options.isMatchWhileWord)
-        ? this.activeSearchAction(SEARCH_OPTIONS.MATCH_WHOLE_WORD)
-        : this.deactiveSearchAction(SEARCH_OPTIONS.MATCH_WHOLE_WORD);
-    }
-    if (isDefined(options.useRegexp)) {
-      (await options.useRegexp)
-        ? this.activeSearchAction(SEARCH_OPTIONS.USE_REGEXP)
-        : this.deactiveSearchAction(SEARCH_OPTIONS.USE_REGEXP);
-    }
-    if (options.exclude || options.include || isDefined(options.useDefaultExclude)) {
-      await this.toggleDisplaySearchRules(true);
-      if (options.exclude) {
-        await this.focusOnExclude();
-        await this.page.keyboard.type(options.exclude);
-      }
-      if (options.include) {
-        await this.focusOnInclude();
-        await this.page.keyboard.type(options.include);
-      }
-      const useDefaultExlude = isDefined(options.useDefaultExclude) ? options.useDefaultExclude : true;
-      await this.toggleUseDefaultExclude(useDefaultExlude);
-    }
-    // Search on the end.
-    await this.focusOnSearch();
-    await this.page.keyboard.type(options.search);
-  }
-
-  async getTreeNodeByIndex(index: number) {
-    const treeItems = await this.view?.$$('[class*="search_node___"]');
-    if (!treeItems) {
-      return;
-    }
-    const node = treeItems[index];
-    if (node) {
-      return new OpenSumiSearchFileStatNode(node, this.app);
-    }
-  }
-}

package/src/source-control-view.ts

@@ -1,44 +0,0 @@
-import { OpenSumiApp } from './app';
-import { OpenSumiView } from './view';
-
-export class OpenSumiSourceControlView extends OpenSumiView {
-  constructor(app: OpenSumiApp, name: string) {
-    super(app, {
-      viewSelector: '[data-view-id="scm_view"]',
-      tabSelector: '[data-view-id="scm_view"] [tabindex="0"]',
-      name,
-    });
-  }
-
-  async getTitleActionByName(name: string) {
-    const header = await this.page.$('.scm [class*="titlebar___"]');
-    if (!header) {
-      return;
-    }
-    await header.hover();
-    const titleAction = await header.waitForSelector('[class*="titleActions___"]');
-    const actions = await titleAction.$$('[class*="iconAction__"]');
-    for (const action of actions) {
-      const title = await action.getAttribute('title');
-      if (name === title) {
-        return action;
-      }
-    }
-  }
-
-  async getTitleActionById(id: string) {
-    const header = await this.page.$('.scm [class*="titlebar___"]');
-    if (!header) {
-      return;
-    }
-    await header.hover();
-    const titleAction = await header.waitForSelector('[class*="titleActions___"]');
-    const actions = await titleAction.$$('[class*="iconAction__"]');
-    for (const action of actions) {
-      const itemId = await action.getAttribute('id');
-      if (id === itemId) {
-        return action;
-      }
-    }
-  }
-}

package/src/terminal-view.ts

@@ -1,50 +0,0 @@
-import { OpenSumiApp } from './app';
-import { OpenSumiContextMenu } from './context-menu';
-import { OpenSumiPanel } from './panel';
-
-type TerminalType = 'bash' | 'zsh' | 'Javascript Debug Terminal';
-
-export class OpenSumiTerminalView extends OpenSumiPanel {
-  constructor(app: OpenSumiApp) {
-    super(app, 'TERMINAL');
-  }
-
-  async sendText(text: string) {
-    const visible = await this.isVisible();
-    if (!visible) {
-      await this.open();
-    }
-    await this.focus();
-    const box = await this.view?.boundingBox();
-    if (box) {
-      await this.app.page.mouse.click(box.x + box?.width / 2, box.y + box?.height / 2);
-    }
-    await this.page.keyboard.type(text);
-    await this.app.page.keyboard.press('Enter');
-  }
-
-  async createTerminalByType(type: TerminalType) {
-    const buttonWrapper = await this.view?.$('[class*="item_wrapper__"]');
-    const buttons = await buttonWrapper?.$$('.kaitian-icon');
-    if (!buttons) {
-      return;
-    }
-    let button;
-    for (const item of buttons) {
-      const title = await item.getAttribute('title');
-      if (title === 'Create terminal by type') {
-        button = item;
-        break;
-      }
-    }
-    if (!button) {
-      return;
-    }
-    await button.click();
-    const menu = new OpenSumiContextMenu(this.app);
-    await menu.waitForVisible();
-    await menu.clickMenuItem(type);
-
-    await this.app.page.waitForTimeout(1000);
-  }
-}

package/src/tests/app.test.ts

@@ -1,16 +0,0 @@
-import path from 'path';
-
-import { expect } from '@playwright/test';
-
-import { OpenSumiApp } from '../app';
-import { OpenSumiWorkspace } from '../workspace';
-
-import test, { page } from './hooks';
-
-test.describe('Application', () => {
-  test('should show main layout', async () => {
-    const workspace = new OpenSumiWorkspace([path.resolve('./src/tests/workspaces/default')]);
-    const app = await OpenSumiApp.load(page, workspace);
-    expect(await app.isMainLayoutVisible()).toBe(true);
-  });
-});

package/src/tests/debug.test.ts

@@ -1,121 +0,0 @@
-import path from 'path';
-
-import { expect } from '@playwright/test';
-
-import { OpenSumiApp } from '../app';
-import { OpenSumiDebugView } from '../debug-view';
-import { OpenSumiExplorerView } from '../explorer-view';
-import { OpenSumiTerminalView } from '../terminal-view';
-import { OpenSumiTextEditor } from '../text-editor';
-import { OpenSumiWorkspace } from '../workspace';
-
-import test, { page } from './hooks';
-
-let app: OpenSumiApp;
-let explorer: OpenSumiExplorerView;
-let debugView: OpenSumiDebugView;
-let editor: OpenSumiTextEditor;
-let workspace: OpenSumiWorkspace;
-
-test.describe('OpenSumi Debug', () => {
-  test.beforeAll(async () => {
-    workspace = new OpenSumiWorkspace([path.resolve('./src/tests/workspaces/debug')]);
-    app = await OpenSumiApp.load(page, workspace);
-    explorer = await app.open(OpenSumiExplorerView);
-    explorer.initFileTreeView(workspace.workspace.displayName);
-    await explorer.fileTreeView.open();
-  });
-
-  test.afterAll(() => {
-    app.dispose();
-  });
-
-  test('Debug breakpoint editor glyph margin should be worked', async () => {
-    editor = await app.openEditor(OpenSumiTextEditor, explorer, 'index.js', false);
-    const glyphMarginModel = await editor.getGlyphMarginModel();
-    let overlay = await glyphMarginModel.getOverlay(6);
-    await overlay?.click({ position: { x: 9, y: 9 }, force: true });
-    // 此时元素 dom 结构已经改变，需要重新获取
-    overlay = await glyphMarginModel.getOverlay(6);
-    expect(await glyphMarginModel.hasBreakpoint(overlay!)).toBeTruthy();
-    await editor.close();
-  });
-
-  test('Run Debug should be worked', async () => {
-    editor = await app.openEditor(OpenSumiTextEditor, explorer, 'index.js', false);
-    await app.page.waitForTimeout(1000);
-
-    debugView = await app.open(OpenSumiDebugView);
-    const glyphMarginModel = await editor.getGlyphMarginModel();
-    let glyphOverlay = await glyphMarginModel.getOverlay(6);
-    expect(glyphOverlay).toBeDefined();
-    if (!glyphOverlay) {
-      return;
-    }
-    const isClicked = await glyphMarginModel.hasBreakpoint(glyphOverlay);
-    if (!isClicked) {
-      await glyphOverlay?.click({ position: { x: 9, y: 9 }, force: true });
-      await app.page.waitForTimeout(1000);
-    }
-
-    await debugView.start();
-    await app.page.waitForTimeout(2000);
-
-    glyphOverlay = await glyphMarginModel.getOverlay(6);
-    expect(glyphOverlay).toBeDefined();
-    if (!glyphOverlay) {
-      return;
-    }
-    expect(await glyphMarginModel.hasTopStackFrame(glyphOverlay)).toBeTruthy();
-
-    const overlaysModel = await editor.getOverlaysModel();
-    const viewOverlay = await overlaysModel.getOverlay(6);
-    expect(viewOverlay).toBeDefined();
-    if (!viewOverlay) {
-      return;
-    }
-    expect(await glyphMarginModel.hasTopStackFrameLine(viewOverlay)).toBeTruthy();
-    await editor.close();
-    await debugView.stop();
-    await page.waitForTimeout(1000);
-  });
-
-  test('Run Debug by Javascript Debug Terminal', async () => {
-    await explorer.open();
-    editor = await app.openEditor(OpenSumiTextEditor, explorer, 'index.js', false);
-
-    const terminal = await app.open(OpenSumiTerminalView);
-    await terminal.createTerminalByType('Javascript Debug Terminal');
-    await terminal.sendText('node index.js');
-    await app.page.waitForTimeout(1000);
-
-    const glyphMarginModel = await editor.getGlyphMarginModel();
-    let glyphOverlay = await glyphMarginModel.getOverlay(6);
-    expect(glyphOverlay).toBeDefined();
-    if (!glyphOverlay) {
-      return;
-    }
-    const isClicked = await glyphMarginModel.hasBreakpoint(glyphOverlay);
-    if (!isClicked) {
-      await glyphOverlay?.click({ position: { x: 9, y: 9 }, force: true });
-      await app.page.waitForTimeout(1000);
-    }
-
-    glyphOverlay = await glyphMarginModel.getOverlay(6);
-    expect(glyphOverlay).toBeDefined();
-    if (!glyphOverlay) {
-      return;
-    }
-    expect(await glyphMarginModel.hasTopStackFrame(glyphOverlay)).toBeTruthy();
-
-    const overlaysModel = await editor.getOverlaysModel();
-    const viewOverlay = await overlaysModel.getOverlay(6);
-    expect(viewOverlay).toBeDefined();
-    if (!viewOverlay) {
-      return;
-    }
-    expect(await glyphMarginModel.hasTopStackFrameLine(viewOverlay)).toBeTruthy();
-    await debugView.stop();
-    await page.waitForTimeout(1000);
-  });
-});

package/src/tests/editor.test.ts

@@ -1,143 +0,0 @@
-import path from 'path';
-
-import { expect } from '@playwright/test';
-
-import { OpenSumiApp } from '../app';
-import { OPENSUMI_VIEW_CONTAINERS } from '../constans';
-import { OpenSumiExplorerView } from '../explorer-view';
-import { OpenSumiTextEditor } from '../text-editor';
-import { OpenSumiWorkspace } from '../workspace';
-
-import test, { page } from './hooks';
-
-let app: OpenSumiApp;
-let explorer: OpenSumiExplorerView;
-let editor: OpenSumiTextEditor;
-let workspace: OpenSumiWorkspace;
-
-test.describe('OpenSumi Editor', () => {
-  test.beforeAll(async () => {
-    workspace = new OpenSumiWorkspace([path.resolve('./src/tests/workspaces/default')]);
-    app = await OpenSumiApp.load(page, workspace);
-    explorer = await app.open(OpenSumiExplorerView);
-    explorer.initFileTreeView(workspace.workspace.displayName);
-    await explorer.fileTreeView.open();
-  });
-
-  test.afterAll(() => {
-    app.dispose();
-  });
-
-  test('open editor.js on the editor with preview', async () => {
-    editor = await app.openEditor(OpenSumiTextEditor, explorer, 'editor.js');
-    const isPreview = await editor.isPreview();
-    expect(isPreview).toBeTruthy();
-    await editor.close();
-  });
-
-  test('open editor.js on the editor without preview', async () => {
-    editor = await app.openEditor(OpenSumiTextEditor, explorer, 'editor.js', false);
-    const isPreview = await editor.isPreview();
-    expect(isPreview).toBeFalsy();
-    await editor.close();
-  });
-
-  test('editor dirty status should be update immediately after typing and saving', async () => {
-    editor = await app.openEditor(OpenSumiTextEditor, explorer, 'editor.js');
-    await editor.addTextToNewLineAfterLineByLineNumber(
-      1,
-      `const a = 'a';
-console.log(a);`,
-    );
-    let isDirty = await editor.isDirty();
-    expect(isDirty).toBeTruthy();
-    await editor.save();
-    await app.page.waitForTimeout(2000);
-    isDirty = await editor.isDirty();
-    expect(isDirty).toBeFalsy();
-    await editor.close();
-  });
-
-  test('File tree automatic location', async () => {
-    editor = await app.openEditor(OpenSumiTextEditor, explorer, 'editor.js', false);
-    const editor2 = await app.openEditor(OpenSumiTextEditor, explorer, 'editor2.js', false);
-    await app.page.waitForTimeout(1000);
-    const firstFileTab = await editor.getTab();
-    await firstFileTab?.click();
-    await app.page.waitForTimeout(1000);
-    const node = await explorer.getFileStatTreeNodeByPath('editor.js');
-    expect(await node?.isSelected()).toBeTruthy();
-    const node2 = await explorer.getFileStatTreeNodeByPath('editor2.js');
-    expect(await node2?.isSelected()).toBeFalsy();
-    await editor.close();
-    await editor2.close();
-  });
-
-  test('Close All Editors should be worked', async () => {
-    editor = await app.openEditor(OpenSumiTextEditor, explorer, 'editor.js', false);
-    await app.openEditor(OpenSumiTextEditor, explorer, 'editor2.js', false);
-    await app.page.waitForTimeout(1000);
-    expect(await editor.isTabVisible()).toBeTruthy();
-    const contextMenu = await editor.openTabContextMenu();
-    expect(await contextMenu?.isOpen()).toBeTruthy();
-    const closeAll = await contextMenu?.menuItemByName('Close All');
-    await closeAll?.click();
-    await app.page.waitForTimeout(1000);
-    expect(await editor.isTabVisible()).toBeFalsy();
-  });
-
-  test('copy path from file explorer to the editor content', async () => {
-    const node = await explorer.getFileStatTreeNodeByPath('editor3.js');
-    let fileMenu = await node?.openContextMenu();
-    expect(await fileMenu?.isOpen()).toBeTruthy();
-    const copyPath = await fileMenu?.menuItemByName('Copy Path');
-    await app.page.waitForTimeout(400);
-    await copyPath?.click();
-    editor = await app.openEditor(OpenSumiTextEditor, explorer, 'editor3.js');
-    await editor.addTextToNewLineAfterLineByLineNumber(1, 'File Path: ');
-    // cause of https://github.com/microsoft/playwright/issues/8114
-    // we can just using keypress to fake the paste feature
-    let editorMenu = await editor.openLineContextMenuByLineNumber(2);
-    expect(await editorMenu?.isOpen()).toBeTruthy();
-    let paste = await editorMenu?.menuItemByName('Paste');
-    await paste?.click();
-    await app.page.waitForTimeout(200);
-    expect(await editor.numberOfLines()).toBe(5);
-    expect(
-      await editor.textContentOfLineContainingText(
-        `File Path: ${workspace.workspace.resolve('editor3.js').codeUri.fsPath.toString()}`,
-      ),
-    ).toBeTruthy();
-    fileMenu = await node?.openContextMenu();
-    const copyRelativePath = await fileMenu?.menuItemByName('Copy Relative Path');
-    await copyRelativePath?.click();
-    await app.page.waitForTimeout(200);
-    await editor.addTextToNewLineAfterLineByLineNumber(2, 'File Relative Path: ');
-    editorMenu = await editor.openLineContextMenuByLineNumber(3);
-    expect(await editorMenu?.isOpen()).toBeTruthy();
-    paste = await editorMenu?.menuItemByName('Paste');
-    await paste?.click();
-    await app.page.waitForTimeout(200);
-    expect(await editor.numberOfLines()).toBe(6);
-    expect(await editor.textContentOfLineContainingText('File Relative Path: editor3.js')).toBeTruthy();
-  });
-
-  test('Go to Symbol... should be worked', async () => {
-    editor = await app.openEditor(OpenSumiTextEditor, explorer, 'editor2.js');
-    // waiting for extHost process done.
-    await app.page.waitForTimeout(1000);
-    const editorMenu = await editor.openLineContextMenuByLineNumber(1);
-    expect(await editorMenu?.isOpen()).toBeTruthy();
-    const goto = await editorMenu?.menuItemByName('Go to Symbol...');
-    await goto?.click();
-    await app.page.waitForTimeout(1000);
-    const input = await app.page.waitForSelector(`#${OPENSUMI_VIEW_CONTAINERS.QUICKPICK_INPUT}`);
-    await input.focus();
-    await app.page.keyboard.press(' ');
-    await app.page.keyboard.press('ArrowDown');
-    await app.page.keyboard.press('ArrowDown');
-    await app.page.keyboard.press('Enter');
-    await app.page.keyboard.press('Delete');
-    expect(await editor.textContentOfLineContainingText('Person.prototype.getAge = ;')).toBeTruthy();
-  });
-});