From 1f43a2b96e2c7dfae509da622e27c609ddaa7b68 Mon Sep 17 00:00:00 2001
From: Boris Sekachev <boris.sekachev@yandex.ru>
Date: Wed, 25 Nov 2020 15:11:38 +0300
Subject: [PATCH] Added css classes for cypress

---
 .../objects-side-bar/objects-list-header.tsx               | 6 +++++-
 .../components/header/settings-modal/player-settings.tsx   | 7 +++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/cvat-ui/src/components/annotation-page/standard-workspace/objects-side-bar/objects-list-header.tsx b/cvat-ui/src/components/annotation-page/standard-workspace/objects-side-bar/objects-list-header.tsx
index b1d2e068..2652f418 100644
--- a/cvat-ui/src/components/annotation-page/standard-workspace/objects-side-bar/objects-list-header.tsx
+++ b/cvat-ui/src/components/annotation-page/standard-workspace/objects-side-bar/objects-list-header.tsx
@@ -23,7 +23,11 @@ function StatesOrderingSelectorComponent(props: StatesOrderingSelectorComponentP
     return (
         <Col span={16}>
             <Text strong>Sort by</Text>
-            <Select value={statesOrdering} onChange={changeStatesOrdering}>
+            <Select
+                className='cvat-objects-sidebar-ordering-selector'
+                value={statesOrdering}
+                onChange={changeStatesOrdering}
+            >
                 <Select.Option key={StatesOrdering.ID_DESCENT} value={StatesOrdering.ID_DESCENT}>
                     {StatesOrdering.ID_DESCENT}
                 </Select.Option>
diff --git a/cvat-ui/src/components/header/settings-modal/player-settings.tsx b/cvat-ui/src/components/header/settings-modal/player-settings.tsx
index b0cf037a..943188fb 100644
--- a/cvat-ui/src/components/header/settings-modal/player-settings.tsx
+++ b/cvat-ui/src/components/header/settings-modal/player-settings.tsx
@@ -138,13 +138,13 @@ export default function PlayerSettingsComponent(props: Props): JSX.Element {
             <Row type='flex' className='cvat-player-settings-canvas-background'>
                 <Col>
                     <Popover
-                        content={
+                        content={(
                             <CompactPicker
                                 colors={consts.CANVAS_BACKGROUND_COLORS}
                                 color={canvasBackgroundColor}
                                 onChange={(e) => onChangeCanvasBackgroundColor(e.hex)}
                             />
-                        }
+                        )}
                         overlayClassName='canvas-background-color-picker-popover'
                         trigger='click'
                     >
@@ -169,6 +169,7 @@ export default function PlayerSettingsComponent(props: Props): JSX.Element {
                 <Col span={8} className='cvat-player-settings-grid-size'>
                     <Text className='cvat-text-color'> Grid size </Text>
                     <InputNumber
+                        className='cvat-player-settings-grid-size-input'
                         min={minGridSize}
                         max={maxGridSize}
                         value={gridSize}
@@ -183,6 +184,7 @@ export default function PlayerSettingsComponent(props: Props): JSX.Element {
                 <Col span={8} className='cvat-player-settings-grid-color'>
                     <Text className='cvat-text-color'> Grid color </Text>
                     <Select
+                        className='cvat-player-settings-grid-color-input'
                         value={gridColor}
                         disabled={!grid}
                         onChange={(color: GridColor): void => {
@@ -209,6 +211,7 @@ export default function PlayerSettingsComponent(props: Props): JSX.Element {
                 <Col span={8} className='cvat-player-settings-grid-opacity'>
                     <Text className='cvat-text-color'> Grid opacity </Text>
                     <Slider
+                        className='cvat-player-settings-grid-opacity-input'
                         min={0}
                         max={100}
                         value={gridOpacity}