[IMP] add_dimension_button: allow to fuzzy search on technical names

This commit adds the technical names of fields to the fuzzy search keys.

Task: 5226786

Author: pro-odoo

src/components/side_panel/pivot/pivot_layout_configurator/add_dimension_button/add_dimension_button.ts

@@ -61,7 +61,9 @@ export class AddDimensionButton extends Component<Props, SpreadsheetChildEnv> {
   get proposals(): AutoCompleteProposal[] {
     let fields: PivotField[];
     if (this.search.input) {
-      fields = fuzzyLookup(this.search.input, this.props.fields, (field) => field.string);
+      fields = fuzzyLookup(this.search.input, this.props.fields, (field) =>
+        field.string === field.name ? field.string : field.string + field.name
+      );
     } else {
       fields = this.props.fields;
     }

tests/pivots/add_dimension_button.test.ts

@@ -1,5 +1,5 @@
 import { AddDimensionButton } from "../../src/components/side_panel/pivot/pivot_layout_configurator/add_dimension_button/add_dimension_button";
-import { click, keyDown } from "../test_helpers/dom_helper";
+import { click, keyDown, setInputValueAndTrigger } from "../test_helpers/dom_helper";
 import { mountComponentWithPortalTarget } from "../test_helpers/helpers";
 
 async function mountAddDimensionButton(
@@ -48,4 +48,20 @@ describe("Add dimension button", () => {
     await keyDown({ key: "Enter" });
     expect(onFieldPicked).toHaveBeenCalledWith("Amount");
   });
+
+  test("Can fuzzy lookup on name and string", async () => {
+    const onFieldPicked = jest.fn();
+    const { fixture } = await mountAddDimensionButton({
+      fields: [
+        { name: "technical", type: "integer", string: "Amount" },
+        { name: "Product", type: "char", string: "Product" },
+      ],
+      onFieldPicked,
+    });
+    await click(fixture.querySelector(".add-dimension")!);
+    await setInputValueAndTrigger(fixture.querySelector("input")!, "tech");
+    const options = [...fixture.querySelectorAll(".o-popover .o-autocomplete-dropdown > div")];
+    expect(options.length).toBe(1);
+    expect(options[0].textContent?.trim()).toBe("Amount");
+  });
 });