diff --git a/src/components/list_group/__snapshots__/list_group_item.test.tsx.snap b/src/components/list_group/__snapshots__/list_group_item.test.tsx.snap
index 604f2a99529..8c9b127f0a2 100644
--- a/src/components/list_group/__snapshots__/list_group_item.test.tsx.snap
+++ b/src/components/list_group/__snapshots__/list_group_item.test.tsx.snap
@@ -70,36 +70,6 @@ exports[`EuiListGroupItem props color text is rendered 1`] = `
`;
-exports[`EuiListGroupItem props extraAction can be disabled 1`] = `
-
-
-
- Label
-
-
-
-
-`;
-
exports[`EuiListGroupItem props extraAction is rendered 1`] = `
{
expect(container.firstChild).toMatchSnapshot();
});
+ test('is rendered with showToolTip', () => {
+ const { getByTestSubject } = render(
+
+ );
+
+ expect(getByTestSubject('extraAction')).toBeInTheDocument();
+ });
+
test('can be disabled', () => {
- const { container } = render(
+ const { getByTestSubject } = render(
);
- expect(container.firstChild).toMatchSnapshot();
+ expect(getByTestSubject('extraAction')).toBeDisabled();
});
});
diff --git a/src/components/list_group/list_group_item.tsx b/src/components/list_group/list_group_item.tsx
index cab136d1ed5..fb44067c111 100644
--- a/src/components/list_group/list_group_item.tsx
+++ b/src/components/list_group/list_group_item.tsx
@@ -352,7 +352,10 @@ export const EuiListGroupItem: FunctionComponent = ({
anchorClassName={anchorClasses}
anchorProps={anchorPropsAndCss}
>
- {itemContent}
+ <>
+ {itemContent}
+ {extraActionNode}
+ >
);
diff --git a/upcoming_changelogs/7159.md b/upcoming_changelogs/7159.md
new file mode 100644
index 00000000000..c848a260326
--- /dev/null
+++ b/upcoming_changelogs/7159.md
@@ -0,0 +1,3 @@
+**Bug fixes**
+
+- Fixed `EuiListGroupItem` to correctly render the `extraAction` button when `showToolTip` is also passed