From d0619251960dff3f28eb5922f9443742819a38c1 Mon Sep 17 00:00:00 2001
From: Kasper Birch <kasperbirch1@gmail.com>
Date: Wed, 10 Apr 2024 10:33:59 +0200
Subject: [PATCH 1/2] Add Cypress data attributes for testing purposes

---
 src/apps/opening-hours-editor/DialogFormEdit.tsx       |  1 +
 src/apps/opening-hours-editor/EventForm.tsx            | 10 +++++++++-
 .../OpeningHoursEditorEventContent.tsx                 |  5 ++++-
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/apps/opening-hours-editor/DialogFormEdit.tsx b/src/apps/opening-hours-editor/DialogFormEdit.tsx
index d20b212e6f..56b4903a29 100644
--- a/src/apps/opening-hours-editor/DialogFormEdit.tsx
+++ b/src/apps/opening-hours-editor/DialogFormEdit.tsx
@@ -66,6 +66,7 @@ const DialogFormEdit: React.FC<DialogFormEditProps> = ({
       openingHoursCategories={openingHoursCategories}
     >
       <button
+        data-cy="opening-hours-editor-form__remove"
         className="opening-hours-editor-form__remove"
         type="button"
         tabIndex={0}
diff --git a/src/apps/opening-hours-editor/EventForm.tsx b/src/apps/opening-hours-editor/EventForm.tsx
index 02e0d29646..c45909092e 100644
--- a/src/apps/opening-hours-editor/EventForm.tsx
+++ b/src/apps/opening-hours-editor/EventForm.tsx
@@ -54,7 +54,11 @@ const EventForm: React.FC<EventFormProps> = ({
   };
 
   return (
-    <form onSubmit={handleSubmit} className="opening-hours-editor-form">
+    <form
+      onSubmit={handleSubmit}
+      className="opening-hours-editor-form"
+      data-cy="opening-hours-editor-form"
+    >
       <label
         className="opening-hours-editor-form__label"
         htmlFor="event-form-title"
@@ -62,6 +66,7 @@ const EventForm: React.FC<EventFormProps> = ({
         {t("openingHoursEventFormTitleText")}
       </label>
       <select
+        data-cy="opening-hours-editor-form-select"
         className="opening-hours-editor-form__select"
         id="event-form-title"
         value={category?.title}
@@ -84,6 +89,7 @@ const EventForm: React.FC<EventFormProps> = ({
         {t("openingHoursEventFormStartTimeText")}
       </label>
       <input
+        data-cy="opening-hours-editor-form-start-time"
         className="opening-hours-editor-form__time-input"
         id="event-form-start-time"
         type="time"
@@ -97,6 +103,7 @@ const EventForm: React.FC<EventFormProps> = ({
         {t("openingHoursEventFormEndTimeText")}
       </label>
       <input
+        data-cy="opening-hours-editor-form-end-time"
         className="opening-hours-editor-form__time-input"
         id="event-form-end-time"
         type="time"
@@ -107,6 +114,7 @@ const EventForm: React.FC<EventFormProps> = ({
       />
       {children}
       <button
+        data-cy="opening-hours-editor-form-submit"
         type="submit"
         className="opening-hours-editor-form__submit"
         disabled={isSameTime}
diff --git a/src/apps/opening-hours-editor/OpeningHoursEditorEventContent.tsx b/src/apps/opening-hours-editor/OpeningHoursEditorEventContent.tsx
index 3722c676d5..695fe209f9 100644
--- a/src/apps/opening-hours-editor/OpeningHoursEditorEventContent.tsx
+++ b/src/apps/opening-hours-editor/OpeningHoursEditorEventContent.tsx
@@ -11,7 +11,10 @@ const OpeningHoursEditorEventContent: React.FC<
 > = ({ eventInput }) => {
   const { event } = eventInput;
   return (
-    <div className="opening-hours-editor-event-content">
+    <div
+      className="opening-hours-editor-event-content"
+      data-cy="opening-hours-editor-event-content"
+    >
       <b>{event.title}</b>
       <div>
         {extractTime(event.start)} - {extractTime(event.end)}

From f633041947904c333ed4c1b2737d6ede0f9d7d02 Mon Sep 17 00:00:00 2001
From: Kasper Birch <kasperbirch1@gmail.com>
Date: Wed, 10 Apr 2024 10:35:00 +0200
Subject: [PATCH 2/2] Rename `Opening Hours Editor` story name

---
 src/apps/opening-hours-editor/OpeningHoursEditor.dev.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/apps/opening-hours-editor/OpeningHoursEditor.dev.tsx b/src/apps/opening-hours-editor/OpeningHoursEditor.dev.tsx
index 1040a22b0e..2e9e1cb067 100644
--- a/src/apps/opening-hours-editor/OpeningHoursEditor.dev.tsx
+++ b/src/apps/opening-hours-editor/OpeningHoursEditor.dev.tsx
@@ -4,7 +4,7 @@ import serviceUrlArgs from "../../core/storybook/serviceUrlArgs";
 import OpeningHoursEditor from "./OpeningHoursEditor.entry";
 
 export default {
-  title: "Apps / OpeningHoursEditor",
+  title: "Apps / Opening Hours Editor",
   component: OpeningHoursEditor,
   argTypes: {
     ...serviceUrlArgs,