Merge pull request #1102 from danskernesdigitalebibliotek/DDFFORM-559…

…-tests-pa-abningstider-testning-af-redigering-af-abningstider Ddfform 559 tests pa abningstider testning af redigering af abningstider
danskernesdigitalebibliotek · Apr 10, 2024 · 6f6858c · 6f6858c
2 parents 0c2ec47 + f633041
commit 6f6858c
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 3 deletions.
diff --git 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
@@ -54,14 +54,19 @@ 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"
       >
         {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/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,

diff --git 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)}