fix: add URL filter for samples

Signed-off-by: Oleksii Orel <oorel@redhat.com>

Author: olexii4

packages/dashboard-frontend/src/store/DevfileRegistries/__tests__/selectors.spec.ts

@@ -59,7 +59,7 @@ describe('DevfileRegistries, selectors', () => {
                 displayName: 'Devfile 2',
                 description: 'Description 2',
                 links: { v2: 'https://registry2.com/devfile2' },
-                tags: ['Empty'],
+                tags: ['tag2', 'Empty'],
               } as che.DevfileMetaData,
             ],
             error: 'Error message',
@@ -105,7 +105,7 @@ describe('DevfileRegistries, selectors', () => {
         displayName: 'Devfile 2',
         description: 'Description 2',
         links: { v2: 'https://registry2.com/devfile2' },
-        tags: ['Empty'],
+        tags: ['tag2', 'Empty'],
         registry: 'https://registry2.com',
       },
     ]);
@@ -132,8 +132,11 @@ describe('DevfileRegistries, selectors', () => {
   });
 
   describe('selectMetadataFiltered', () => {
-    it('should select metadata filtered by filter value', () => {
+    it('should select metadata filtered by filter value by displayName', () => {
+      mockState.devfileRegistries.filter = 'Devfile 1';
+
       const result = selectMetadataFiltered(mockState);
+
       expect(result).toEqual([
         {
           displayName: 'Devfile 1',
@@ -145,6 +148,54 @@ describe('DevfileRegistries, selectors', () => {
       ]);
     });
 
+    it('should select metadata filtered by filter value by description', () => {
+      mockState.devfileRegistries.filter = 'Description 1';
+
+      const result = selectMetadataFiltered(mockState);
+
+      expect(result).toEqual([
+        {
+          displayName: 'Devfile 1',
+          description: 'Description 1',
+          links: { v2: 'https://registry1.com/devfile1' },
+          tags: ['tag1'],
+          registry: 'https://registry1.com',
+        },
+      ]);
+    });
+
+    it('should select metadata filtered by filter value by tags', () => {
+      mockState.devfileRegistries.filter = 'Empty';
+
+      const result = selectMetadataFiltered(mockState);
+
+      expect(result).toEqual([
+        {
+          displayName: 'Devfile 2',
+          description: 'Description 2',
+          links: { v2: 'https://registry2.com/devfile2' },
+          tags: ['tag2', 'Empty'],
+          registry: 'https://registry2.com',
+        },
+      ]);
+    });
+
+    it('should select metadata filtered by filter value by link', () => {
+      mockState.devfileRegistries.filter = 'registry2.com';
+
+      const result = selectMetadataFiltered(mockState);
+
+      expect(result).toEqual([
+        {
+          displayName: 'Devfile 2',
+          description: 'Description 2',
+          links: { v2: 'https://registry2.com/devfile2' },
+          tags: ['tag2', 'Empty'],
+          registry: 'https://registry2.com',
+        },
+      ]);
+    });
+
     it('should select all metadata if filter value is empty', () => {
       const mockStateWithoutFilterValue = {
         ...mockState,
@@ -167,7 +218,7 @@ describe('DevfileRegistries, selectors', () => {
           displayName: 'Devfile 2',
           description: 'Description 2',
           links: { v2: 'https://registry2.com/devfile2' },
-          tags: ['Empty'],
+          tags: ['tag2', 'Empty'],
           registry: 'https://registry2.com',
         },
       ]);

packages/dashboard-frontend/src/store/DevfileRegistries/selectors.ts

@@ -122,7 +122,12 @@ export const selectDefaultDevfile = createSelector(
 );
 
 function matches(meta: che.DevfileMetaData, filterValue: string): boolean {
-  return match(meta.displayName, filterValue) || match(meta.description || '', filterValue);
+  return (
+    match(meta.displayName, filterValue) ||
+    match(meta.description || '', filterValue) ||
+    match(meta.tags.join(' '), filterValue) ||
+    match(meta?.links?.v2 || '', filterValue)
+  );
 }
 
 function mergeRegistriesMetadata(