@opensumi/playwright 2.21.13 → 2.22.0

package/src/tests/output.test.ts

@@ -0,0 +1,87 @@
+import path from 'path';
+
+import { expect } from '@playwright/test';
+
+import { OpenSumiApp } from '../app';
+import { OpenSumiExplorerView } from '../explorer-view';
+import { OpenSumiFileTreeView } from '../filetree-view';
+import { OpenSumiOutputView } from '../output-view';
+import { keypressWithCmdCtrl } from '../utils/key';
+import { OpenSumiWorkspace } from '../workspace';
+
+import test, { page } from './hooks';
+
+let app: OpenSumiApp;
+let explorer: OpenSumiExplorerView;
+let fileTreeView: OpenSumiFileTreeView;
+let workspace: OpenSumiWorkspace;
+let output: OpenSumiOutputView;
+
+test.describe('OpenSumi Output View', () => {
+  test.beforeAll(async () => {
+    workspace = new OpenSumiWorkspace([path.resolve('./src/tests/workspaces/language')]);
+    app = await OpenSumiApp.load(page, workspace);
+    explorer = await app.open(OpenSumiExplorerView);
+    explorer.initFileTreeView(workspace.workspace.displayName);
+    fileTreeView = explorer.fileTreeView;
+    output = await app.open(OpenSumiOutputView);
+  });
+
+  test.afterAll(() => {
+    app.dispose();
+  });
+
+  test('should show file explorer and output panel', async () => {
+    expect(await output.isVisible()).toBeTruthy();
+    await fileTreeView.open();
+    expect(await fileTreeView.isVisible()).toBeTruthy();
+  });
+
+  test('get `TypeScript` channel output content', async () => {
+    const node = await explorer.getFileStatTreeNodeByPath('reference.ts');
+    await node?.open();
+    await page.waitForTimeout(1000);
+
+    await output.setChannel('TypeScript');
+    const content = await output.getCurrentContent();
+    expect(content?.includes('tsserver')).toBeTruthy();
+  });
+
+  test('can search text from output', async () => {
+    // Focus Output content
+    await output.focus();
+    const box = await output.view?.boundingBox();
+    if (box) {
+      await output.app.page.mouse.click(box.x + box?.width / 2, box.y + box?.height / 2);
+    }
+    await app.page.keyboard.press(keypressWithCmdCtrl('KeyF'));
+    const textArea = await output.view?.$('.monaco-inputbox textarea');
+    await textArea?.focus();
+    await textArea?.type('tsserver', { delay: 200 });
+
+    let selected = await output.view?.$('.selected-text');
+    expect(selected).toBeDefined();
+
+    await textArea?.focus();
+    await app.page.keyboard.press('Escape');
+    if (box) {
+      await output.app.page.mouse.click(box.x + box?.width / 2, box.y + box?.height / 2);
+    }
+    selected = await output.view?.$('.selected-text');
+    expect(selected).toBeNull();
+  });
+
+  test('clean output content', async () => {
+    const node = await explorer.getFileStatTreeNodeByPath('definition.ts');
+    await node?.open();
+    await page.waitForTimeout(1000);
+
+    await output.setChannel('TypeScript');
+    let content = await output.getCurrentContent();
+    expect(content?.includes('tsserver')).toBeTruthy();
+
+    await output.clean();
+    content = await output.getCurrentContent();
+    expect(content?.includes('tsserver')).toBeFalsy();
+  });
+});

package/src/tests/scm.test.ts

