diff --git a/airflow-core/src/airflow/ui/src/components/LimitedItemsList.tsx b/airflow-core/src/airflow/ui/src/components/LimitedItemsList.tsx index 7d993413c2dff..3ff3b85638950 100644 --- a/airflow-core/src/airflow/ui/src/components/LimitedItemsList.tsx +++ b/airflow-core/src/airflow/ui/src/components/LimitedItemsList.tsx @@ -57,7 +57,8 @@ export const LimitedItemsList = ({ // eslint-disable-next-line react/no-array-index-key {item} - {index < displayItems.length - 1 || (shouldTruncate && remainingItems.length > 1) ? ( + {index < displayItems.length - 1 || + (shouldTruncate && remainingItems.length >= 1 && index === displayItems.length - 1) ? ( {separator} ) : undefined} diff --git a/airflow-core/src/airflow/ui/src/pages/DagsList/DagCard.test.tsx b/airflow-core/src/airflow/ui/src/pages/DagsList/DagCard.test.tsx index 0d44614cab2be..fc822119d3a4b 100644 --- a/airflow-core/src/airflow/ui/src/pages/DagsList/DagCard.test.tsx +++ b/airflow-core/src/airflow/ui/src/pages/DagsList/DagCard.test.tsx @@ -82,6 +82,7 @@ describe("DagCard", () => { render(, { wrapper: Wrapper }); expect(screen.getByTestId("dag-tag")).toBeInTheDocument(); + expect(screen.queryByText("tag3")).toBeInTheDocument(); expect(screen.queryByText("tag4")).toBeInTheDocument(); expect(screen.queryByText(", +1 more")).toBeNull(); });