[FIX] RHOAIENG-50669 : [Product bug] Data sources in Feature store doesn't show up (opendatahub-io#6374)

* fix(feature-store): correct Data sources route to fix blank page

* test(cypress): add regression test for Data sources sidebar navigation

Author: kanishka-commits

packages/cypress/cypress/tests/mocked/featureStore/featureDataSources.cy.ts

@@ -4,6 +4,11 @@ import { mockFeatureStoreService } from '@odh-dashboard/feature-store/mocks/mock
 import { mockFeatureStoreProject } from '@odh-dashboard/feature-store/mocks/mockFeatureStoreProject';
 import { mockFeatureView } from '@odh-dashboard/feature-store/mocks/mockFeatureViews';
 import { mockDataSource } from '@odh-dashboard/feature-store/mocks/mockDataSources';
+import {
+  mockResourceCounts,
+  mockPopularTags,
+  mockRecentlyVisited,
+} from '@odh-dashboard/feature-store/mocks/mockMetrics';
 import { mockDashboardConfig } from '@odh-dashboard/internal/__mocks__/mockDashboardConfig';
 import { mockDscStatus } from '@odh-dashboard/internal/__mocks__/mockDscStatus';
 import { mockK8sResourceList } from '@odh-dashboard/internal/__mocks__/mockK8sResourceList';
@@ -215,6 +220,24 @@ const mockDataSourceDetailsIntercept = () => {
   ).as('getDataSourceDetails');
 };
 
+const mockOverviewMetricsIntercept = () => {
+  cy.intercept(
+    'GET',
+    `/api/featurestores/${k8sNamespace}/${fsName}/api/v1/metrics/resource_counts*`,
+    mockResourceCounts(),
+  );
+  cy.intercept(
+    'GET',
+    `/api/featurestores/${k8sNamespace}/${fsName}/api/v1/metrics/popular_tags*`,
+    mockPopularTags(),
+  );
+  cy.intercept(
+    'GET',
+    `/api/featurestores/${k8sNamespace}/${fsName}/api/v1/metrics/recently_visited*`,
+    mockRecentlyVisited(),
+  );
+};
+
 const mockDataSourceFeatureViewsIntercept = () => {
   cy.intercept(
     'GET',
@@ -273,6 +296,16 @@ describe('Feature Data Sources for all projects', () => {
     mockAllDataSourcesIntercept();
   });
 
+  it('should load Data sources page when navigating via sidebar', () => {
+    mockOverviewMetricsIntercept();
+    featureStoreGlobal.visitOverview();
+    featureStoreGlobal.navigateToDataSources();
+
+    cy.url().should('include', '/feature-store/data-sources');
+    featureStoreGlobal.findHeading().should('have.text', 'Data sources');
+    featureDataSourcesTable.findTable().should('be.visible');
+  });
+
   it('should display all data sources when no project is selected', () => {
     featureStoreGlobal.visitDataSources();
 

packages/feature-store/extensions.ts

@@ -66,9 +66,9 @@ const extensions: (AreaExtension | HrefNavItemExtension | RouteExtension | NavSe
       properties: {
         id: 'featureStore-data-sources',
         title: 'Data sources',
-        href: '/develop-train/feature-store/datasources',
+        href: '/develop-train/feature-store/data-sources',
         section: 'feature-store',
-        path: '/develop-train/feature-store/datasources/*',
+        path: '/develop-train/feature-store/data-sources/*',
       },
     },
     {