vault/ui/tests/helpers/config-ui/message-selectors.ts
Cristiano Rastelli e9faec3832
[VAULT-34873] UI: improve FormField test coverage for fields migrated to HDS (#30345)
* [UI] added `data-test-form-field-doc-link` attribute to `<DocLink>` instances in `FormField` (#34873)

* [UI] renamed a few `data-test` attributes in `FormField` for consistency (#34873)

* [UI] added integration tests for `FormField` with editType='password' (#34873)

* [UI] added integration tests for `FormField` with editType='select' (#34873)

* [UI] added integration tests for `FormField` with editType='checkboxList' (#34873)

* [UI] tweakings per review comments (#34873)

* [UI] standardized template code and data attributes for `form-field` + added general selectors + updated/standardized integration tests (#34873)

* fixed a couple of broken tests (selector needed to be updated)
2025-05-13 20:59:13 +01:00

29 lines
1.5 KiB
TypeScript

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: MPL-2.0
*/
export const CUSTOM_MESSAGES = {
// General selectors that are common between custom messages
inlineErrorMessage: `[data-test-inline-error-message]`,
unauthCreateFormInfo: '[data-test-unauth-info]',
navLink: '[data-test-sidebar-nav-link="Custom Messages"]',
radio: (radioName: string) => `[data-test-radio="${radioName}"]`,
field: (fieldName: string) => `[data-test-field="${fieldName}"]`,
input: (input: string) => `[data-test-input="${input}"]`,
button: (buttonName: string) => `[data-test-button="${buttonName}"]`,
fieldValidation: (fieldName: string) => `[data-test-validation-error="${fieldName}"]`,
modal: (name: string) => `[data-test-modal="${name}"]`,
modalTitle: (title: string) => `[data-test-modal-title="${title}"]`,
modalBody: (name: string) => `[data-test-modal-body="${name}"]`,
modalButton: (name: string) => `[data-test-modal-button="${name}"]`,
alert: (name: string) => `data-test-custom-alert=${name}`,
alertTitle: (name: string) => `[data-test-custom-alert-title="${name}"]`,
alertDescription: (name: string) => `[data-test-custom-alert-description="${name}"]`,
alertAction: (name: string) => `[data-test-custom-alert-action="${name}"]`,
badge: (name: string) => `[data-test-badge="${name}"]`,
tab: (name: string) => `[data-test-custom-messages-tab="${name}"]`,
confirmActionButton: (name: string) => `[data-test-confirm-action="${name}"]`,
listItem: (name: string) => `[data-test-list-item="${name}"]`,
};