chore(ui): Added Data Test Ids to Cine controls for e2e Testing (#4415)

This commit is contained in:
brandon flowers 2024-10-17 09:40:24 -04:00 committed by GitHub
parent 7353f7f069
commit e254e7bb3d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -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>