@sapudex/web-components 2.25.1 → 2.27.0

package/cypress/fixtures/profile-menu.ts

@@ -3,7 +3,8 @@ export const userData = {
   username : "john.miller",
   email : "john.miller@sap.com",
   avatarUrl : "https://avatars.profile.sap.com/d/6/idd62e808170c86bf4c00df641a1d5715e4283e241ea481a2aa4a13c9711c0acbf_small.jpeg",
-  avatarInitials: "JS"
+  avatarInitials: "JS",
+  fallbackIcon: "person-placeholder",
 };
 export const columnsData = [
   {

package/cypress/specs/MastheadProfileMenu.cy.tsx

@@ -1,6 +1,4 @@
-import { UDExMastheadProfileMenu } from "../support/component-imports.js"
-import { UDExMessageStrip } from "../support/component-imports.js"
-import { UDExLink } from "../support/component-imports.js";
+import { UDExMastheadProfileMenu, UDExMessageStrip, UDExLink, UDExButton } from "../support/component-imports.js"
 import { identities, columnsData, userData } from "../fixtures/profile-menu.js";
 import AnalyticsName from "../../src/types/AnalyticsName.js";
 
@@ -16,6 +14,7 @@ const profileMenu = <UDExMastheadProfileMenu
       Learn more
     </UDExLink>
   </UDExMessageStrip>
+  <UDExButton slot="logoutButton">Log out</UDExButton>
 </UDExMastheadProfileMenu>
 
 const simpleProfileMenu = <UDExMastheadProfileMenu
@@ -40,6 +39,18 @@ describe("Masthead Profile Menu", () => {
     cy.get("@profile").find("udex-avatar").should("exist");
   });
 
+  it("tests if web component renders user avatar profile image", () => {
+    cy.get("@profile").find("udex-avatar").should("exist");
+  });
+
+  it("tests if web component renders user avatar profile initials", () => {
+    cy.get("@profile").find("udex-avatar").should("have.attr", "initials", "JS");
+  });
+
+  it("tests if web component renders user avatar profile fallback icon", () => {
+    cy.get("@profile").find("udex-avatar").should("have.attr", "fallback-icon", "person-placeholder");
+  });
+
   it("tests if web component renders user name", () => {
     cy.get("@profile").find(".udex-profile-menu__account-name").should("have.text", "John Sánchez");
   });
@@ -52,6 +63,10 @@ describe("Masthead Profile Menu", () => {
     cy.get("[udex-masthead-profile-menu]").find("udex-message-strip").should("exist");
   });
 
+  it("tests if web component renders logout button", () => {
+    cy.get("[udex-masthead-profile-menu]").find("udex-button[slot='logoutButton']").should("exist");
+  });
+
   it("tests if web component renders masthead menu", () => {
     cy.get("@profile").find("udex-masthead-menu").should("exist");
   });
@@ -133,7 +148,7 @@ describe("Masthead Profile Menu", () => {
       });
     });
 
-    cy.get("#masthead-profile-menu-simple").shadow().find(".udex-masthead-profile-menu__actions").find("udex-masthead-menu-item").eq(0).click().then(() => {
+    cy.get("#masthead-profile-menu-simple").shadow().find(".udex-masthead-profile-menu__actions").find("udex-link").eq(0).click().then(() => {
       expect(eventType).to.equal("ui5-logout");
     });
   });
@@ -174,7 +189,7 @@ describe("Masthead Profile Menu", () => {
 
   it("renders default translated logout text", () => {
     cy.mount(simpleProfileMenu);
-    cy.get("#masthead-profile-menu-simple").shadow().find(".udex-masthead-profile-menu__actions").find("udex-masthead-menu-item").eq(0).shadow().find(".udex-masthead-menu-item__label").should("have.text", "Logout");
+    cy.get("#masthead-profile-menu-simple").shadow().find(".udex-masthead-profile-menu__actions").find("udex-link").should("have.text", "Logout");
   });
 
   it("renders custom logout text", () => {
@@ -185,6 +200,6 @@ describe("Masthead Profile Menu", () => {
     };
 
     cy.mount(simpleProfileMenu);
-    cy.get("#masthead-profile-menu-simple").shadow().find(".udex-masthead-profile-menu__actions").find("udex-masthead-menu-item").eq(0).shadow().find(".udex-masthead-menu-item__label").should("have.text", "Sign Out");
+    cy.get("#masthead-profile-menu-simple").shadow().find(".udex-masthead-profile-menu__actions").find("udex-link").should("have.text", "Sign Out");
   })
 });