[Dataset quality] Keeping timeframe selected when navigating to datas…

…et details (#194263)

https://github.com/user-attachments/assets/1042bc36-29df-4833-be53-96ee142a4d6a

x-pack/plugins/observability_solution/dataset_quality/public/components/dataset_quality/table/columns.tsx

@@ -186,7 +186,11 @@ export const getDatasetQualityTableColumns = ({
         const { integration, name, rawName } = dataStreamStat;
 
         return (
-          <DatasetQualityDetailsLink urlService={urlService} dataStream={rawName}>
+          <DatasetQualityDetailsLink
+            urlService={urlService}
+            dataStream={rawName}
+            timeRange={timeRange}
+          >
             <EuiFlexGroup alignItems="center" gutterSize="s">
               <EuiFlexItem grow={false}>
                 <IntegrationIcon integration={integration} />

x-pack/plugins/observability_solution/dataset_quality/public/components/dataset_quality/table/dataset_quality_details_link.test.tsx

@@ -0,0 +1,70 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { DATA_QUALITY_DETAILS_LOCATOR_ID } from '@kbn/deeplinks-observability';
+import { BrowserUrlService } from '@kbn/share-plugin/public';
+import { shallow } from 'enzyme';
+import React from 'react';
+import { DatasetQualityDetailsLink } from './dataset_quality_details_link';
+
+const createMockLocator = (id: string) => ({
+  navigate: jest.fn(),
+  getRedirectUrl: jest.fn().mockReturnValue(id),
+});
+
+describe('DatasetQualityDetailsLink', () => {
+  const mockDataQualityDetailsLocator = createMockLocator(DATA_QUALITY_DETAILS_LOCATOR_ID);
+
+  const urlServiceMock = {
+    locators: {
+      get: jest.fn((id) => {
+        switch (id) {
+          case DATA_QUALITY_DETAILS_LOCATOR_ID:
+            return mockDataQualityDetailsLocator;
+          default:
+            throw new Error(`Unknown locator id: ${id}`);
+        }
+      }),
+    },
+  } as any as BrowserUrlService;
+
+  const dataStream = {
+    title: 'My data stream',
+    rawName: 'logs-my.data.stream-default',
+  };
+
+  const timeRange = {
+    from: 'now-7d/d',
+    refresh: {
+      pause: true,
+      value: 60000,
+    },
+    to: 'now',
+  };
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('renders a link to dataset quality details', () => {
+    const wrapper = shallow(
+      <DatasetQualityDetailsLink
+        urlService={urlServiceMock}
+        dataStream={dataStream.rawName}
+        timeRange={timeRange}
+      >
+        {dataStream.title}
+      </DatasetQualityDetailsLink>
+    );
+
+    expect(mockDataQualityDetailsLocator.getRedirectUrl).toHaveBeenCalledWith({
+      dataStream: dataStream.rawName,
+      timeRange,
+    });
+    expect(wrapper.prop('href')).toBe(DATA_QUALITY_DETAILS_LOCATOR_ID);
+  });
+});

x-pack/plugins/observability_solution/dataset_quality/public/components/dataset_quality/table/dataset_quality_details_link.tsx

@@ -5,31 +5,34 @@
  * 2.0.
  */
 
-import React from 'react';
-import { BrowserUrlService } from '@kbn/share-plugin/public';
+import { EuiHeaderLink } from '@elastic/eui';
 import {
   DATA_QUALITY_DETAILS_LOCATOR_ID,
   DataQualityDetailsLocatorParams,
 } from '@kbn/deeplinks-observability';
 import { getRouterLinkProps } from '@kbn/router-utils';
-import { EuiHeaderLink } from '@elastic/eui';
+import { BrowserUrlService } from '@kbn/share-plugin/public';
+import React from 'react';
+import { TimeRangeConfig } from '../../../../common/types';
 
 export const DatasetQualityDetailsLink = React.memo(
   ({
     urlService,
     dataStream,
+    timeRange,
     children,
   }: {
     urlService: BrowserUrlService;
     dataStream: string;
+    timeRange: TimeRangeConfig;
     children: React.ReactNode;
   }) => {
     const locator = urlService.locators.get<DataQualityDetailsLocatorParams>(
       DATA_QUALITY_DETAILS_LOCATOR_ID
     );
-    const datasetQualityUrl = locator?.getRedirectUrl({ dataStream });
+    const datasetQualityUrl = locator?.getRedirectUrl({ dataStream, timeRange });
     const navigateToDatasetQuality = () => {
-      locator?.navigate({ dataStream });
+      locator?.navigate({ dataStream, timeRange });
     };
 
     const datasetQualityLinkDetailsProps = getRouterLinkProps({