From 86394034486ee20f50a91bb52bb792695be7ab07 Mon Sep 17 00:00:00 2001
From: Damir Abdulganiev <damupka@gmail.com>
Date: Thu, 20 Jan 2022 12:39:23 +0300
Subject: [PATCH] [Resolves #1221] Unclear parameters for Consumers` Search.
 Inconsistency of Search line on Consumers page. (#1429)

* Changed Search component placeholder

* Updates test

Co-authored-by: Damir Abdulganiev <dabdulganiev@provectus.com>
Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
---
 .../src/components/ConsumerGroups/List/List.tsx              | 2 +-
 .../components/ConsumerGroups/List/__test__/List.spec.tsx    | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/kafka-ui-react-app/src/components/ConsumerGroups/List/List.tsx b/kafka-ui-react-app/src/components/ConsumerGroups/List/List.tsx
index f5b006a1c6d03271b1bc6623981591dafb684d76..9cd37695850396e0099f9c280bfd77411e77e9ad 100644
--- a/kafka-ui-react-app/src/components/ConsumerGroups/List/List.tsx
+++ b/kafka-ui-react-app/src/components/ConsumerGroups/List/List.tsx
@@ -22,7 +22,7 @@ const List: React.FC = () => {
       <PageHeading text="Consumers" />
       <ControlPanelWrapper hasInput>
         <Search
-          placeholder="Search"
+          placeholder="Search by Consumer Group ID"
           value={searchText}
           handleSearch={handleInputChange}
         />
diff --git a/kafka-ui-react-app/src/components/ConsumerGroups/List/__test__/List.spec.tsx b/kafka-ui-react-app/src/components/ConsumerGroups/List/__test__/List.spec.tsx
index 1bcb34daac93d84e98ed971c7502c11e51ccce8c..0ac9c0ceedfc9449c83de93443528352703bdefe 100644
--- a/kafka-ui-react-app/src/components/ConsumerGroups/List/__test__/List.spec.tsx
+++ b/kafka-ui-react-app/src/components/ConsumerGroups/List/__test__/List.spec.tsx
@@ -30,7 +30,10 @@ describe('List', () => {
 
     describe('when searched', () => {
       it('renders only searched consumers', () => {
-        userEvent.type(screen.getByPlaceholderText('Search'), 'groupId1');
+        userEvent.type(
+          screen.getByPlaceholderText('Search by Consumer Group ID'),
+          'groupId1'
+        );
         expect(screen.getByText('groupId1')).toBeInTheDocument();
         expect(screen.getByText('groupId2')).toBeInTheDocument();
       });