@theia/playwright 1.59.0 → 1.60.0-next.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theia/playwright",
-  "version": "1.59.0",
+  "version": "1.60.0-next.43+2a13720d2",
   "description": "System tests for Theia",
   "license": "EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0",
   "repository": {
@@ -35,7 +35,7 @@
     "fs-extra": "^9.0.8"
   },
   "devDependencies": {
-    "@theia/cli": "1.59.0",
+    "@theia/cli": "1.60.0-next.43+2a13720d2",
     "@types/fs-extra": "^9.0.8",
     "allure-commandline": "^2.23.1",
     "allure-playwright": "^2.5.0",
@@ -47,5 +47,5 @@
     "access": "public"
   },
   "main": "lib/index",
-  "gitHead": "21358137e41342742707f660b8e222f940a27652"
+  "gitHead": "2a13720d2d41d8ae6ee4e34cd2dee1c656a18018"
 }

package/src/theia-app.ts

@@ -176,7 +176,7 @@ export class TheiaApp {
     }
 
     protected async visibleTabIds(): Promise<string[]> {
-        const tabs = await this.page.$$('.p-TabBar-tab');
+        const tabs = await this.page.$$('.lm-TabBar-tab');
         const tabIds = (await Promise.all(tabs.map(tab => tab.getAttribute('id')))).filter(id => !!id);
         return tabIds as string[];
     }

package/src/theia-explorer-view.ts

