From e254e7bb3d235d9576f31ef2f674d1b17ef8bb79 Mon Sep 17 00:00:00 2001
From: brandon flowers <brandonflowers@gmail.com>
Date: Thu, 17 Oct 2024 09:40:24 -0400
Subject: [PATCH] chore(ui): Added Data Test Ids to Cine controls for e2e
 Testing (#4415)

---
 platform/ui/src/components/CinePlayer/CinePlayer.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/platform/ui/src/components/CinePlayer/CinePlayer.tsx b/platform/ui/src/components/CinePlayer/CinePlayer.tsx
index 1a4024e9d..51c5d7320 100644
--- a/platform/ui/src/components/CinePlayer/CinePlayer.tsx
+++ b/platform/ui/src/components/CinePlayer/CinePlayer.tsx
@@ -102,6 +102,7 @@ const CinePlayer: React.FC<CinePlayerProps> = ({
           name={getPlayPauseIconName()}
           className="active:text-primary-light hover:bg-customblue-300 cursor-pointer text-white hover:rounded"
           onClick={() => onPlayPauseChange(!isPlaying)}
+          data-cy={'cine-player-play-pause'}
         />
         {isDynamic && dynamicInfo && (
           <div className="min-w-16 max-w-44 flex flex-col  text-white">
@@ -118,6 +119,7 @@ const CinePlayer: React.FC<CinePlayerProps> = ({
           <div
             className={`${fpsButtonClassNames} rounded-l`}
             onClick={() => handleSetFrameRate(frameRate - 1)}
+            data-cy={'cine-player-left-arrow'}
           >
             <Icon name="arrow-left-small" />
           </div>
@@ -149,6 +151,7 @@ const CinePlayer: React.FC<CinePlayerProps> = ({
           <div
             className={`${fpsButtonClassNames} rounded-r`}
             onClick={() => handleSetFrameRate(frameRate + 1)}
+            data-cy={'cine-player-right-arrow'}
           >
             <Icon name="arrow-right-small" />
           </div>
@@ -157,6 +160,7 @@ const CinePlayer: React.FC<CinePlayerProps> = ({
           name="icon-close"
           className="text-primary-active active:text-primary-light hover:bg-customblue-300 cursor-pointer hover:rounded"
           onClick={onClose}
+          data-cy={'cine-player-close'}
         />
       </div>
     </div>