From 2fb32161ef090807b6cbe1e92937b79829156ced Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Wed, 18 Sep 2024 08:09:05 +0200
Subject: [PATCH] fix: add tree handler for ancestors to avoid api error

---
 .../mocks/data/utils/entity/entity-tree.manager.ts   | 12 ++++++++++++
 .../src/mocks/handlers/document/tree.handlers.ts     |  8 ++++++++
 2 files changed, 20 insertions(+)

diff --git a/src/Umbraco.Web.UI.Client/src/mocks/data/utils/entity/entity-tree.manager.ts b/src/Umbraco.Web.UI.Client/src/mocks/data/utils/entity/entity-tree.manager.ts
index fc6a0c7334..61ebfea7a5 100644
--- a/src/Umbraco.Web.UI.Client/src/mocks/data/utils/entity/entity-tree.manager.ts
+++ b/src/Umbraco.Web.UI.Client/src/mocks/data/utils/entity/entity-tree.manager.ts
@@ -21,6 +21,18 @@ export class UmbMockEntityTreeManager<T extends { id: string; parent?: { id: str
 		return this.#pagedTreeResult({ items, skip, take });
 	}
 
+	getAncestorsOf({ descendantId }: { descendantId: string }): Array<T> {
+		const items = [];
+		let currentId: string | undefined = descendantId;
+		while (currentId) {
+			const item = this.#db.read(currentId);
+			if (!item) break;
+			items.push(item);
+			currentId = item.parent?.id;
+		}
+		return items.reverse();
+	}
+
 	#pagedTreeResult({ items, skip, take }: { items: Array<T>; skip: number; take: number }) {
 		const paged = pagedResult(items, skip, take);
 		const treeItems = paged.items.map((item) => this.#treeItemMapper(item));
diff --git a/src/Umbraco.Web.UI.Client/src/mocks/handlers/document/tree.handlers.ts b/src/Umbraco.Web.UI.Client/src/mocks/handlers/document/tree.handlers.ts
index e148fc83da..df3400b392 100644
--- a/src/Umbraco.Web.UI.Client/src/mocks/handlers/document/tree.handlers.ts
+++ b/src/Umbraco.Web.UI.Client/src/mocks/handlers/document/tree.handlers.ts
@@ -1,5 +1,6 @@
 const { rest } = window.MockServiceWorker;
 import { umbDocumentMockDb } from '../../data/document/document.db.js';
+import type { GetTreeDocumentAncestorsResponse } from '@umbraco-cms/backoffice/external/backend-api';
 import { UMB_SLUG } from './slug.js';
 import { umbracoPath } from '@umbraco-cms/backoffice/utils';
 
@@ -19,4 +20,11 @@ export const treeHandlers = [
 		const response = umbDocumentMockDb.tree.getChildrenOf({ parentId, skip, take });
 		return res(ctx.status(200), ctx.json(response));
 	}),
+
+	rest.get(umbracoPath(`/tree${UMB_SLUG}/ancestors`), (req, res, ctx) => {
+		const descendantId = req.url.searchParams.get('descendantId');
+		if (!descendantId) return;
+		const response = umbDocumentMockDb.tree.getAncestorsOf({ descendantId });
+		return res(ctx.status(200), ctx.json<GetTreeDocumentAncestorsResponse>(response));
+	}),
 ];