diff --git a/kafka-ui-react-app/src/components/Topics/Topic/Messages/MessageContent/MessageContent.tsx b/kafka-ui-react-app/src/components/Topics/Topic/Messages/MessageContent/MessageContent.tsx index 6e385916b5..85f2dcd27c 100644 --- a/kafka-ui-react-app/src/components/Topics/Topic/Messages/MessageContent/MessageContent.tsx +++ b/kafka-ui-react-app/src/components/Topics/Topic/Messages/MessageContent/MessageContent.tsx @@ -82,7 +82,7 @@ const MessageContent: React.FC = ({ type="button" onClick={handleContentTabClick} > - Content + Value = ({ - Content + Value {messageContentFormat} diff --git a/kafka-ui-react-app/src/components/Topics/Topic/Messages/MessageContent/__tests__/MessageContent.spec.tsx b/kafka-ui-react-app/src/components/Topics/Topic/Messages/MessageContent/__tests__/MessageContent.spec.tsx index 8159a8f727..e7fbd2b44a 100644 --- a/kafka-ui-react-app/src/components/Topics/Topic/Messages/MessageContent/__tests__/MessageContent.spec.tsx +++ b/kafka-ui-react-app/src/components/Topics/Topic/Messages/MessageContent/__tests__/MessageContent.spec.tsx @@ -61,7 +61,7 @@ describe('MessageContent screen', () => { }); describe('when switched to display the headers', () => { - it('makes Headers tab active', () => { + it('makes headers tab active', () => { userEvent.click(screen.getByText('Headers')); expect(screen.getByText('Headers')).toHaveStyleRule( 'background-color', @@ -70,9 +70,9 @@ describe('MessageContent screen', () => { }); }); - describe('when switched to display the content', () => { - it('makes content tab active', () => { - const contentTab = screen.getAllByText('Content'); + describe('when switched to display the value', () => { + it('makes value tab active', () => { + const contentTab = screen.getAllByText('Value'); userEvent.click(contentTab[0]); expect(contentTab[0]).toHaveStyleRule( 'background-color',