Work around data-testid issue by tagging the icon not the Item.

2023-05-03 16:27:35 +01:00
parent a71a1c5c93
commit c70536996e
2 changed files with 13 additions and 3 deletions
--- a/src/UserMenu.tsx
+++ b/src/UserMenu.tsx
@@ -116,8 +116,13 @@ export function UserMenu({
      {(props) => (
        <Menu {...props} label={t("User menu")} onAction={onAction}>
          {items.map(({ key, icon: Icon, label, dataTestid }) => (
-            <Item key={key} textValue={label} data-testid={dataTestid}>
-              <Icon width={24} height={24} className={styles.menuIcon} />
+            <Item key={key} textValue={label}>
+              <Icon
+                width={24}
+                height={24}
+                className={styles.menuIcon}
+                data-testid={dataTestid}
+              />
              <Body overflowEllipsis>{label}</Body>
            </Item>
          ))}