From be8dc855543248a56a76615ec08310d472289857 Mon Sep 17 00:00:00 2001
From: Midhun Kumar E <midhun752@gmail.com>
Date: Tue, 16 May 2023 14:43:32 +0530
Subject: [PATCH] Add data-cy for the event handler input fields (#6382)

---
 .../Inspector/ActionConfigurationPanels/SwitchPage.jsx | 10 ++++++++--
 frontend/src/Editor/Inspector/EventManager.jsx         |  5 +++++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Editor/Inspector/ActionConfigurationPanels/SwitchPage.jsx b/frontend/src/Editor/Inspector/ActionConfigurationPanels/SwitchPage.jsx
index f624ade3fb..a67e443e52 100644
--- a/frontend/src/Editor/Inspector/ActionConfigurationPanels/SwitchPage.jsx
+++ b/frontend/src/Editor/Inspector/ActionConfigurationPanels/SwitchPage.jsx
@@ -46,7 +46,7 @@ export function SwitchPage({ getPages, currentState, event, handlerChanged, even
   };
 
   return (
-    <div className="p-1 switch-page">
+    <div className="p-1 switch-page" data-cy={`switch-page-label-and-input`}>
       <label className="form-label mt-1">{t('globals.page', 'Page')}</label>
       <Select
         options={getPages()}
@@ -75,6 +75,7 @@ export function SwitchPage({ getPages, currentState, event, handlerChanged, even
                 mode="javascript"
                 className="form-control codehinter-query-editor-input"
                 height={30}
+                cyLabel={`query-param-key`}
               />
             </div>
             <div className="col">
@@ -85,6 +86,7 @@ export function SwitchPage({ getPages, currentState, event, handlerChanged, even
                 mode="javascript"
                 className="form-control codehinter-query-editor-input"
                 height={30}
+                cyLabel={`query-param-value`}
               />
             </div>
             <span className="btn-sm col-auto my-1" role="button" onClick={() => deleteQueryParam(index)}>
@@ -93,7 +95,11 @@ export function SwitchPage({ getPages, currentState, event, handlerChanged, even
           </div>
         ))}
 
-      <button className="btn btn-sm btn-outline-azure mt-2 mx-0 mb-0" onClick={addQueryParam}>
+      <button
+        className="btn btn-sm btn-outline-azure mt-2 mx-0 mb-0"
+        onClick={addQueryParam}
+        data-cy={`button-add-query-param`}
+      >
         +
       </button>
     </div>
diff --git a/frontend/src/Editor/Inspector/EventManager.jsx b/frontend/src/Editor/Inspector/EventManager.jsx
index 14c68560b9..c07d35e75b 100644
--- a/frontend/src/Editor/Inspector/EventManager.jsx
+++ b/frontend/src/Editor/Inspector/EventManager.jsx
@@ -530,6 +530,7 @@ export const EventManager = ({
                       initialValue={event.key}
                       onChange={(value) => handlerChanged(index, 'key', value)}
                       enablePreview={true}
+                      cyLabel={`key`}
                     />
                   </div>
                 </div>
@@ -542,6 +543,7 @@ export const EventManager = ({
                       initialValue={event.value}
                       onChange={(value) => handlerChanged(index, 'value', value)}
                       enablePreview={true}
+                      cyLabel={`variable`}
                     />
                   </div>
                 </div>
@@ -574,6 +576,7 @@ export const EventManager = ({
                       initialValue={event.key}
                       onChange={(value) => handlerChanged(index, 'key', value)}
                       enablePreview={true}
+                      cyLabel={`key`}
                     />
                   </div>
                 </div>
@@ -586,6 +589,7 @@ export const EventManager = ({
                       initialValue={event.value}
                       onChange={(value) => handlerChanged(index, 'value', value)}
                       enablePreview={true}
+                      cyLabel={`variable`}
                     />
                   </div>
                 </div>
@@ -602,6 +606,7 @@ export const EventManager = ({
                       initialValue={event.key}
                       onChange={(value) => handlerChanged(index, 'key', value)}
                       enablePreview={true}
+                      cyLabel={`key`}
                     />
                   </div>
                 </div>