add dataset e2e opensource tests

Author: dvortsovs

src/shared/constants/qa/components.ts

@@ -145,8 +145,17 @@ export enum DialogDashWidgetQA {
 export const enum DialogFieldEditorQA {
     ApplyButton = 'dialog-field-editor-apply-button',
     CancelButton = 'dialog-field-editor-cancel-button',
+    EditNameButton = 'dialog-field-editor-edit-name-button',
 }
 
+export const DialogFilterQA = {
+    Dialog: 'dialog-filter',
+    ApplyButton: 'dialog-filter-apply-button',
+    CancelButton: 'dialog-filter-cancel-button',
+    ListItem: 'dialog-filter-list-item',
+    OperationSelect: 'operation-select',
+} as const;
+
 export const enum NavigationMinimalPlaceSelectQa {
     Connections = 'navigation-minimal-place-connections',
     Datasets = 'navigation-minimal-place-datasets',

src/shared/constants/qa/datasets.ts

@@ -9,12 +9,57 @@ export enum ParametersQA {
     ParametersTabSection = 'parameters-tab-section',
 }
 
+export const FiltersQA = {
+    FiltersTabSection: 'filters-tab-section',
+    TableDeleteRowBtn: 'filters-table-delete-row-button',
+} as const;
+
+export const RelationsMapQA = {
+    RelationsMap: 'ds-relations-map',
+} as const;
+
 export enum DatasetFieldsTabQa {
+    DatasetEditor = 'ds-editor',
     TableRow = 'dataset-fields-table-row',
     FieldNameColumnInput = 'dataset-fields-name-column-input',
+    FieldIndexColumnCheckbox = 'dataset-fields-index-column-checkbox',
+    FieldIndexHeaderColumnCheckbox = 'dataset-fields-index-header-column-checkbox',
+    FieldIdColumnInput = 'dataset-fields-id-column-input',
+    FieldDescriptionColumnInput = 'dataset-fields-description-column-input',
+    FieldSourceColumnBtn = 'dataset-fields-source-column-btn',
     FieldSettingsColumnIcon = 'dataset-fields-settings-column-icon',
+    FieldVisibleColumnIcon = 'dataset-fields-visible-column-icon',
+    FieldTypeColumnBtn = 'dataset-fields-type-column-btn',
+    FieldAggregationColumnBtn = 'dataset-fields-aggregation-column-btn',
+    FieldTypeColumnItem = 'dataset-fields-type-column-item',
+    FieldContextMenuBtn = 'dataset-fields-context-menu-btn',
+    FieldContextMenuPopup = 'dataset-fields-context-menu-popup',
+    TableSettingsBtn = 'dataset-editor-table-settings-btn',
+    BatchActionsPanel = 'dataset-editor-actions-panel',
 }
 
+export const DatasetFieldTabBatchPanelQa = {
+    BatchDelete: 'ds-fields-batch-delete',
+    BatchHide: 'ds-fields-batch-hide',
+    BatchShow: 'ds-fields-batch-show',
+    BatchType: 'ds-fields-batch-type',
+    BatchAggregation: 'ds-fields-batch-aggregation',
+} as const;
+
+export const DatasetFieldContextMenuItemsQA = {
+    DUPLICATE: 'ds-field-context-menu-duplicate',
+    EDIT: 'ds-field-context-menu-edit',
+    RLS: 'ds-field-context-menu-rls',
+    COPY_GUID: 'ds-field-context-menu-copy-guid',
+    REMOVE: 'ds-field-context-menu-remove',
+    INSPECT: 'ds-field-context-menu-inspect',
+} as const;
+
+export const DatasetEditorTableSettingsItems = {
+    ShowHidden: 'ds-table-settings-menu-show-hidden',
+    ShowId: 'ds-table-settings-menu-show-id',
+} as const;
+
 export enum DatasetFieldSettingsDialogQa {
     Dialog = 'dataset-field-settings-dialog',
     ColorSettingsButton = 'dataset-field-settings-dialog-color-settings-btn',
@@ -79,8 +124,20 @@ export const DatasetSourcesTableQa = {
     SourceContextMenuBtn: 'ds-source-context-menu-btn',
     SourceContextMenuDelete: 'ds-source-context-menu-delete',
     SourceContextMenuModify: 'ds-source-context-menu-modify',
+    SourcesAddItemBtn: 'ds-source-add-item-button',
 } as const;
 
 export enum DatasetPreviewQA {
     Preview = 'dataset-preview',
+    RowCountInput = 'ds-preview-header-row-count-input',
+    ClosePreviewBtn = 'ds-preview-header-close-btn',
 }
+
+export const DatasetSourceEditorDialogQA = {
+    Dialog: 'source-editor-dialog',
+    EditTitleInput: 'source-editor-title',
+    EditPathInput: 'source-editor-path',
+    SourceEditorSwitch: 'datasets-source-switcher',
+    ApplyBtn: 'source-editor-apply',
+    CancelBtn: 'source-editor-cancel',
+} as const;

src/shared/constants/qa/edit-history.ts

@@ -0,0 +1,4 @@
+export const EditHistoryQA = {
+    UndoBtn: 'edit-history-undo-btn',
+    RedoBtn: 'edit-history-redo-btn',
+};

src/shared/constants/qa/index.ts

@@ -15,3 +15,4 @@ export * from './uikit';
 export * from './wizard';
 export * from './workbooks';
 export * from './shared-entries';
+export * from './edit-history';

src/ui/components/DatasetFieldList/DatasetFieldList.tsx

@@ -6,7 +6,7 @@ import block from 'bem-cn-lite';
 
 import {I18n} from '../../../i18n';
 import type {DatasetField} from '../../../shared';
-import {DatasetFieldType, isParameter} from '../../../shared';
+import {DatasetFieldType, DialogFilterQA, isParameter} from '../../../shared';
 import DataTypeIcon from '../DataTypeIcon/DataTypeIcon';
 
 import './DatasetFieldList.scss';
@@ -30,7 +30,7 @@ const DatasetFieldList: React.FC<DatasetFieldListProps> = (props) => {
         const fieldType = isParameter(field) ? DatasetFieldType.Parameter : type;
 
         return (
-            <div className={b('field')}>
+            <div className={b('field')} data-qa={DialogFilterQA.ListItem}>
                 <DataTypeIcon
                     className={b('field-icon')}
                     fieldType={fieldType}

src/ui/components/DialogFilter/DialogFilter.tsx

@@ -15,6 +15,7 @@ import type {
     WorkbookId,
 } from 'shared';
 import {
+    DialogFilterQA,
     Operations,
     TIMEOUT_90_SEC,
     getFieldsApiV2RequestSection,
@@ -211,6 +212,7 @@ class DialogFilter extends React.Component<DialogFilterProps, DialogFilterState>
                     }
                     this.onApply();
                 }}
+                qa={DialogFilterQA.Dialog}
             >
                 <div className={b()}>
                     {this.renderHeader()}
@@ -321,7 +323,7 @@ class DialogFilter extends React.Component<DialogFilterProps, DialogFilterState>
                         value={value}
                         options={options}
                         onUpdate={this.onChangeOperation}
-                        qa="operation-select"
+                        qa={DialogFilterQA.OperationSelect}
                     />
                 </div>
             </div>
@@ -404,8 +406,12 @@ class DialogFilter extends React.Component<DialogFilterProps, DialogFilterState>
                 onClickButtonApply={onClickButtonApply}
                 textButtonApply={textButtonApply}
                 textButtonCancel={i18n('button_cancel')}
+                propsButtonCancel={{
+                    qa: DialogFilterQA.CancelButton,
+                }}
                 propsButtonApply={{
                     disabled: this.isApplyButtonDisabled(),
+                    qa: DialogFilterQA.ApplyButton,
                 }}
             >
                 {useSuggest && dimensions.length === VALUES_LOAD_LIMIT && (

src/ui/components/FieldEditor/components/NameHeader.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 import {Pencil} from '@gravity-ui/icons';
 import {Button, Flex, Icon, Text} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';
+import {DialogFieldEditorQA} from 'shared';
 
 const b = block('dl-field-editor');
 
@@ -17,7 +18,12 @@ export const NameHeader = ({title, onStartEdit}: NameFieldProps) => {
             <Text variant="subheader-3" ellipsis={true}>
                 {title}
             </Text>
-            <Button view="flat" onClick={onStartEdit} className={b('settings-field-name-icon')}>
+            <Button
+                qa={DialogFieldEditorQA.EditNameButton}
+                view="flat"
+                onClick={onStartEdit}
+                className={b('settings-field-name-icon')}
+            >
                 <Icon data={Pencil} size={16} />
             </Button>
         </Flex>

src/ui/hooks/useEditHistoryActions.ts

@@ -3,6 +3,7 @@ import React from 'react';
 import {ArrowUturnCcwLeft, ArrowUturnCwRight} from '@gravity-ui/icons';
 import {I18n} from 'i18n';
 import {useDispatch, useSelector} from 'react-redux';
+import {EditHistoryQA} from 'shared';
 import type {AdditionalButtonTemplate} from 'ui/components/ActionPanel/components/ChartSaveControls/types';
 import {useAdditionalItems} from 'ui/components/ActionPanel/components/ChartSaveControls/useAdditionalItems';
 import {REDO_HOTKEY, UNDO_HOTKEY} from 'ui/constants/misc';
@@ -70,6 +71,7 @@ export function useEditHistoryActions(options: UseEditHistoryActionsOptions) {
                 disabled: !canGoBack,
                 title: i18n('button_undo'),
                 hotkey: UNDO_HOTKEY.join('+'),
+                qa: EditHistoryQA.UndoBtn,
             },
             {
                 key: 'redo',
@@ -79,6 +81,7 @@ export function useEditHistoryActions(options: UseEditHistoryActionsOptions) {
                 disabled: !canGoForward,
                 title: i18n('button_redo'),
                 hotkey: REDO_HOTKEY.join('+'),
+                qa: EditHistoryQA.RedoBtn,
             },
         ];
     }, [canGoBack, canGoForward, handleGoBack, handleGoForward, iconSize]);

src/ui/units/datasets/components/DatasetTable/columns/Description.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import type {Column} from '@gravity-ui/react-data-table';
 import block from 'bem-cn-lite';
 import {I18n} from 'i18n';
-import type {DatasetField} from 'shared';
+import {type DatasetField, DatasetFieldsTabQa} from 'shared';
 
 import {TableTextInput} from '../components';
 import type {ColumnItem} from '../types';
@@ -41,6 +41,7 @@ export const getDescriptionColumn = (args: GetDescriptionColumnArgs) => {
                     index={index}
                     setActiveRow={setActiveRow}
                     onUpdate={getUpdateHandler(row)}
+                    qa={DatasetFieldsTabQa.FieldDescriptionColumnInput}
                     disabled={readonly}
                 />
             );

src/ui/units/datasets/components/DatasetTable/columns/Hidden.tsx

@@ -7,6 +7,7 @@ import {Button, Icon} from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';
 import {I18n} from 'i18n';
 import type {DatasetField} from 'shared';
+import {DatasetFieldsTabQa} from 'shared';
 
 import {isHiddenSupported} from '../utils';
 
@@ -39,6 +40,7 @@ export const getHiddenColumn = ({
                 title={value ? i18n('button_display-field') : i18n('button_hide-field')}
                 disabled={unsupported || readonly}
                 onClick={() => onUpdate(row)}
+                qa={DatasetFieldsTabQa.FieldVisibleColumnIcon}
             >
                 <Icon
                     className={b('hidden', {hidden: Boolean(value && !unsupported), unsupported})}