TrizTech/ohif-viewer
15
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
platform/ui/src/components/CinePlayer/CinePlayer.tsx
View File

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