3dded0a7bc
* feat: 🎸 scope picker component (#2646) * feat: 🎸 scope picker component --------- Co-authored-by: lisbet-alvarez <lisbet-alvarez@users.noreply.github.com> Co-authored-by: Zhihe Li <zhihe.li@hashicorp.com> * refactor: 💡 use hds side nav w/ hds frame instead of rose (#2688) * refactor: 💡 use hds side nav w/ hds frame instead of rose * test: 💍 clean up selectors * fix: 🐛 specificity of style override * refactor: 💡 use hds side nav list instead of target and portal * refactor: 💡 revert to using portal component & update scss * docs: ✏️ update comment * refactor: 💡 use custom class names for containers * refactor: 💡 pr feedback (use @hasSidebar arg) * refactor: 💡 fix onboarding page & fix settings title * refactor: 💡 remove unneeded template file (pr feedback) * test: 💍 fix tests due to merge conflicts * test: 💍 add missing test selector due to merge conflict * test: 💍 fix more broken tests due to merge conflicts * chore: 🤖 update yarn.lock & update hds version to 4.18.1 * chore: 🤖 fix e2e test cases due to side nav refactor (#2751) * chore: 🤖 fix e2e test cases due to side nav refactor * test: 💍 fix e2e test for desktop --------- Co-authored-by: lisbet-alvarez <lisbet-alvarez@users.noreply.github.com> Co-authored-by: Zhihe Li <zhihe.li@hashicorp.com>
68 lines
2.8 KiB
JavaScript
68 lines
2.8 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
export const SAVE_BTN = '[type=submit]';
|
|
export const CANCEL_BTN = '.rose-form-actions [type=button]';
|
|
export const EDIT_BTN = '.rose-form-actions [type=button]';
|
|
|
|
export const FIELD_NAME = '[name=name]';
|
|
export const FIELD_NAME_VALUE = 'Random name';
|
|
export const FIELD_NAME_ERROR = '[data-test-error-message-name]';
|
|
|
|
export const FIELD_DESCRIPTION = '[name=description]';
|
|
export const FIELD_DESCRIPTION_VALUE = 'description';
|
|
|
|
export const TABLE_RESOURCE_LINK = (url) => `tbody [href="${url}"]`;
|
|
export const TABLE_ROW = 'tbody tr';
|
|
export const TABLE_ROW_CHECKBOX = 'tbody tr input[type="checkbox"]';
|
|
export const TABLE_FIRST_ROW_ACTION_DROPDOWN =
|
|
'tbody tr:first-child td:last-child button';
|
|
export const TABLE_FIRST_ROW_ACTION_DROPDOWN_ITEM_BTN =
|
|
'tbody tr:first-child td:last-child ul li button';
|
|
export const TABLE_FIRST_ROW_ACTION_DROPDOWN_ITEM_LINK =
|
|
'tbody tr:first-child td:last-child ul li a';
|
|
|
|
export const RESOURCE_NOT_FOUND_SUBTITLE =
|
|
'[data-test-error-application-state] .hds-application-state__error-code';
|
|
export const RESOURCE_NOT_FOUND_VALUE = 'ERROR 404';
|
|
|
|
export const PAGE_MESSAGE_HEADER = '.hds-application-state__header';
|
|
export const PAGE_MESSAGE_DESCRIPTION = '.hds-application-state__body-text';
|
|
export const PAGE_MESSAGE_LINK =
|
|
'.hds-application-state__footer .hds-link-standalone';
|
|
|
|
export const HREF = (url) => `[href="${url}"]`;
|
|
|
|
export const SIDEBAR_NAV_LINK = (url) => `.hds-side-nav__content a[href="${url}"]`;
|
|
export const SIDEBAR_NAV_CONTENT = '.hds-side-nav__content';
|
|
export const SIDEBAR_USER_DROPDOWN =
|
|
'[data-test-side-nav-user-dropdown] button';
|
|
|
|
export const ALERT_TOAST = '[data-test-toast-notification]';
|
|
export const ALERT_TOAST_BODY =
|
|
'[data-test-toast-notification] .hds-alert__description';
|
|
export const ALERT_TOAST_DISMISS =
|
|
'[data-test-toast-notification] .hds-dismiss-button';
|
|
|
|
export const MODAL_WARNING = 'dialog';
|
|
export const MODAL_WARNING_CONFIRM_BTN =
|
|
'dialog .hds-modal__footer button:first-child';
|
|
export const MODAL_WARNING_CANCEL_BTN =
|
|
'dialog .hds-modal__footer button:last-child';
|
|
export const MODAL_WARNING_TITLE = '.hds-modal__header';
|
|
export const MODAL_WARNING_MESSAGE = '.hds-modal__body';
|
|
|
|
// Search filtering selectors
|
|
export const SEARCH_INPUT = '.search-filtering [type="search"]';
|
|
export const FILTER_DROPDOWN = (filterName) =>
|
|
`.search-filtering [name="${filterName}"] button`;
|
|
export const FILTER_DROPDOWN_ITEM = (itemList) => `input[value="${itemList}"]`;
|
|
export const FILTER_DROPDOWN_ITEM_APPLY_BTN = (filterName) =>
|
|
`.search-filtering [name="${filterName}"] .hds-dropdown__footer button`;
|
|
|
|
export const PAGINATION = '[data-test-pagination]';
|
|
export const LINK_LIST_ITEM_TEXT = '.link-list-item__text';
|
|
export const FORM = 'main form';
|