fix(fe:FSADT1-1569): trim search keywords (#1294)

* fix: trim search keywords

* chore: update stub

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

@@ -343,6 +343,31 @@ describe("Search Page", () => {
     });
   });
 
+  describe("when user fills in the search box with extra spaces", () => {
+    beforeEach(() => {
+      cy.fillFormEntry("#search-box", " hello     world  ", { skipBlur: true });
+    });
+
+    it("trims the entered string before making the API call", () => {
+      cy.wait("@predictiveSearch").then((interception) => {
+        expect(interception.request.query.keyword).to.eq("hello world");
+      });
+    });
+
+    describe("and clicks the Search button", () => {
+      beforeEach(() => {
+        cy.wait("@predictiveSearch");
+        cy.get("#search-button").click();
+      });
+      it("trims the entered string before making the API call", () => {
+        cy.wait("@fullSearch").then((interception) => {
+          const { query } = interception.request;
+          expect(query.keyword).to.eq("hello world");
+        });
+      });
+    });
+  });
+
   describe("Search with no keywords", () => {
     beforeEach(() => {
       cy.get("#search-button").click();

frontend/src/pages/SearchPage.vue

@@ -43,7 +43,9 @@ const pageNumber = ref(1);
 const totalItems = ref(0);
 const pageSize = ref(10);
 
-const searchKeyword = ref("");
+const rawSearchKeyword = ref("");
+
+const searchKeyword = computed(() => rawSearchKeyword.value.trim().replaceAll(/ +/g, " "));
 const lastSearchKeyword = ref("");
 
 // empty is valid
@@ -219,7 +221,7 @@ onMounted(() => {
           tip=""
           placeholder="Search by client number, name or acronym"
           size="lg"
-          v-model="searchKeyword"
+          v-model="rawSearchKeyword"
           :contents="searchResultToCodeNameValueList(content)"
           :validations="validations"
           :validations-on-change="validationsOnChange"

frontend/stub/mappings/client_search.json

@@ -49,7 +49,7 @@
         "method": "GET",
         "queryParameters": {
           "keyword": {
-            "matches": "empty"
+            "matches": ".*empty.*"
           }
         }
       },
@@ -96,7 +96,7 @@
         "method": "GET",
         "queryParameters": {
           "keyword": {
-            "matches": "empty"
+            "matches": ".*empty.*"
           },
           "page": {
             "matches": "^[0-5]$"