Added css classes for cypress

main
Boris Sekachev 5 years ago
parent 1f2d66197e
commit 1f43a2b96e

@ -23,7 +23,11 @@ function StatesOrderingSelectorComponent(props: StatesOrderingSelectorComponentP
return ( return (
<Col span={16}> <Col span={16}>
<Text strong>Sort by</Text> <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}> <Select.Option key={StatesOrdering.ID_DESCENT} value={StatesOrdering.ID_DESCENT}>
{StatesOrdering.ID_DESCENT} {StatesOrdering.ID_DESCENT}
</Select.Option> </Select.Option>

@ -138,13 +138,13 @@ export default function PlayerSettingsComponent(props: Props): JSX.Element {
<Row type='flex' className='cvat-player-settings-canvas-background'> <Row type='flex' className='cvat-player-settings-canvas-background'>
<Col> <Col>
<Popover <Popover
content={ content={(
<CompactPicker <CompactPicker
colors={consts.CANVAS_BACKGROUND_COLORS} colors={consts.CANVAS_BACKGROUND_COLORS}
color={canvasBackgroundColor} color={canvasBackgroundColor}
onChange={(e) => onChangeCanvasBackgroundColor(e.hex)} onChange={(e) => onChangeCanvasBackgroundColor(e.hex)}
/> />
} )}
overlayClassName='canvas-background-color-picker-popover' overlayClassName='canvas-background-color-picker-popover'
trigger='click' trigger='click'
> >
@ -169,6 +169,7 @@ export default function PlayerSettingsComponent(props: Props): JSX.Element {
<Col span={8} className='cvat-player-settings-grid-size'> <Col span={8} className='cvat-player-settings-grid-size'>
<Text className='cvat-text-color'> Grid size </Text> <Text className='cvat-text-color'> Grid size </Text>
<InputNumber <InputNumber
className='cvat-player-settings-grid-size-input'
min={minGridSize} min={minGridSize}
max={maxGridSize} max={maxGridSize}
value={gridSize} value={gridSize}
@ -183,6 +184,7 @@ export default function PlayerSettingsComponent(props: Props): JSX.Element {
<Col span={8} className='cvat-player-settings-grid-color'> <Col span={8} className='cvat-player-settings-grid-color'>
<Text className='cvat-text-color'> Grid color </Text> <Text className='cvat-text-color'> Grid color </Text>
<Select <Select
className='cvat-player-settings-grid-color-input'
value={gridColor} value={gridColor}
disabled={!grid} disabled={!grid}
onChange={(color: GridColor): void => { 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'> <Col span={8} className='cvat-player-settings-grid-opacity'>
<Text className='cvat-text-color'> Grid opacity </Text> <Text className='cvat-text-color'> Grid opacity </Text>
<Slider <Slider
className='cvat-player-settings-grid-opacity-input'
min={0} min={0}
max={100} max={100}
value={gridOpacity} value={gridOpacity}

Loading…
Cancel
Save