fix(fe): validate search on press enter (#1250)

fix: allow validation on press enter

frontend/cypress/e2e/pages/SearchPage.cy.ts

@@ -324,6 +324,24 @@ describe("Search Page", () => {
     });
   });
 
+  describe("when user fills in the search box with less than 3 characters", () => {
+    beforeEach(() => {
+      cy.fillFormEntry("#search-box", "12", { skipBlur: true });
+    });
+
+    describe("and hits enter on the search box", () => {
+      beforeEach(() => {
+        cy.fillFormEntry("#search-box", "{enter}", { skipBlur: true });
+      });
+      it("shows error message and makes no API call", () => {
+        cy.contains("The search terms must contain at least 3 characters");
+
+        cy.wait(500); // This time has to be greater than the debouncing time
+        cy.wrap(fullSearchCounter).its("count").should("eq", 0);
+      });
+    });
+  });
+
   describe("Search with no keywords", () => {
     beforeEach(() => {
       cy.get("#search-button").click();

frontend/src/pages/SearchPage.vue

@@ -10,6 +10,8 @@ import "@carbon/web-components/es/components/select/index";
 import "@carbon/web-components/es/components/tag/index";
 
 import { useFetchTo } from "@/composables/useFetch";
+import { useEventBus } from "@vueuse/core";
+
 import type { ClientSearchResult, CodeNameType } from "@/dto/CommonTypesDto";
 import { adminEmail, getObfuscatedEmailLink, toTitleCase } from "@/services/ForestClientService";
 import summit from "@carbon/pictograms/es/summit";
@@ -25,6 +27,8 @@ import {
   optional,
 } from "@/helpers/validators/GlobalValidators";
 
+const revalidateBus = useEventBus<string[] | undefined>("revalidate-bus");
+
 const summitSvg = useSvg(summit);
 
 const userhasAuthority = ["CLIENT_VIEWER", "CLIENT_EDITOR", "CLIENT_ADMIN", "CLIENT_SUSPEND"].some(authority => ForestClientUserSession.authorities.includes(authority));
@@ -53,12 +57,14 @@ const fullSearchUri = computed(
 
 const {
   response: searchResponse,
-  fetch,
+  fetch: fetchSearch,
   loading: loadingSearch,
   error: searchError,
 } = useFetchTo(fullSearchUri, tableData, { skip: true });
 
 const search = (skipResetPage = false) => {
+  revalidateBus.emit();
+
   if (!valid.value) {
     return;
   }
@@ -69,7 +75,7 @@ const search = (skipResetPage = false) => {
   if (!skipResetPage) {
     pageNumber.value = 1;
   }
-  fetch();
+  fetchSearch();
 };
 
 watch(searchResponse, () => {