@@ -0,0 +1,84 @@
+import path from 'path';
+
+import { expect } from '@playwright/test';
+
+import { OpenSumiApp } from '../app';
+import { OpenSumiDiffEditor } from '../diff-editor';
+import { OpenSumiExplorerView } from '../explorer-view';
+import { OpenSumiFileTreeView } from '../filetree-view';
+import { OpenSumiSCMView } from '../scm-view';
+import { OpenSumiTerminalView } from '../terminal-view';
+import { OpenSumiWorkspace } from '../workspace';
+
+import test, { page } from './hooks';
+
+let app: OpenSumiApp;
+let explorer: OpenSumiExplorerView;
+let scm: OpenSumiSCMView;
+let fileTreeView: OpenSumiFileTreeView;
+let workspace: OpenSumiWorkspace;
+
+test.describe('OpenSumi SCM Panel', () => {
+  test.beforeAll(async () => {
+    workspace = new OpenSumiWorkspace([path.resolve('./src/tests/workspaces/git-workspace')]);
+    app = await OpenSumiApp.load(page, workspace);
+    explorer = await app.open(OpenSumiExplorerView);
+    explorer.initFileTreeView(workspace.workspace.displayName);
+    fileTreeView = explorer.fileTreeView;
+    const terminal = await app.open(OpenSumiTerminalView);
+    // There should have GIT on the PATH
+    await terminal.sendText('git init');
+  });
+
+  test.afterAll(() => {
+    app.dispose();
+  });
+
+  test('The "U" charset should on the files tail after git initialized', async () => {
+    await explorer.fileTreeView.open();
+    const action = await fileTreeView.getTitleActionByName('Refresh');
+    await action?.click();
+    await app.page.waitForTimeout(2000);
+    const node = await explorer.getFileStatTreeNodeByPath('a.js');
+    const badge = await node?.badge();
+    expect(badge).toBe('U');
+  });
+
+  test('The "U" charset should on the files tail on SCM view', async () => {
+    scm = await app.open(OpenSumiSCMView);
+    await scm.open();
+    await app.page.waitForTimeout(2000);
+    const node = await scm.getFileStatTreeNodeByPath('a.js');
+    const badge = await node?.getBadge();
+    expect(badge).toBe('U');
+  });
+
+  test('Open file from context menu', async () => {
+    scm = await app.open(OpenSumiSCMView);
+    await scm.open();
+    const node = await scm.getFileStatTreeNodeByPath('a.js');
+    const item = await node?.getMenuItemByName('Open File');
+    await item?.click();
+    await app.page.waitForTimeout(1000);
+    if (node) {
+      const editor = new OpenSumiDiffEditor(app, node);
+      const currentTab = await editor.getCurrentTab();
+      const dataUri = await currentTab?.getAttribute('data-uri');
+      expect(dataUri?.startsWith('file')).toBeTruthy();
+    }
+  });
+
+  test('Open file with diff editor', async () => {
+    scm = await app.open(OpenSumiSCMView);
+    await scm.open();
+    const node = await scm.getFileStatTreeNodeByPath('a.js');
+    await node?.open();
+    await app.page.waitForTimeout(1000);
+    if (node) {
+      const editor = new OpenSumiDiffEditor(app, node);
+      const currentTab = await editor.getCurrentTab();
+      const dataUri = await currentTab?.getAttribute('data-uri');
+      expect(dataUri?.startsWith('diff')).toBeTruthy();
+    }
+  });
+});

package/src/tests/search-view.test.ts