@@ -176,7 +176,7 @@ export class TheiaExplorerView extends TheiaView {
         if (await this.isTreeNodeSelected(filePath)) {
             await treeNode.focus();
         } else {
-            await treeNode.click({ modifiers: ['Control'] });
+            await treeNode.click({ modifiers: [OSUtil.isMacOS ? 'Meta' : 'Control'] });
             // make sure the click has been acted-upon before returning
             while (!await this.isTreeNodeSelected(filePath)) {
                 console.debug('Waiting for clicked tree node to be selected: ' + filePath);

package/src/theia-main-menu.ts

@@ -21,7 +21,7 @@ import { TheiaPageObject } from './theia-page-object';
 import { normalizeId, toTextContentArray } from './util';
 
 export class TheiaMainMenu extends TheiaMenu {
-    override selector = '.p-Menu.p-MenuBar-menu';
+    override selector = '.lm-Menu.lm-MenuBar-menu';
 }
 
 export class TheiaMenuBar extends TheiaPageObject {
@@ -48,7 +48,7 @@ export class TheiaMenuBar extends TheiaPageObject {
     }
 
     protected menuBarItemSelector(label = ''): string {
-        return `${normalizeId('#theia:menubar')} .p-MenuBar-itemLabel >> text=${label}`;
+        return `${normalizeId('#theia:menubar')} .lm-MenuBar-itemLabel >> text=${label}`;
     }
 
 }

package/src/theia-menu-item.ts

@@ -23,15 +23,15 @@ export class TheiaMenuItem {
     constructor(protected element: ElementHandle<SVGElement | HTMLElement>) { }
 
     protected labelElementHandle(): Promise<ElementHandle<SVGElement | HTMLElement>> {
-        return this.element.waitForSelector('.p-Menu-itemLabel');
+        return this.element.waitForSelector('.lm-Menu-itemLabel');
     }
 
     protected shortCutElementHandle(): Promise<ElementHandle<SVGElement | HTMLElement>> {
-        return this.element.waitForSelector('.p-Menu-itemShortcut');
+        return this.element.waitForSelector('.lm-Menu-itemShortcut');
     }
 
     protected isHidden(): Promise<boolean> {
-        return elementContainsClass(this.element, 'p-mod-collapsed');
+        return elementContainsClass(this.element, 'lm-mod-collapsed');
     }
 
     async label(): Promise<string | undefined> {
@@ -60,11 +60,11 @@ export class TheiaMenuItem {
         if (classAttribute === undefined || classAttribute === null) {
             return false;
         }
-        return !classAttribute.includes('p-mod-disabled') && !classAttribute.includes('p-mod-collapsed');
+        return !classAttribute.includes('lm-mod-disabled') && !classAttribute.includes('lm-mod-collapsed');
     }
 
     async click(): Promise<void> {
-        return this.element.waitForSelector('.p-Menu-itemLabel')
+        return this.element.waitForSelector('.lm-Menu-itemLabel')
             .then(labelElement => labelElement.click({ position: { x: 10, y: 10 } }));
     }
 

package/src/theia-menu.ts

@@ -22,7 +22,7 @@ import { isDefined } from './util';
 
 export class TheiaMenu extends TheiaPageObject {
 
-    selector = '.p-Menu';
+    selector = '.lm-Menu';
 
     protected async menuElementHandle(): Promise<ElementHandle<SVGElement | HTMLElement> | null> {
         return this.page.$(this.selector);
@@ -50,7 +50,7 @@ export class TheiaMenu extends TheiaPageObject {
         if (!menuHandle) {
             return [];
         }
-        const items = await menuHandle.$$('.p-Menu-content .p-Menu-item');
+        const items = await menuHandle.$$('.lm-Menu-content .lm-Menu-item');
         return items.map(element => new TheiaMenuItem(element));
     }
 
@@ -84,7 +84,7 @@ export class TheiaMenu extends TheiaPageObject {
     }
 
     protected menuItemSelector(label = ''): string {
-        return `.p-Menu-content .p-Menu-itemLabel >> text=${label}`;
+        return `.lm-Menu-content .lm-Menu-itemLabel >> text=${label}`;
     }
 
     async visibleMenuItems(): Promise<string[]> {

package/src/theia-output-view.ts

@@ -47,7 +47,7 @@ export class TheiaOutputView extends TheiaView {
         await this.activate();
         const channel = new TheiaOutputViewChannel(
             {
-                viewSelector: 'div.p-Widget.theia-editor.p-DockPanel-widget > div.monaco-editor',
+                viewSelector: 'div.lm-Widget.theia-editor.lm-DockPanel-widget > div.monaco-editor',
                 dataUri: normalizeId(`output:/${encodeURIComponent(outputChannelName)}`),
                 channelName: outputChannelName
             },

package/src/theia-preference-view.ts

@@ -106,7 +106,7 @@ export class TheiaPreferenceView extends TheiaView {
     }
 
     protected getScopeSelector(scope: TheiaPreferenceScope): string {
-        return `li.preferences-scope-tab div.p-TabBar-tabLabel:has-text("${scope}")`;
+        return `li.preferences-scope-tab div.lm-TabBar-tabLabel:has-text("${scope}")`;
     }
 
     async openPreferenceScope(scope: TheiaPreferenceScope): Promise<void> {

package/src/theia-toolbar.ts

@@ -19,7 +19,7 @@ import { TheiaPageObject } from './theia-page-object';
 import { TheiaToolbarItem } from './theia-toolbar-item';
 
 export class TheiaToolbar extends TheiaPageObject {
-    selector = 'div#main-toolbar.p-TabBar-toolbar';
+    selector = 'div#main-toolbar.lm-TabBar-toolbar';
 
     protected async toolbarElementHandle(): Promise<ElementHandle<SVGElement | HTMLElement> | null> {
         return this.page.$(this.selector);

package/src/theia-view.ts

@@ -84,11 +84,11 @@ export class TheiaView extends TheiaPageObject {
     }
 
     async isActive(): Promise<boolean> {
-        return await this.isTabVisible() && containsClass(this.tabElement(), 'p-mod-current');
+        return await this.isTabVisible() && containsClass(this.tabElement(), 'lm-mod-current');
     }
 
     async isClosable(): Promise<boolean> {
-        return await this.isTabVisible() && containsClass(this.tabElement(), 'p-mod-closable');
+        return await this.isTabVisible() && containsClass(this.tabElement(), 'lm-mod-closable');
     }
 
     async close(waitForClosed = true): Promise<void> {
@@ -101,7 +101,7 @@ export class TheiaView extends TheiaPageObject {
         const tab = await this.tabElement();
         const side = await this.side();
         if (side === 'main' || side === 'bottom') {
-            const closeIcon = await tab?.waitForSelector('div.p-TabBar-tabCloseIcon');
+            const closeIcon = await tab?.waitForSelector('div.lm-TabBar-tabCloseIcon');
             await closeIcon?.click();
         } else {
             const menu = await this.openContextMenuOnTab();
@@ -130,7 +130,7 @@ export class TheiaView extends TheiaPageObject {
         }
         const tab = await this.tabElement();
         if (tab) {
-            return textContent(tab.waitForSelector('div.theia-tab-icon-label > div.p-TabBar-tabLabel'));
+            return textContent(tab.waitForSelector('div.theia-tab-icon-label > div.lm-TabBar-tabLabel'));
         }
         return undefined;
     }