check tab buttons

Author: odeimaiz

tests/e2e-frontend/tests/navigationBar/navigationBar.spec.js

@@ -119,7 +119,9 @@ for (const product in products) {
     const productUrl = products[product];
     const productUsers = users[product];
     for (const user of productUsers) {
-      const role = user.role;
+      // expected roles for users: "USER"
+      const role = "USER";
+      expect(user.role).toBe(role);
 
       test.describe.serial(`Navigation Bar: ${product}`, () => {
         let page = null;
@@ -144,21 +146,47 @@ for (const product in products) {
           await browser.close();
         });
 
-        test(`Options per Role in User Menu ${role}`, async () => {
-          expect(userMenuButtonsPerRole[role]).toBeDefined();
+        test(`Check poweredByOsparc icon`, async () => {
+          expect(expectedElements[product]["poweredByOsparc"]).toBeDefined();
 
-          // open user menu
-          await page.getByTestId("userMenuBtn").click();
-
-          const buttons = userMenuButtonsPerRole[role];
-          for (const buttonText in buttons) {
-            const expected = buttons[buttonText];
-            const isVisible = await page.getByText(buttonText).isVisible();
-            expect(isVisible).toEqual(expected);
+          const isVisible = expectedElements[product]["poweredByOsparc"];
+          const button = page.getByTestId("poweredByOsparc");
+          if (isVisible) {
+            await expect(button).toBeVisible();
+          } else {
+            await expect(button).toHaveCount(0);
           }
+        });
+
+        test(`Check Dashboard tabs`, async () => {
+          expect(expectedElements[product]["studies"]).toBeDefined();
+          expect(expectedElements[product]["templates"]).toBeDefined();
+          expect(expectedElements[product]["services"]).toBeDefined();
+          expect(expectedElements[product]["data"]).toBeDefined();
+
+          const isStudiesVisible = expectedElements[product]["studies"]["visible"];
+          const studiesLabel = expectedElements[product]["studies"]["label"];
+          const isTemplatesVisible = expectedElements[product]["templates"]["visible"];
+          const templatesLabel = expectedElements[product]["templates"]["label"];
+          const isServicesVisible = expectedElements[product]["services"]["visible"];
+          const servicesLabel = expectedElements[product]["services"]["label"];
+          const isDataVisible = expectedElements[product]["data"]["visible"];
+          const dataLabel = expectedElements[product]["data"]["label"];
+
+          const checkButton = async (locator, isVisible, label) => {
+            const tabBtn = page.getByTestId(locator);
+            if (isVisible) {
+              await expect(tabBtn).toBeVisible();
+              await expect(tabBtn).toContainText(label);
+            } else {
+              await expect(tabBtn).toHaveCount(0);
+            }
+          };
 
-          // close user menu
-          await page.getByTestId("userMenuBtn").click();
+          await checkButton("studiesTabBtn", isStudiesVisible, studiesLabel);
+          await checkButton("templatesTabBtn", isTemplatesVisible, templatesLabel);
+          await checkButton("servicesTabBtn", isServicesVisible, servicesLabel);
+          await checkButton("dataTabBtn", isDataVisible, dataLabel);
         });
       });
     }