BC-10864 - fix empty folder name (#3937)

Author: cdarsow

src/modules/data/folder/Folder.state.ts

@@ -28,7 +28,10 @@ export const useFolderState = () => {
 		return parent;
 	});
 
-	const folderName = computed(() => fileFolderElement.value?.content.title ?? t("pages.folder.untitled"));
+	const folderName = computed(() => {
+		const title = fileFolderElement.value?.content.title;
+		return title || t("pages.folder.untitled");
+	});
 
 	const pageTitle = computed(() => buildPageTitle(folderName.value, parent.value?.name ?? t("pages.folder.title")));
 

src/modules/data/folder/Folder.state.unit.ts

@@ -105,6 +105,23 @@ describe("useFolderState", () => {
 						timestamps: { createdAt, lastUpdatedAt },
 					});
 				});
+
+				describe("when file folder element has an empty title", () => {
+					it("should return default title", async () => {
+						const { testId } = setup({
+							element: {
+								...fileFolderElementResponseFactory.build(),
+								content: { title: "" },
+							},
+						});
+
+						const { fetchFileFolderElement, folderName } = useFolderState();
+
+						await fetchFileFolderElement(testId);
+
+						expect(folderName.value).toEqual("pages.folder.untitled");
+					});
+				});
 			});
 
 			describe("when root parent node is a course", () => {