saleor-dashboard/cypress/elements/shared/sharedElements.js
Karol e69eb9cc5f
Cypress 2608 staff member tests (#2902)
* fix existing

* add SALEOR_3508

* add data-test-id needed for 3509

* add TODOs

* 3509 done, work on 3510

* done 3510

* found bug blocking test 3507, gh 2847

* pr review adjustments

* pr adjustments

* additional pr adjustments
2022-12-23 11:30:21 +01:00

36 lines
1.4 KiB
JavaScript

export const SHARED_ELEMENTS = {
header: "[data-test-id='page-header']",
progressBar: '[role="progressbar"]',
circularProgress: '[class*="CircularProgress-circle"]',
autocompleteCircle: '[class*="arrowInnerContainer"]',
skeleton: '[data-test-id="skeleton"]',
table: 'table[class*="Table"]',
tableRow: '[data-test-id*="id"], [class*="MuiTableRow"]',
notificationSuccess: '[data-test="notification"][data-test-type="success"]',
notificationFailure: '[data-test="notification"][data-test-type="error"]',
dialog: '[role="dialog"]',
searchInput: '[data-test-id="search-input"]',
selectOption: '[data-test-id*="select-field-option"]',
svgImage: "svg",
fileInput: 'input[type="file"]',
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}]`;