From 3c695613f9332a8cf05db2a9be612d4d799934dd Mon Sep 17 00:00:00 2001
From: sebo <sebastian.bergandy@external.mgm-cp.com>
Date: Fri, 17 Jan 2025 09:19:30 +0100
Subject: [PATCH] set data test ids for child components
---
.../dropdown-menu-button-item.component.ts | 2 ++
.../user-profile-in-header.component.html | 5 +++--
2 files changed, 5 insertions(+), 2 deletions(-)
diff --git a/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-button-item/dropdown-menu-button-item.component.ts b/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-button-item/dropdown-menu-button-item.component.ts
index 90badf1ab0..842ff45f45 100644
--- a/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-button-item/dropdown-menu-button-item.component.ts
+++ b/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-button-item/dropdown-menu-button-item.component.ts
@@ -32,6 +32,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
class="flex min-h-12 w-full items-center gap-4 border-2 border-transparent px-4 py-3 text-start outline-none hover:border-primary focus-visible:border-focus"
role="menuitem"
(click)="itemClicked.emit()"
+ [attr.data-test-id]="buttonTestId"
>
<ng-content select="[icon]" />
<p class="text-text">{{ caption }}</p>
@@ -39,6 +40,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
})
export class DropdownMenuButtonItemComponent {
@Input({ required: true }) caption!: string;
+ @Input() buttonTestId: string;
@Output() itemClicked: EventEmitter<MouseEvent> = new EventEmitter();
}
diff --git a/alfa-client/libs/user-profile/src/lib/user-profile-in-header-container/user-profile-in-header/user-profile-in-header.component.html b/alfa-client/libs/user-profile/src/lib/user-profile-in-header-container/user-profile-in-header/user-profile-in-header.component.html
index 8808114310..c73890ac91 100644
--- a/alfa-client/libs/user-profile/src/lib/user-profile-in-header-container/user-profile-in-header/user-profile-in-header.component.html
+++ b/alfa-client/libs/user-profile/src/lib/user-profile-in-header-container/user-profile-in-header/user-profile-in-header.component.html
@@ -26,16 +26,17 @@
<ods-dropdown-menu
buttonClass="rounded-full p-1 hover:bg-neutral-100 focus:bg-neutral-200 focus:outline-none dark:hover:bg-neutral-700 dark:focus:bg-neutral-600"
[label]="buttonLabel"
+ buttonTestId="user-icon-button"
data-test-id="user-icon-dropdown-menu"
>
<alfa-user-icon
button-content
- data-test-id="user-icon-button"
+ data-test-id="user-icon"
[userProfileStateResource]="currentUserResource"
class="user-profile-icon"
>
</alfa-user-icon>
- <ods-dropdown-menu-button-item caption="Abmelden" (itemClicked)="logoutEmitter.emit()" data-test-id="logout-button">
+ <ods-dropdown-menu-button-item caption="Abmelden" (itemClicked)="logoutEmitter.emit()" buttonTestId="logout-button">
<ods-logout-icon icon />
</ods-dropdown-menu-button-item>
</ods-dropdown-menu>
--
GitLab