From 90cc36eb1c47123cfafcd91ae32eb8634fd30bd0 Mon Sep 17 00:00:00 2001
From: Boris Sekachev <boris.sekachev@yandex.ru>
Date: Mon, 17 Aug 2020 10:34:44 +0300
Subject: [PATCH] More classes to cypress testing (#2038)

---
 .../attribute-switcher.tsx                         |  2 +-
 .../object-switcher.tsx                            |  2 +-
 .../attribute-annotation-workspace/styles.scss     |  3 ++-
 .../controls-side-bar/draw-cuboid-control.tsx      |  1 +
 .../controls-side-bar/draw-points-control.tsx      |  1 +
 .../controls-side-bar/draw-polygon-control.tsx     |  1 +
 .../controls-side-bar/draw-polyline-control.tsx    |  1 +
 .../controls-side-bar/draw-rectangle-control.tsx   |  1 +
 .../annotation-page/top-bar/player-buttons.tsx     | 14 ++++++++------
 9 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/cvat-ui/src/components/annotation-page/attribute-annotation-workspace/attribute-annotation-sidebar/attribute-switcher.tsx b/cvat-ui/src/components/annotation-page/attribute-annotation-workspace/attribute-annotation-sidebar/attribute-switcher.tsx
index 23675d0b2558..66357b2f47e6 100644
--- a/cvat-ui/src/components/annotation-page/attribute-annotation-workspace/attribute-annotation-sidebar/attribute-switcher.tsx
+++ b/cvat-ui/src/components/annotation-page/attribute-annotation-workspace/attribute-annotation-sidebar/attribute-switcher.tsx
@@ -27,7 +27,7 @@ function AttributeSwitcher(props: Props): JSX.Element {
 
     const title = `${currentAttribute} [${currentIndex + 1}/${attributesCount}]`;
     return (
-        <div className='attribute-annotation-sidebar-switcher'>
+        <div className='attribute-annotation-sidebar-attribute-switcher'>
             <Tooltip title={`Previous attribute ${normalizedKeyMap.PREVIOUS_ATTRIBUTE}`} mouseLeaveDelay={0}>
                 <Button disabled={attributesCount <= 1} onClick={() => nextAttribute(-1)}>
                     <Icon type='left' />
diff --git a/cvat-ui/src/components/annotation-page/attribute-annotation-workspace/attribute-annotation-sidebar/object-switcher.tsx b/cvat-ui/src/components/annotation-page/attribute-annotation-workspace/attribute-annotation-sidebar/object-switcher.tsx
index a6a92a567822..5d69834d80be 100644
--- a/cvat-ui/src/components/annotation-page/attribute-annotation-workspace/attribute-annotation-sidebar/object-switcher.tsx
+++ b/cvat-ui/src/components/annotation-page/attribute-annotation-workspace/attribute-annotation-sidebar/object-switcher.tsx
@@ -31,7 +31,7 @@ function ObjectSwitcher(props: Props): JSX.Element {
 
     const title = `${currentLabel} ${clientID} [${currentIndex + 1}/${objectsCount}]`;
     return (
-        <div className='attribute-annotation-sidebar-switcher'>
+        <div className='attribute-annotation-sidebar-object-switcher'>
             <Tooltip title={`Previous object ${normalizedKeyMap.PREVIOUS_OBJECT}`} mouseLeaveDelay={0}>
                 <Button disabled={objectsCount <= 1} onClick={() => nextObject(-1)}>
                     <Icon type='left' />
diff --git a/cvat-ui/src/components/annotation-page/attribute-annotation-workspace/styles.scss b/cvat-ui/src/components/annotation-page/attribute-annotation-workspace/styles.scss
index a32789de0ae5..fbbd2e071ab2 100644
--- a/cvat-ui/src/components/annotation-page/attribute-annotation-workspace/styles.scss
+++ b/cvat-ui/src/components/annotation-page/attribute-annotation-workspace/styles.scss
@@ -13,7 +13,8 @@
     padding: 5px;
 }
 
-.attribute-annotation-sidebar-switcher {
+.attribute-annotation-sidebar-object-switcher,
+.attribute-annotation-sidebar-attribute-switcher {
     display: flex;
     align-items: center;
     justify-content: space-between;
diff --git a/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-cuboid-control.tsx b/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-cuboid-control.tsx
index dd3945ca3094..b813a3aa066e 100644
--- a/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-cuboid-control.tsx
+++ b/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-cuboid-control.tsx
@@ -47,6 +47,7 @@ function DrawPolygonControl(props: Props): JSX.Element {
             )}
         >
             <Icon
+                className='cvat-draw-cuboid-control'
                 {...dynamicIconProps}
                 component={CubeIcon}
             />
diff --git a/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-points-control.tsx b/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-points-control.tsx
index 2397e346561c..e034956aa37f 100644
--- a/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-points-control.tsx
+++ b/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-points-control.tsx
@@ -43,6 +43,7 @@ function DrawPointsControl(props: Props): JSX.Element {
             )}
         >
             <Icon
+                className='cvat-draw-points-control'
                 {...dynamicIconProps}
                 component={PointIcon}
             />
diff --git a/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-polygon-control.tsx b/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-polygon-control.tsx
index 1be11c2f342c..3b80a54cf31e 100644
--- a/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-polygon-control.tsx
+++ b/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-polygon-control.tsx
@@ -43,6 +43,7 @@ function DrawPolygonControl(props: Props): JSX.Element {
             )}
         >
             <Icon
+                className='cvat-draw-polygon-control'
                 {...dynamicIconProps}
                 component={PolygonIcon}
             />
diff --git a/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-polyline-control.tsx b/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-polyline-control.tsx
index 854e2850ef4f..f09d26e6406d 100644
--- a/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-polyline-control.tsx
+++ b/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-polyline-control.tsx
@@ -43,6 +43,7 @@ function DrawPolylineControl(props: Props): JSX.Element {
             )}
         >
             <Icon
+                className='cvat-draw-polyline-control'
                 {...dynamicIconProps}
                 component={PolylineIcon}
             />
diff --git a/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-rectangle-control.tsx b/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-rectangle-control.tsx
index 3989521c8240..60e852b6698f 100644
--- a/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-rectangle-control.tsx
+++ b/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-rectangle-control.tsx
@@ -45,6 +45,7 @@ function DrawRectangleControl(props: Props): JSX.Element {
             )}
         >
             <Icon
+                className='cvat-draw-rectangle-control'
                 {...dynamicIconProps}
                 component={RectangleIcon}
             />
diff --git a/cvat-ui/src/components/annotation-page/top-bar/player-buttons.tsx b/cvat-ui/src/components/annotation-page/top-bar/player-buttons.tsx
index 2813e729dc2b..1737c427282b 100644
--- a/cvat-ui/src/components/annotation-page/top-bar/player-buttons.tsx
+++ b/cvat-ui/src/components/annotation-page/top-bar/player-buttons.tsx
@@ -55,19 +55,20 @@ function PlayerButtons(props: Props): JSX.Element {
     return (
         <Col className='cvat-player-buttons'>
             <Tooltip title='Go to the first frame' mouseLeaveDelay={0}>
-                <Icon component={FirstIcon} onClick={onFirstFrame} />
+                <Icon className='cvat-player-first-button' component={FirstIcon} onClick={onFirstFrame} />
             </Tooltip>
             <Tooltip title={`Go back with a step ${backwardShortcut}`} mouseLeaveDelay={0}>
-                <Icon component={BackJumpIcon} onClick={onBackward} />
+                <Icon className='cvat-player-backward-button' component={BackJumpIcon} onClick={onBackward} />
             </Tooltip>
             <Tooltip title={`Go back ${previousFrameShortcut}`} mouseLeaveDelay={0}>
-                <Icon component={PreviousIcon} onClick={onPrevFrame} />
+                <Icon className='cvat-player-previous-button' component={PreviousIcon} onClick={onPrevFrame} />
             </Tooltip>
 
             {!playing
                 ? (
                     <Tooltip title={`Play ${playPauseShortcut}`} mouseLeaveDelay={0}>
                         <Icon
+                            className='cvat-player-play-button'
                             component={PlayIcon}
                             onClick={onSwitchPlay}
                         />
@@ -76,6 +77,7 @@ function PlayerButtons(props: Props): JSX.Element {
                 : (
                     <Tooltip title={`Pause ${playPauseShortcut}`} mouseLeaveDelay={0}>
                         <Icon
+                            className='cvat-player-pause-button'
                             component={PauseIcon}
                             onClick={onSwitchPlay}
                         />
@@ -83,13 +85,13 @@ function PlayerButtons(props: Props): JSX.Element {
                 )}
 
             <Tooltip title={`Go next ${nextFrameShortcut}`} mouseLeaveDelay={0}>
-                <Icon component={NextIcon} onClick={onNextFrame} />
+                <Icon className='cvat-player-next-button' component={NextIcon} onClick={onNextFrame} />
             </Tooltip>
             <Tooltip title={`Go next with a step ${forwardShortcut}`} mouseLeaveDelay={0}>
-                <Icon component={ForwardJumpIcon} onClick={onForward} />
+                <Icon className='cvat-player-forward-button' component={ForwardJumpIcon} onClick={onForward} />
             </Tooltip>
             <Tooltip title='Go to the last frame' mouseLeaveDelay={0}>
-                <Icon component={LastIcon} onClick={onLastFrame} />
+                <Icon className='cvat-player-last-button' component={LastIcon} onClick={onLastFrame} />
             </Tooltip>
         </Col>
     );