@@ -0,0 +1,239 @@
+import path from 'path';
+
+import { expect } from '@playwright/test';
+
+import { OpenSumiApp } from '..';
+import { OpenSumiDiffEditor } from '../diff-editor';
+import { OpenSumiExplorerView } from '../explorer-view';
+import { OpenSumiSearchView } from '../search-view';
+import { OpenSumiTextEditor } from '../text-editor';
+import { keypressWithCmdCtrlAndShift } from '../utils/key';
+import { OpenSumiWorkspace } from '../workspace';
+
+import test, { page } from './hooks';
+
+let app: OpenSumiApp;
+let search: OpenSumiSearchView;
+let editor: OpenSumiTextEditor;
+let explorer: OpenSumiExplorerView;
+let workspace: OpenSumiWorkspace;
+
+test.describe('OpenSumi Search Panel', () => {
+  test.beforeAll(async () => {
+    workspace = new OpenSumiWorkspace([path.resolve('./src/tests/workspaces/search')]);
+    app = await OpenSumiApp.load(page, workspace);
+    search = await app.open(OpenSumiSearchView);
+  });
+
+  test('Can search files by simple text', async () => {
+    const searchText = 'hello';
+    expect(await search.isVisible()).toBeTruthy();
+    await search.search({
+      search: searchText,
+    });
+    await app.page.waitForTimeout(1000);
+    const result = await search.getSearchResult();
+    expect(result).toBeDefined();
+    if (result) {
+      const { results, files } = result;
+      expect(results).toBe(1);
+      expect(files).toBe(1);
+    }
+  });
+
+  test('Open file with editor', async () => {
+    const searchText = 'hello';
+    expect(await search.isVisible()).toBeTruthy();
+    await search.search({
+      search: searchText,
+    });
+    await app.page.waitForTimeout(1000);
+    const result = await search.getSearchResult();
+    expect(result).toBeDefined();
+    if (result) {
+      const { results, files } = result;
+      expect(results).toBe(1);
+      expect(files).toBe(1);
+    }
+
+    const fileNode = await search.getTreeNodeByIndex(0);
+    const contentNode = await search.getTreeNodeByIndex(1);
+
+    expect(await fileNode?.isFile()).toBeTruthy();
+    expect(await contentNode?.isFile()).toBeFalsy();
+
+    expect(contentNode).toBeDefined();
+    if (contentNode) {
+      await contentNode?.open();
+      await app.page.waitForTimeout(1000);
+
+      const editor = new OpenSumiTextEditor(app, contentNode);
+      const currentTab = await editor.getCurrentTab();
+      const dataUri = await currentTab?.getAttribute('data-uri');
+      expect(dataUri?.startsWith('file')).toBeTruthy();
+    }
+  });
+
+  test('Open file with diffEditor', async () => {
+    const searchText = 'hello';
+    const replaceText = 'Hello';
+    expect(await search.isVisible()).toBeTruthy();
+    await search.search({
+      search: searchText,
+    });
+    const input = await search.focusOnReplace();
+    await page.keyboard.type(replaceText);
+
+    const contentNode = await search.getTreeNodeByIndex(1);
+    expect(contentNode).toBeDefined();
+    if (contentNode) {
+      await contentNode.open();
+      await app.page.waitForTimeout(1000);
+      const editor = new OpenSumiDiffEditor(app, contentNode);
+      const currentTab = await editor.getCurrentTab();
+      const dataUri = await currentTab?.getAttribute('data-uri');
+      expect(dataUri?.startsWith('file')).toBeFalsy();
+    }
+    await input?.fill('');
+  });
+
+  test('Open search rules view', async () => {
+    expect(await search.isVisible()).toBeTruthy();
+    await search.toggleDisplaySearchRules();
+    // Include input and Exclude input should be shown.
+    expect((await search.getIncludeInput())?.isVisible()).toBeTruthy();
+    expect((await search.getExcludeInput())?.isVisible()).toBeTruthy();
+    await search.toggleDisplaySearchRules();
+    expect((await search.getIncludeInput())?.isVisible()).toBeFalsy();
+    expect((await search.getExcludeInput())?.isVisible()).toBeFalsy();
+  });
+
+  test('Replace search result with RegExp', async () => {
+    const searchText = 'const (.+) = require((.*))';
+    const replaceText = '$1...$2';
+
+    await search.search({
+      search: searchText,
+      useRegexp: true,
+    });
+
+    await app.page.waitForTimeout(1000);
+    let result = await search.getSearchResult();
+    expect(result).toBeDefined();
+    if (result) {
+      const { results, files } = result;
+      expect(results).toBe(1);
+      expect(files).toBe(1);
+    }
+
+    const input = await search.focusOnReplace();
+    await page.keyboard.type(replaceText);
+
+    const replaceButton = await search.getReplaceAllButton();
+
+    expect(await replaceButton?.isEnabled()).toBeTruthy();
+    await replaceButton?.click();
+    const confirmed = await app.getDialogButton('Replace');
+    await confirmed?.click();
+    await app.page.waitForTimeout(1000);
+
+    await search.search({
+      search: "fs...('fs')",
+      useRegexp: false,
+    });
+    await app.page.waitForTimeout(1000);
+    result = await search.getSearchResult();
+    expect(result).toBeDefined();
+    if (result) {
+      const { results, files } = result;
+      expect(results).toBe(1);
+      expect(files).toBe(1);
+    }
+    await input?.fill('');
+  });
+
+  test('Search content with MatchCase', async () => {
+    const searchText = 'abcd';
+
+    await search.search({
+      search: searchText,
+      isMatchCase: true,
+    });
+    await app.page.waitForTimeout(1000);
+    let result = await search.getSearchResult();
+    await app.page.waitForTimeout(1000);
+
+    expect(result.results).toBe(1);
+    expect(result.files).toBe(1);
+
+    await search.search({
+      search: searchText,
+      isMatchCase: false,
+    });
+    await app.page.waitForTimeout(1000);
+
+    result = await search.getSearchResult();
+    expect(result.results).toBe(2);
+    expect(result.files).toBe(1);
+  });
+
+  test('Search content with editor selection', async () => {
+    explorer = await app.open(OpenSumiExplorerView);
+    explorer.initFileTreeView(workspace.workspace.displayName);
+    editor = await app.openEditor(OpenSumiTextEditor, explorer, 'index.js');
+    await editor.selectLineContainingText('hello');
+    await app.page.keyboard.press(keypressWithCmdCtrlAndShift('KeyF'), { delay: 200 });
+
+    await app.page.waitForTimeout(1000);
+    const result = await search.getSearchResult();
+    expect(result).toBeDefined();
+    if (result) {
+      const { results, files } = result;
+      expect(results).toBe(1);
+      expect(files).toBe(1);
+    }
+  });
+
+  test('File content can not be search after deleted', async () => {
+    const searchText = 'console.log';
+    await search.search({
+      search: searchText,
+      useRegexp: false,
+    });
+    await app.page.waitForTimeout(1000);
+    let result = await search.getSearchResult();
+    expect(result).toBeDefined();
+    if (result) {
+      const { results, files } = result;
+      expect(results).toBe(4);
+      expect(files).toBe(2);
+    }
+
+    // Delete `index2.js` file
+    if (!(await explorer.isVisible())) {
+      await explorer.open();
+    }
+    const file = await explorer.getFileStatTreeNodeByPath('index2.js');
+    expect(file).toBeDefined();
+    const menu = await file?.openContextMenu();
+    const deleteMenu = await menu?.menuItemByName('Delete');
+    await deleteMenu?.click();
+    await app.page.waitForTimeout(200);
+    const confirmed = await app.getDialogButton('Move to trash');
+    await confirmed?.click();
+    await app.page.waitForTimeout(2000);
+
+    await search.search({
+      search: searchText,
+      useRegexp: false,
+    });
+    await app.page.waitForTimeout(1000);
+    result = await search.getSearchResult();
+    expect(result).toBeDefined();
+    if (result) {
+      const { results, files } = result;
+      expect(results).toBe(3);
+      expect(files).toBe(1);
+    }
+  });
+});

