mirror of
https://github.com/elastic/kibana.git
synced 2025-04-24 17:59:23 -04:00
[Security Solution][Resolver]Add test subj to crumb (#78683)
* [Security Solution][Resolver]Add test subj to crumb * J Buttner review: camel case name Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
This commit is contained in:
parent
8375c02465
commit
f19cc7790c
1 changed files with 11 additions and 2 deletions
|
@ -8,7 +8,7 @@
|
|||
|
||||
import { i18n } from '@kbn/i18n';
|
||||
import { EuiBreadcrumb, EuiBetaBadge } from '@elastic/eui';
|
||||
import React, { memo } from 'react';
|
||||
import React, { memo, useMemo } from 'react';
|
||||
import { BetaHeader, ThemedBreadcrumbs } from './styles';
|
||||
import { useColors } from '../use_colors';
|
||||
|
||||
|
@ -16,6 +16,15 @@ import { useColors } from '../use_colors';
|
|||
* Breadcrumb menu
|
||||
*/
|
||||
export const Breadcrumbs = memo(function ({ breadcrumbs }: { breadcrumbs: EuiBreadcrumb[] }) {
|
||||
// Just tagging the last crumb with `data-test-subj` for testing
|
||||
const crumbsWithLastSubject: EuiBreadcrumb[] = useMemo(() => {
|
||||
const lastcrumb = breadcrumbs.slice(-1).map((crumb) => {
|
||||
crumb['data-test-subj'] = 'resolver:breadcrumbs:last';
|
||||
return crumb;
|
||||
});
|
||||
return [...breadcrumbs.slice(0, -1), ...lastcrumb];
|
||||
}, [breadcrumbs]);
|
||||
|
||||
const { resolverBreadcrumbBackground, resolverEdgeText } = useColors();
|
||||
return (
|
||||
<>
|
||||
|
@ -32,7 +41,7 @@ export const Breadcrumbs = memo(function ({ breadcrumbs }: { breadcrumbs: EuiBre
|
|||
<ThemedBreadcrumbs
|
||||
background={resolverBreadcrumbBackground}
|
||||
text={resolverEdgeText}
|
||||
breadcrumbs={breadcrumbs}
|
||||
breadcrumbs={crumbsWithLastSubject}
|
||||
truncate={false}
|
||||
/>
|
||||
</>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue