diff --git a/packages/jaeger-ui/src/components/TracePage/index.test.jsx b/packages/jaeger-ui/src/components/TracePage/index.test.jsx index 878b06bbae..92338eea03 100644 --- a/packages/jaeger-ui/src/components/TracePage/index.test.jsx +++ b/packages/jaeger-ui/src/components/TracePage/index.test.jsx @@ -608,6 +608,20 @@ describe('', () => { const spanGraph = screen.queryByTestId('span-graph'); expect(spanGraph).not.toBeInTheDocument(); }); + + describe('when timeline bars are hidden', () => { + afterEach(() => { + mockLayoutPrefsStore.timelineBarsVisible = true; + }); + + it('is true when timeline bars are hidden', () => { + mockLayoutPrefsStore.timelineBarsVisible = false; + renderWithRouter(); + + const spanGraph = screen.queryByTestId('span-graph'); + expect(spanGraph).not.toBeInTheDocument(); + }); + }); }); describe('calculates hideSummary correctly', () => { diff --git a/packages/jaeger-ui/src/components/TracePage/index.tsx b/packages/jaeger-ui/src/components/TracePage/index.tsx index 2212e651e1..3b214c6c52 100644 --- a/packages/jaeger-ui/src/components/TracePage/index.tsx +++ b/packages/jaeger-ui/src/components/TracePage/index.tsx @@ -404,7 +404,9 @@ export function TracePageImpl(props: TProps) { detailPanelMode, enableSidePanel, hideMap: Boolean( - viewType !== ETraceViewType.TraceTimelineViewer || (embedded && embedded.timeline.hideMinimap) + viewType !== ETraceViewType.TraceTimelineViewer || + (embedded && embedded.timeline.hideMinimap) || + !timelineBarsVisible ), hideSummary: Boolean(embedded && embedded.timeline.hideSummary), linkToStandalone: getUrl(id),