0ct0pu5/kafka-ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[UI] Changed Content to Value and updated a Test (#2812)

Browse source 
* Changed Content to Value and Update a Test

* Corrected content->value in tests

Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
This commit is contained in:
Aditya Bhattad 2022-10-26 01:22:19 +05:30 • committed by GitHub
parent 25111085be
commit e87178136c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
kafka-ui-react-app/src/components/Topics/Topic/Messages/MessageContent/MessageContent.tsx
View file

@ -82,7 +82,7 @@ const MessageContent: React.FC<MessageContentProps> = ({
type="button" type="button"
onClick={handleContentTabClick} onClick={handleContentTabClick}
> >
Content Value
</S.Tab> </S.Tab>
<S.Tab <S.Tab
$active={activeTab === 'headers'} $active={activeTab === 'headers'}
@ -108,7 +108,7 @@ const MessageContent: React.FC<MessageContentProps> = ({
</S.Metadata> </S.Metadata>
<S.Metadata> <S.Metadata>
<S.MetadataLabel>Content</S.MetadataLabel> <S.MetadataLabel>Value</S.MetadataLabel>
<span> <span>
<S.MetadataValue>{messageContentFormat}</S.MetadataValue> <S.MetadataValue>{messageContentFormat}</S.MetadataValue>
<S.MetadataMeta> <S.MetadataMeta>

8
kafka-ui-react-app/src/components/Topics/Topic/Messages/MessageContent/__tests__/MessageContent.spec.tsx
View file

@ -61,7 +61,7 @@ describe('MessageContent screen', () => {
}); });
describe('when switched to display the headers', () => { describe('when switched to display the headers', () => {
it('makes Headers tab active', () => { it('makes headers tab active', () => {
userEvent.click(screen.getByText('Headers')); userEvent.click(screen.getByText('Headers'));
expect(screen.getByText('Headers')).toHaveStyleRule( expect(screen.getByText('Headers')).toHaveStyleRule(
'background-color', 'background-color',
@ -70,9 +70,9 @@ describe('MessageContent screen', () => {
}); });
}); });
describe('when switched to display the content', () => { describe('when switched to display the value', () => {
it('makes content tab active', () => { it('makes value tab active', () => {
const contentTab = screen.getAllByText('Content'); const contentTab = screen.getAllByText('Value');
userEvent.click(contentTab[0]); userEvent.click(contentTab[0]);
expect(contentTab[0]).toHaveStyleRule( expect(contentTab[0]).toHaveStyleRule(
'background-color', 'background-color',