test: Find property

theopensystemslab · Oct 16, 2024 · 37a2283 · 37a2283
1 parent 1a9a619
commit 37a2283
Show file tree

Hide file tree

Showing 3 changed files with 69 additions and 4 deletions.
diff --git a/...lanx.uk/src/pages/FlowEditor/components/Sidebar/Search/SearchResultCard/allFacets.test.ts b/...lanx.uk/src/pages/FlowEditor/components/Sidebar/Search/SearchResultCard/allFacets.test.ts
@@ -1,7 +1,7 @@
 import { ComponentType } from "@opensystemslab/planx-core/types";
 import { useStore } from "pages/FlowEditor/lib/store";
 
-import { mockChecklistOptionResult, mockChecklistResult, mockConfirmationResult, mockContentResult, mockFileUploadAndLabelResult, mockFlow, mockNextStepsOptionResult, mockNumberInputResult, mockPayResult, mockQuestionResult, mockSchemaResult, mockTaskListResult } from "../mocks/allFacetFlow";
+import { mockChecklistOptionResult, mockChecklistResult, mockConfirmationResult, mockContentResult, mockFileUploadAndLabelResult, mockFindPropertyResult, mockFlow, mockNextStepsOptionResult, mockNumberInputResult, mockPayResult, mockQuestionResult, mockSchemaResult, mockTaskListResult } from "../mocks/allFacetFlow";
 import { getDisplayDetailsForResult } from "./getDisplayDetailsForResult";
 
 type Output = ReturnType<typeof getDisplayDetailsForResult>;
@@ -453,9 +453,47 @@ describe("confirmation fields", () => {
 });
 
 describe("findProperty fields", () => {
-  it.todo("renders data.newAddressTitle");
-  it.todo("renders data.newAddressDescription");
-  it.todo("renders data.newAddressDescriptionLabel");
+  it("renders data.newAddressTitle", () => {
+    const output = getDisplayDetailsForResult(mockFindPropertyResult);
+
+    expect(output).toStrictEqual<Output>({
+      key: "Title (new address)",
+      iconKey: ComponentType.FindProperty,
+      componentType: "Find property",
+      title: ".",
+      headline: "Mouse",
+    });
+  });
+
+  it("renders data.newAddressDescription", () => {
+    const output = getDisplayDetailsForResult({
+      ...mockFindPropertyResult,
+      key: "data.newAddressDescription",
+    });
+
+    expect(output).toStrictEqual<Output>({
+      key: "Description (new address)",
+      iconKey: ComponentType.FindProperty,
+      componentType: "Find property",
+      title: ".",
+      headline: "<p>Stingray</p>",
+    });
+  });
+
+  it("renders data.newAddressDescriptionLabel", () => {
+    const output = getDisplayDetailsForResult({
+      ...mockFindPropertyResult,
+      key: "data.newAddressDescriptionLabel",
+    });
+
+    expect(output).toStrictEqual<Output>({
+      key: "Description label (new address)",
+      iconKey: ComponentType.FindProperty,
+      componentType: "Find property",
+      title: ".",
+      headline: "Scorpion",
+    });
+  });
 });
 
 describe("drawBoundary fields", () => {

diff --git a/...ages/FlowEditor/components/Sidebar/Search/SearchResultCard/getDisplayDetailsForResult.tsx b/...ages/FlowEditor/components/Sidebar/Search/SearchResultCard/getDisplayDetailsForResult.tsx
@@ -275,6 +275,10 @@ const componentFormatters: ComponentMap = {
       return formatted;
     }
   },
+  // Find property is referred to internally as "find-property-merged"
+  [ComponentType.FindProperty]: {
+    getComponentType: () => "Find property",
+  }
 };
 
 /**

diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Sidebar/Search/mocks/allFacetFlow.ts b/editor.planx.uk/src/pages/FlowEditor/components/Sidebar/Search/mocks/allFacetFlow.ts
@@ -525,3 +525,26 @@ export const mockConfirmationResult: SearchResult<IndexedNode> = {
   matchIndices: [[0, 4]],
   refIndex: 0,
 };
+
+export const mockFindPropertyResult: SearchResult<IndexedNode> = {
+  item: {
+    id: "uUQq7w7zDy",
+    parentId: "_root",
+    type: 9,
+    data: {
+      title: ".",
+      newAddressTitle: "Mouse",
+      allowNewAddresses: true,
+      newAddressDescription: "<p>Stingray</p>",
+      newAddressDescriptionLabel: "Scorpion"
+    }
+  },
+  key: "data.newAddressTitle",
+  matchIndices: [
+    [
+      0,
+      4
+    ]
+  ],
+  refIndex: 0
+};