66976d547b
* Drop dynamic column toggles * Replace removal icon * Add changeset * Add docs * Update docs * Fix types on order draft datagrid * Adjust collections column picker to new architecture * Adjust categories column picker to new architecture * Test column picker: adding, removing and searching for dynamic columns in picker (#3901) * test - column picker. Adding, removing and searching for dynamic columns in picker. * update tests tame with TC ids * removed unused row checks on products list view * Lint files --------- Co-authored-by: wojteknowacki <124166231+wojteknowacki@users.noreply.github.com>
55 lines
2.4 KiB
JavaScript
55 lines
2.4 KiB
JavaScript
export const SHARED_ELEMENTS = {
|
|
body: "body",
|
|
header: "[data-test-id='page-header']",
|
|
progressBar: '[role="progressbar"]',
|
|
circularProgress: '[class*="CircularProgress-circle"]',
|
|
autocompleteCircle: '[class*="arrowInnerContainer"]',
|
|
dataGridTable: "[data-testid='data-grid-canvas']",
|
|
skeleton: '[data-test-id="skeleton"]',
|
|
table: 'table[class*="Table"]',
|
|
firstRowDataGrid: "[data-testid='glide-cell-1-0']",
|
|
secondRowDataGrid: "[id='glide-cell-1-1']",
|
|
openColumnPickerButton: "[data-test-id='open-column-picker-button']",
|
|
openDynamicColumnsSearchButton: "[data-test-id='open-dynamic-search']",
|
|
tableRow: '[data-test-id*="id"], [class*="MuiTableRow"]',
|
|
activeStaticColumnOnGridButton: '[data-state="on"]',
|
|
dynamicColumnSelector: '[data-test-id="dynamic-column"]',
|
|
dynamicColumnNameSelector: '[data-test-id^="dynamic-column-name"]',
|
|
dynamicColumnSearchInput: '[data-test-id="search-columns"]',
|
|
selectedDynamicColumnNameSelector: '[data-test-id^="column-name-"]',
|
|
removeSelectedDynamicColumnButton:
|
|
'[data-test-id^="remove-dynamic-col-button"]',
|
|
dynamicColumnContainer: '[data-test-id="dynamic-col-container"]',
|
|
paginationForwardOnColumnPicker: '[data-test-id="pagination-forward"]',
|
|
paginationBackOnColumnPicker: '[data-test-id="pagination-back"]',
|
|
notificationSuccess:
|
|
'[data-test-id="notification"][data-test-type="success"]',
|
|
notificationFailure: '[data-test-id="notification"][data-test-type="error"]',
|
|
notificationMessage: '[data-test-id="notification-message"]',
|
|
dialog: '[role="dialog"]',
|
|
searchInput: '[data-test-id="search-input"]',
|
|
selectOption: '[data-test-id*="select-field-option"]',
|
|
svgImage: "svg",
|
|
fileInput: 'input[type="file"]',
|
|
pageHeader: '[data-test-id="page-header"]',
|
|
urlInput: 'input[type="url"]',
|
|
richTextEditor: {
|
|
loader: '[class*="codex-editor__loader"]',
|
|
empty: '[class*="codex-editor--empty"]',
|
|
},
|
|
contentEditable: '[contenteditable="true"]',
|
|
filters: {
|
|
filterGroupActivateCheckbox: '[data-test-id*="filter-group-active"]',
|
|
filterRow: '[data-test-id*="channel-availability-item"]',
|
|
},
|
|
warningDialog: '[data-test-id="warning-dialog"]',
|
|
pageHeader: "[data-test-id='page-header']",
|
|
multiAutocomplete: {
|
|
selectedOptions: '[id*="selected-option-"]',
|
|
},
|
|
};
|
|
|
|
export const selectorWithDataValue = value => `[data-value="${value}"]`;
|
|
|
|
export const getElementByDataTestId = dataTestId =>
|
|
`[data-test-id*=${dataTestId}]`;
|