Organizations window

Author: odeimaiz

services/static-webserver/client/source/class/osparc/desktop/organizations/OrganizationsList.js

@@ -126,6 +126,7 @@ qx.Class.define("osparc.desktop.organizations.OrganizationsList", {
         height: 150,
         width: 150
       });
+      osparc.utils.Utils.setIdToWidget(orgsUIList, "organizationsList");
       orgsUIList.addListener("changeSelection", e => this.__organizationSelected(e.getData()), this);
 
       const orgsModel = this.__orgsModel = new qx.data.Array();
@@ -143,6 +144,7 @@ qx.Class.define("osparc.desktop.organizations.OrganizationsList", {
         },
         configureItem: item => {
           item.subscribeToFilterGroup("organizationsList");
+          osparc.utils.Utils.setIdToWidget(item, "organizationListItem");
           const thumbnail = item.getChildControl("thumbnail");
           thumbnail.getContentElement()
             .setStyles({

services/static-webserver/client/source/class/osparc/desktop/organizations/OrganizationsWindow.js

@@ -31,6 +31,10 @@ qx.Class.define("osparc.desktop.organizations.OrganizationsWindow", {
       appearance: "service-window"
     });
 
+    osparc.utils.Utils.setIdToWidget(this, "organizationsWindow");
+    const closeBtn = this.getChildControl("close-button");
+    osparc.utils.Utils.setIdToWidget(closeBtn, "organizationsWindowCloseBtn");
+
     this.__buildLayout();
   },
 

services/static-webserver/client/source/class/osparc/ui/list/ListItem.js

@@ -207,7 +207,9 @@ qx.Class.define("osparc.ui.list.ListItem", {
       }
       const parts = value.split("/");
       const id = parts.pop();
-      osparc.utils.Utils.setIdToWidget(this, "listItem_"+id);
+      if (osparc.utils.Utils.getIdFromWidget(this) === null) {
+        osparc.utils.Utils.setIdToWidget(this, "listItem_"+id);
+      }
     },
 
     _applyThumbnail: function(value) {

services/static-webserver/client/source/class/osparc/utils/Utils.js

@@ -1026,6 +1026,13 @@ qx.Class.define("osparc.utils.Utils", {
       }
     },
 
+    getIdFromWidget: qWidget => {
+      if (qWidget.getContentElement) {
+        return qWidget.getContentElement().getAttribute("osparc-test-id");
+      }
+      return null;
+    },
+
     setMoreToWidget: (qWidget, id) => {
       if (qWidget.getContentElement) {
         qWidget.getContentElement().setAttribute("osparc-test-more", id);

tests/e2e-frontend/tests/userMenu/userMenu.js renamed to tests/e2e-frontend/tests/userMenu/userMenuButtons.js

@@ -102,7 +102,7 @@ for (const product in products) {
     for (const user of productUsers) {
       const role = user.role;
 
-      test.describe.serial(`Navigation Bar: ${product}`, () => {
+      test.describe.serial(`User Menu: ${product}`, () => {
         let page = null;
         let loginPageFixture = null;
 

tests/e2e-frontend/tests/userMenu/userMenuWindows.js

@@ -0,0 +1,51 @@
+/* eslint-disable no-undef */
+
+const { test, expect } = require('@playwright/test');
+
+import { LoginPage } from '../fixtures/loginPage';
+
+import products from '../products.json';
+import users from '../users.json';
+
+const product = "s4l";
+const productUrl = products[product];
+const user = users[product];
+
+test.describe.serial(`Navigation Bar: ${product}`, () => {
+  let page = null;
+  let loginPageFixture = null;
+
+  test.beforeAll(async ({ browser }) => {
+    page = await browser.newPage();
+
+    loginPageFixture = new LoginPage(page, productUrl);
+    await loginPageFixture.goto();
+
+    await loginPageFixture.login(user.email, user.password);
+
+    const response = await page.waitForResponse('**/me');
+    const meData = await response.json();
+    expect(meData["data"]["role"]).toBe(user.role);
+  });
+
+  test.afterAll(async ({ browser }) => {
+    await loginPageFixture.logout();
+    await page.close();
+    await browser.close();
+  });
+
+  test(`Organizations window`, async () => {
+    // open user menu
+    await page.getByTestId("userMenuBtn").click();
+    // open Organization
+    await page.getByTestId("userMenuOrganizationsBtn").click();
+
+    // make sure the window opens
+    const organizationsWindow = page.getByTestId("organizationsWindow");
+    await expect(organizationsWindow).toBeVisible();
+    // check there is at least one organization listed
+    const organizationListItems = page.getByTestId("organizationListItem");
+    const count = await organizationListItems.count();
+    expect(count).toBeTruthy();
+  });
+});