[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:
Brent Kimmel 2020-09-29 11:11:55 -04:00 committed by GitHub
parent 8375c02465
commit f19cc7790c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -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}
/>
</>