package/src/tests/settings.test.ts

@@ -0,0 +1,115 @@
+import path from 'path';
+
+import { expect } from '@playwright/test';
+
+import { OpenSumiApp } from '../app';
+import { OpenSumiComponentEditor } from '../component-editor';
+import { OPENSUMI_VIEW_CONTAINERS } from '../constans';
+import { OpenSumiContextMenu } from '../context-menu';
+import { OpenSumiExplorerView } from '../explorer-view';
+import { keypressWithCmdCtrl } from '../utils';
+import { OpenSumiWorkspace } from '../workspace';
+
+import test, { page } from './hooks';
+
+let app: OpenSumiApp;
+let explorer: OpenSumiExplorerView;
+let workspace: OpenSumiWorkspace;
+
+test.describe('OpenSumi Shortcuts', () => {
+  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);
+  });
+
+  test.afterAll(() => {
+    app.dispose();
+  });
+
+  const openSettingsView = async () => {
+    const leftTabbar = await app.page.waitForSelector(`#${OPENSUMI_VIEW_CONTAINERS.LEFT_TABBAR}`);
+    const settingsButton = await leftTabbar.$('[class*="titleActions___"] span');
+    await settingsButton?.click();
+    const menu = new OpenSumiContextMenu(app);
+    await menu.clickMenuItem('Settings');
+  };
+
+  test('open Settings by keybinding', async () => {
+    await explorer.fileTreeView.focus();
+    await app.page.keyboard.press(keypressWithCmdCtrl(','), { delay: 200 });
+    const editor = await app.openComponentEditor(
+      OpenSumiComponentEditor,
+      'pref:/',
+      'Settings',
+      "[class*='preferences___']",
+    );
+    expect(await editor.isVisible()).toBeTruthy();
+    await editor.close();
+    await app.page.waitForTimeout(1000);
+    expect(await editor.isVisible()).toBeFalsy();
+  });
+
+  test('open Settings by settings button', async () => {
+    await openSettingsView();
+    const editor = await app.openComponentEditor(
+      OpenSumiComponentEditor,
+      'pref:/',
+      'Settings',
+      "[class*='preferences___']",
+    );
+    expect(await editor.isVisible()).toBeTruthy();
+    await editor.close();
+  });
+
+  test('edit settings in settings.json', async () => {
+    await openSettingsView();
+    const editor = await app.openComponentEditor(
+      OpenSumiComponentEditor,
+      'pref:/',
+      'Settings',
+      "[class*='preferences___']",
+    );
+    expect(await editor.isVisible()).toBeTruthy();
+    const editorContainer = await editor.getContainer();
+    // Settings => View => Search => Search > Include
+    const tabs = (await editorContainer?.$$('[class*="group_item__"]')) || [];
+    let viewTab;
+    for (const tab of tabs) {
+      const title = await tab.textContent();
+      if (title === 'View') {
+        viewTab = tab;
+        break;
+      }
+    }
+    await viewTab.click();
+    await app.page.waitForTimeout(50);
+    const subTabs = (await editorContainer?.$$('[class*="index_item__"]')) || [];
+    let searchSetting;
+    for (const tab of subTabs) {
+      const title = await tab.textContent();
+      if (title === 'Search') {
+        searchSetting = tab;
+        break;
+      }
+    }
+    await searchSetting.click();
+    await app.page.waitForTimeout(1000);
+    const items = (await editorContainer?.$$('[class*="preference_item___"]')) || [];
+    let searchIncludeItem;
+    for (const item of items) {
+      const key = await (await item.$('[class*="key___"]'))?.textContent();
+      if (key?.trim() === 'Search > Include') {
+        searchIncludeItem = item;
+        break;
+      }
+    }
+    const editButton = await searchIncludeItem.$('[class*="control_wrap___"] a');
+    expect(editButton).toBeDefined();
+    await editButton.click();
+    await app.page.waitForTimeout(2000);
+    const currentTab = await editor.getCurrentTab();
+    expect(await currentTab?.textContent()).toBe(' settings.json');
+  });
+});

package/src/tests/workspaces/debug/.sumi/launch.json

@@ -0,0 +1,15 @@
+{
+  // 使用 IntelliSense 了解相关属性。
+  // 悬停以查看现有属性的描述。
+  // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "Launch Program",
+      "program": "${workspaceFolder}/index.js",
+      "skipFiles": ["<node_internals>/**"]
+    }
+  ]
+}

package/src/tests/workspaces/debug/index.js

@@ -0,0 +1,18 @@
+const str = 'hello';
+const str2 = 'opensumi';
+const buffStr = Buffer.from(str + str2);
+
+const fn = () => {
+  let a = 0;
+  setTimeout(() => {
+    a += 1;
+    console.log(a);
+  }, 10);
+  console.log(a);
+};
+
+fn();
+
+console.log(str);
+console.log(str2);
+console.log(buffStr);

package/src/tests/workspaces/default/editor2.js

@@ -0,0 +1,87 @@
+// ------------------------------
+// ------------------------------
+function Person(age) {
+  if (age) {
+    this.age = age;
+  }
+}
+Person.prototype.getAge = function () {
+  return this.age;
+};
+
+// ------------------------------
+// ------------------------------
+function Person(age) {
+  if (age) {
+    this.age = age;
+  }
+}
+Person.prototype.getAge = function () {
+  return this.age;
+};
+
+// ------------------------------
+// ------------------------------
+function Person(age) {
+  if (age) {
+    this.age = age;
+  }
+}
+Person.prototype.getAge = function () {
+  return this.age;
+};
+
+// ------------------------------
+// ------------------------------
+function Person(age) {
+  if (age) {
+    this.age = age;
+  }
+}
+Person.prototype.getAge = function () {
+  return this.age;
+};
+
+// ------------------------------
+// ------------------------------And this is some long line. And this is some long line. And this is some long line. And this is some long line. And this is some long line.
+function Person(age) {
+  if (age) {
+    this.age = age;
+  }
+}
+Person.prototype.getAge = function () {
+  return this.age;
+};
+
+// ------------------------------
+// ------------------------------
+function Person(age) {
+  if (age) {
+    this.age = age;
+  }
+}
+Person.prototype.getAge = function () {
+  return this.age;
+};
+
+// ------------------------------
+// ------------------------------
+function Person(age) {
+  if (age) {
+    this.age = age;
+  }
+}
+Person.prototype.getAge = function () {
+  return this.age;
+};
+
+// ------------------------------
+// ------------------------------
+function Person(age) {
+  if (age) {
+    this.age = age;
+  }
+}
+Person.prototype.getAge = function () {
+  return this.age;
+};

package/src/tests/workspaces/default/test/test.js

@@ -0,0 +1 @@
+console.log('hello ./test/test.js');

package/src/tests/workspaces/language/definition.ts

@@ -0,0 +1,12 @@
+export class Definition {
+  private variable1: string = '';
+  constructor() {}
+
+  public setVariable1(s: string): void {
+    this.variable1 = s;
+  }
+
+  public getVariable1(): string {
+    return this.variable1;
+  }
+}

package/src/tests/workspaces/language/reference.ts

@@ -0,0 +1,9 @@
+import { Definition } from './definition';
+
+export class Reference {
+  private def: Definition = new Definition();
+
+  constructor() {
+    this.def.setVariable1('6');
+  }
+}

package/src/tests/workspaces/search/index.js

@@ -0,0 +1,5 @@
+const fs = require('fs');
+
+console.log('hello');
+console.log('abcde');
+console.log('ABCDE');

package/src/tests/workspaces/search/index2.js

@@ -0,0 +1 @@
+console.log('This file will be deleted');