Merge pull request #1245 from danskernesdigitalebibliotek/DDFFORM-807…

…-optimer-opening-hours-cypress-test

DDFFORM-807 - Enable `initialDate` parameter in opening hours apps (For Cypress testing)

src/apps/opening-hours-editor/OpeningHoursEditor.entry.tsx

@@ -5,6 +5,7 @@ import OpeningHoursEditor, {
   OpeningHoursEditorType
 } from "./OpeningHoursEditor";
 import { withConfig } from "../../core/utils/config";
+import { getInitialDateFromUrl } from "./helper";
 
 interface OpeningHoursEditorEntryTextProps {
   openingHoursRemoveEventButtonText: string;
@@ -36,8 +37,13 @@ const OpeningHoursEditorEntry: React.FC<
   OpeningHoursEditorEntryTextProps &
     OpeningHoursEditorType &
     OpeningHoursEditorEntryConfigProps
-> = ({ initialDate = new Date() }) => {
-  return <OpeningHoursEditor initialDate={initialDate} />;
+> = ({ initialDate }) => {
+  const initialDateParam = getInitialDateFromUrl();
+  return (
+    <OpeningHoursEditor
+      initialDate={initialDate ?? (initialDateParam || new Date())}
+    />
+  );
 };
 
 export default withConfig(withUrls(withText(OpeningHoursEditorEntry)));

src/apps/opening-hours-editor/helper.ts

@@ -172,3 +172,25 @@ export const isOpeningHourWeeklyRepetition = (
     DplOpeningHoursListGET200ItemRepetitionType.weekly
   );
 };
+
+// This used for cypress testing in in cms where we test the complete flow of
+// opening hours between the editor (Admin) and the calendar (Frontend)
+export const getInitialDateFromUrl = (): Date | null => {
+  const query = new URLSearchParams(window.location.search);
+  const initialDateString = query.get("initialDate");
+
+  if (!initialDateString) {
+    return null;
+  }
+
+  const date = new Date(initialDateString);
+  if (!Number.isNaN(date.getTime())) {
+    return date;
+  }
+  // eslint-disable-next-line no-console
+  console.debug(
+    "Invalid date format in URL parameter: initialDate =",
+    initialDateString
+  );
+  return null;
+};

src/apps/opening-hours/OpeningHours.entry.tsx

@@ -1,10 +1,10 @@
 import React from "react";
-import GuardedApp from "../../components/guarded-app";
 import { GlobalEntryTextProps } from "../../core/storybook/globalTextArgs";
 import { withConfig } from "../../core/utils/config";
 import { withText } from "../../core/utils/text";
 import { withUrls } from "../../core/utils/url";
 import OpeningHours from "./OpeningHours";
+import { getInitialDateFromUrl } from "../opening-hours-editor/helper";
 
 export interface OpeningHoursEntryProps {
   branchId: number;
@@ -17,8 +17,14 @@ export interface OpeningHoursEntryProps {
 
 const OpeningHoursEntry: React.FC<
   OpeningHoursEntryProps & GlobalEntryTextProps
-> = ({ branchId, initialDate = new Date() }) => {
-  return <OpeningHours branchId={branchId} initialDate={initialDate} />;
+> = ({ branchId, initialDate }) => {
+  const initialDateParam = getInitialDateFromUrl();
+  return (
+    <OpeningHours
+      branchId={branchId}
+      initialDate={initialDate ?? (initialDateParam || new Date())}
+    />
+  );
 };
 
 export default withConfig(withUrls(withText(OpeningHoursEntry)));