@dev.smartpricing/message-composer-layer 1.0.1

package/app/utils/testIds.const.ts

@@ -0,0 +1,728 @@
+export const homeTestIds = {
+  page: 'home-page',
+  navbar: 'home-navbar',
+  createTemplateButton: 'home-create-template-button',
+  createTemplateDropdown: 'home-create-template-dropdown',
+  tabs: 'home-tabs',
+  templateTable: 'home-template-table',
+} as const
+
+export const navigationTestIds = {
+  appPage: 'app-page',
+} as const
+
+export const imagesPageTestIds = {
+  page: 'images-page',
+  navbar: 'images-navbar',
+  loadingIcon: 'images-loading-icon',
+  emptyState: 'images-empty-state',
+  grid: 'images-grid',
+  card: 'images-card',
+  image: 'images-card-image',
+  fileName: 'images-card-file-name',
+  syncBadge: 'images-card-sync-badge',
+  syncButton: 'images-card-sync-button',
+} as const
+
+export const templateEmailCreateTestIds = {
+  page: 'template-email-create-page',
+  navbar: 'template-email-create-navbar',
+  cancelButton: 'template-email-create-cancel-button',
+  saveDraftButton: 'template-email-create-save-draft-button',
+  saveTemplateButton: 'template-email-create-save-template-button',
+  tabs: 'template-email-create-tabs',
+  validationAlert: 'template-email-create-validation-alert',
+  contentCard: 'template-email-create-content-card',
+  nameInput: 'template-email-create-name-input',
+  subjectInput: 'template-email-create-subject-input',
+  internalSwitch: 'template-email-create-internal-switch',
+  translationsCard: 'template-email-create-translations-card',
+} as const
+
+export const templateEmailEditTestIds = {
+  page: 'template-email-edit-page',
+  navbar: 'template-email-edit-navbar',
+  cancelButton: 'template-email-edit-cancel-button',
+  saveDraftButton: 'template-email-edit-save-draft-button',
+  saveTemplateButton: 'template-email-edit-save-template-button',
+  tabs: 'template-email-edit-tabs',
+  validationAlert: 'template-email-edit-validation-alert',
+  contentCard: 'template-email-edit-content-card',
+  nameInput: 'template-email-edit-name-input',
+  subjectInput: 'template-email-edit-subject-input',
+  translationsCard: 'template-email-edit-translations-card',
+} as const
+
+export const templateWhatsappCreateTestIds = {
+  page: 'template-whatsapp-create-page',
+  navbar: 'template-whatsapp-create-navbar',
+  cancelButton: 'template-whatsapp-create-cancel-button',
+  saveDraftButton: 'template-whatsapp-create-save-draft-button',
+  requestApprovalButton: 'template-whatsapp-create-request-approval-button',
+  tabs: 'template-whatsapp-create-tabs',
+  validationAlert: 'template-whatsapp-create-validation-alert',
+  contentCard: 'template-whatsapp-create-content-card',
+  nameInput: 'template-whatsapp-create-name-input',
+  internalSwitch: 'template-whatsapp-create-internal-switch',
+  translationsCard: 'template-whatsapp-create-translations-card',
+} as const
+
+export const templateWhatsappEditTestIds = {
+  page: 'template-whatsapp-edit-page',
+  navbar: 'template-whatsapp-edit-navbar',
+  cancelButton: 'template-whatsapp-edit-cancel-button',
+  saveDraftButton: 'template-whatsapp-edit-save-draft-button',
+  saveAsNewButton: 'template-whatsapp-edit-save-as-new-button',
+  requestApprovalButton: 'template-whatsapp-edit-request-approval-button',
+  tabs: 'template-whatsapp-edit-tabs',
+  validationAlert: 'template-whatsapp-edit-validation-alert',
+  contentCard: 'template-whatsapp-edit-content-card',
+  nameInput: 'template-whatsapp-edit-name-input',
+  translationsCard: 'template-whatsapp-edit-translations-card',
+} as const
+
+export const previewPageTestIds = {
+  page: 'preview-page',
+} as const
+
+// ─── Common components ─────────────────────────────────────────────
+
+export const colorInputTestIds = {
+  popover: 'color-input-popover',
+  triggerButton: 'color-input-trigger-button',
+  picker: 'color-input-picker',
+  hexInput: 'color-input-hex-input',
+} as const
+
+export const emojiPickerTestIds = {
+  popover: 'emoji-picker-popover',
+  triggerButton: 'emoji-picker-trigger-button',
+  picker: 'emoji-picker',
+} as const
+
+export const fontFamilySelectTestIds = {
+  formField: 'font-family-select-form-field',
+  select: 'font-family-select',
+} as const
+
+export const incompleteTranslationsDialogTestIds = {
+  modal: 'incomplete-translations-dialog-modal',
+  modalCloseButton: 'incomplete-translations-dialog-close-button',
+  description: 'incomplete-translations-dialog-description',
+  noteAlert: 'incomplete-translations-dialog-note-alert',
+  goToTranslationsButton: 'incomplete-translations-dialog-go-to-translations-button',
+  cancelButton: 'incomplete-translations-dialog-cancel-button',
+  translateAndSaveButton: 'incomplete-translations-dialog-translate-and-save-button',
+} as const
+
+export const languageListTestIds = {
+  root: 'language-list',
+  addPopover: 'language-list-add-popover',
+  addButton: 'language-list-add-button',
+  commandPalette: 'language-list-command-palette',
+  languageItem: 'language-list-item',
+  deleteButton: 'language-list-delete-button',
+} as const
+
+export const loadingOverlayTestIds = {
+  root: 'loading-overlay',
+} as const
+
+export const loadingPageTestIds = {
+  root: 'loading-page',
+  progress: 'loading-page-progress',
+} as const
+
+export const mediaUploadTestIds = {
+  root: 'media-upload',
+  limitationsAlert: 'media-upload-limitations-alert',
+  fileUpload: 'media-upload-file-upload',
+  previewImage: 'media-upload-preview-image',
+  previewFile: 'media-upload-preview-file',
+  modal: 'media-upload-modal',
+  modalCloseButton: 'media-upload-modal-close-button',
+  selectLibraryButton: 'media-upload-select-library-button',
+  searchInput: 'media-upload-search-input',
+  emptyState: 'media-upload-empty-state',
+  noResultsState: 'media-upload-no-results-state',
+  imageGrid: 'media-upload-image-grid',
+  imageItem: 'media-upload-image-item',
+  fileList: 'media-upload-file-list',
+  fileItem: 'media-upload-file-item',
+} as const
+
+export const messagePreviewSlideoverTestIds = {
+  slideover: 'message-preview-slideover',
+  slideoverCloseButton: 'message-preview-slideover-close-button',
+  triggerButton: 'message-preview-slideover-trigger-button',
+} as const
+
+export const monacoEditorTestIds = {
+  container: 'monaco-editor-container',
+} as const
+
+export const phoneInputTestIds = {
+  formField: 'phone-input-form-field',
+  prefixSelect: 'phone-input-prefix-select',
+  numberInput: 'phone-input-number-input',
+} as const
+
+export const sectionHeaderTestIds = {
+  root: 'section-header',
+  resetButton: 'section-header-reset-button',
+} as const
+
+export const translationActionBarTestIds = {
+  root: 'translation-action-bar',
+  searchInput: 'translation-action-bar-search-input',
+  showMissingSwitch: 'translation-action-bar-show-missing-switch',
+  showChangesSwitch: 'translation-action-bar-show-changes-switch',
+  autoTranslateButton: 'translation-action-bar-auto-translate-button',
+} as const
+
+export const viewLessMoreTestIds = {
+  root: 'view-less-more',
+  toggleButton: 'view-less-more-toggle-button',
+} as const
+
+// ─── Email Editor ─────────────────────────────────────────────────
+
+export const emailEditorIndexTestIds = {
+  container: 'email-editor-index-container',
+  viewTabs: 'email-editor-index-view-tabs',
+} as const
+
+export const blockLibraryTestIds = {
+  container: 'block-library-container',
+  blockItem: 'block-library-block-item',
+} as const
+
+export const blockSettingsTestIds = {
+  container: 'block-settings-container',
+  notAvailable: 'block-settings-not-available',
+} as const
+
+export const canvasTestIds = {
+  container: 'canvas-container',
+  scrollArea: 'canvas-scroll-area',
+  pageBackground: 'canvas-page-background',
+  contentArea: 'canvas-content-area',
+  blockItem: 'canvas-block-item',
+} as const
+
+export const generalStyleSettingsTestIds = {
+  container: 'general-style-settings-container',
+  fontFamilySelect: 'general-style-settings-font-family-select',
+  textColorInput: 'general-style-settings-text-color-input',
+  backgroundColorInput: 'general-style-settings-background-color-input',
+  bodyColorInput: 'general-style-settings-body-color-input',
+  verticalSpacingField: 'general-style-settings-vertical-spacing-field',
+  verticalSpacingSlider: 'general-style-settings-vertical-spacing-slider',
+  horizontalSpacingField: 'general-style-settings-horizontal-spacing-field',
+  horizontalSpacingSlider: 'general-style-settings-horizontal-spacing-slider',
+  resetButton: 'general-style-settings-reset-button',
+} as const
+
+export const leftSidebarTestIds = {
+  container: 'left-sidebar-container',
+  tabs: 'left-sidebar-tabs',
+  backButton: 'left-sidebar-back-button',
+} as const
+
+// ─── Email Translator ─────────────────────────────────────────────
+
+export const emailTranslatorIndexTestIds = {
+  root: 'email-translator-index',
+  blockCard: 'email-translator-index-block-card',
+} as const
+
+export const emailTranslatorButtonTestIds = {
+  root: 'email-translator-button',
+  basePreview: 'email-translator-button-base-preview',
+  linkTypeBadge: 'email-translator-button-link-type-badge',
+  copyUrlButton: 'email-translator-button-copy-url-button',
+  contentEditor: 'email-translator-button-content-editor',
+  urlInput: 'email-translator-button-url-input',
+} as const
+
+export const emailTranslatorDiscountTestIds = {
+  root: 'email-translator-discount',
+  basePreview: 'email-translator-discount-base-preview',
+  contentEditor: 'email-translator-discount-content-editor',
+} as const
+
+export const emailTranslatorFooterTestIds = {
+  root: 'email-translator-footer',
+  basePreview: 'email-translator-footer-base-preview',
+  contentEditor: 'email-translator-footer-content-editor',
+} as const
+
+export const emailTranslatorGridTestIds = {
+  root: 'email-translator-grid',
+  nestedBlock: 'email-translator-grid-nested-block',
+  nestedBlockBadge: 'email-translator-grid-nested-block-badge',
+  emptyState: 'email-translator-grid-empty-state',
+} as const
+
+export const emailTranslatorHeaderTestIds = {
+  root: 'email-translator-header',
+  basePreviewImage: 'email-translator-header-base-preview-image',
+  mediaUpload: 'email-translator-header-media-upload',
+  resetButton: 'email-translator-header-reset-button',
+  altInput: 'email-translator-header-alt-input',
+} as const
+
+export const emailTranslatorHeadingTestIds = {
+  root: 'email-translator-heading',
+  basePreview: 'email-translator-heading-base-preview',
+  contentEditor: 'email-translator-heading-content-editor',
+} as const
+
+export const emailTranslatorImageTestIds = {
+  root: 'email-translator-image',
+  basePreviewImage: 'email-translator-image-base-preview-image',
+  mediaUpload: 'email-translator-image-media-upload',
+  resetButton: 'email-translator-image-reset-button',
+  hrefInput: 'email-translator-image-href-input',
+} as const
+
+export const emailTranslatorParagraphTestIds = {
+  root: 'email-translator-paragraph',
+  basePreview: 'email-translator-paragraph-base-preview',
+  contentEditor: 'email-translator-paragraph-content-editor',
+} as const
+
+export const emailTranslatorRawHtmlTestIds = {
+  root: 'email-translator-raw-html',
+  basePreview: 'email-translator-raw-html-base-preview',
+  monacoEditor: 'email-translator-raw-html-monaco-editor',
+  copyFromBaseButton: 'email-translator-raw-html-copy-from-base-button',
+} as const
+
+export const emailTranslatorUnsubscribeLinkTestIds = {
+  root: 'email-translator-unsubscribe-link',
+  basePreview: 'email-translator-unsubscribe-link-base-preview',
+  contentEditor: 'email-translator-unsubscribe-link-content-editor',
+} as const
+
+// ─── Email root ───────────────────────────────────────────────────
+
+export const emailPreviewTestIds = {
+  root: 'email-preview',
+  loadingSkeleton: 'email-preview-loading-skeleton',
+  subject: 'email-preview-subject',
+  iframe: 'email-preview-iframe',
+  emptyState: 'email-preview-empty-state',
+} as const
+
+export const emailPreviewPanelTestIds = {
+  root: 'email-preview-panel',
+  viewTabs: 'email-preview-panel-view-tabs',
+} as const
+
+export const sendTestEmailModalTestIds = {
+  modal: 'send-test-email-modal',
+  modalCloseButton: 'send-test-email-modal-close-button',
+  triggerButton: 'send-test-email-modal-trigger-button',
+  toFormField: 'send-test-email-modal-to-form-field',
+  toInput: 'send-test-email-modal-to-input',
+  cancelButton: 'send-test-email-modal-cancel-button',
+  sendButton: 'send-test-email-modal-send-button',
+} as const
+
+export const emailTranslationEditorTestIds = {
+  root: 'email-translation-editor',
+  subjectCard: 'email-translation-editor-subject-card',
+  baseSubjectPreview: 'email-translation-editor-base-subject-preview',
+  targetSubjectInput: 'email-translation-editor-target-subject-input',
+  emptyState: 'email-translation-editor-empty-state',
+  clearFiltersButton: 'email-translation-editor-clear-filters-button',
+} as const
+
+// ─── Whatsapp Editor ──────────────────────────────────────────────
+
+export const whatsappEditorIndexTestIds = {
+  container: 'whatsapp-editor-index-container',
+} as const
+
+export const whatsappEditorBodyTestIds = {
+  container: 'whatsapp-editor-body-container',
+  contentEditor: 'whatsapp-editor-body-content-editor',
+} as const
+
+export const whatsappEditorButtonsTestIds = {
+  container: 'whatsapp-editor-buttons-container',
+  addButtonDropdown: 'whatsapp-editor-buttons-add-dropdown',
+  addButton: 'whatsapp-editor-buttons-add-button',
+  buttonItem: 'whatsapp-editor-buttons-item',
+  buttonTypeSelect: 'whatsapp-editor-buttons-type-select',
+  buttonTextField: 'whatsapp-editor-buttons-text-field',
+  buttonTextInput: 'whatsapp-editor-buttons-text-input',
+  buttonPhoneField: 'whatsapp-editor-buttons-phone-field',
+  buttonPhoneInput: 'whatsapp-editor-buttons-phone-input',
+  buttonUrlField: 'whatsapp-editor-buttons-url-field',
+  buttonUrlInput: 'whatsapp-editor-buttons-url-input',
+  buttonRemoveButton: 'whatsapp-editor-buttons-remove-button',
+} as const
+
+export const whatsappEditorFooterTestIds = {
+  container: 'whatsapp-editor-footer-container',
+  contentField: 'whatsapp-editor-footer-content-field',
+  contentInput: 'whatsapp-editor-footer-content-input',
+} as const
+
+export const whatsappEditorHeaderTestIds = {
+  container: 'whatsapp-editor-header-container',
+  typeSelect: 'whatsapp-editor-header-type-select',
+  textEditor: 'whatsapp-editor-header-text-editor',
+  mediaUpload: 'whatsapp-editor-header-media-upload',
+  mediaDeleteButton: 'whatsapp-editor-header-media-delete-button',
+  mediaRestoreButton: 'whatsapp-editor-header-media-restore-button',
+} as const
+
+export const whatsappEditorSyncWrapperTestIds = {
+  container: 'whatsapp-editor-sync-wrapper-container',
+} as const
+
+// ─── Whatsapp Translator ──────────────────────────────────────────
+
+export const whatsappTranslatorIndexTestIds = {
+  container: 'whatsapp-translator-index-container',
+  sectionCard: 'whatsapp-translator-index-section-card',
+} as const
+
+export const whatsappTranslatorBodyTestIds = {
+  container: 'whatsapp-translator-body-container',
+  basePreview: 'whatsapp-translator-body-base-preview',
+  targetEditor: 'whatsapp-translator-body-target-editor',
+} as const
+
+export const whatsappTranslatorButtonTestIds = {
+  container: 'whatsapp-translator-button-container',
+  buttonItem: 'whatsapp-translator-button-item',
+  textField: 'whatsapp-translator-button-text-field',
+  textInput: 'whatsapp-translator-button-text-input',
+  urlField: 'whatsapp-translator-button-url-field',
+  urlInput: 'whatsapp-translator-button-url-input',
+  copyUrlButton: 'whatsapp-translator-button-copy-url',
+  phoneField: 'whatsapp-translator-button-phone-field',
+  phoneInput: 'whatsapp-translator-button-phone-input',
+  copyPhoneButton: 'whatsapp-translator-button-copy-phone',
+} as const
+
+export const whatsappTranslatorFooterTestIds = {
+  container: 'whatsapp-translator-footer-container',
+  basePreview: 'whatsapp-translator-footer-base-preview',
+  targetInput: 'whatsapp-translator-footer-target-input',
+} as const
+
+export const whatsappTranslatorHeaderTestIds = {
+  container: 'whatsapp-translator-header-container',
+  basePreview: 'whatsapp-translator-header-base-preview',
+  targetEditor: 'whatsapp-translator-header-target-editor',
+} as const
+
+export const whatsappTranslatorHeaderMediaTestIds = {
+  container: 'whatsapp-translator-header-media-container',
+  basePreview: 'whatsapp-translator-header-media-base-preview',
+  mediaUpload: 'whatsapp-translator-header-media-upload',
+  clearMediaButton: 'whatsapp-translator-header-media-clear-button',
+  resetTooltip: 'whatsapp-translator-header-media-reset-tooltip',
+  resetButton: 'whatsapp-translator-header-media-reset-button',
+} as const
+
+// ─── Whatsapp root ────────────────────────────────────────────────
+
+export const categoryChangerTestIds = {
+  select: 'category-changer-select',
+} as const
+
+export const whatsappPreviewTestIds = {
+  container: 'whatsapp-preview-container',
+  chatWindow: 'whatsapp-preview-chat-window',
+  header: 'whatsapp-preview-header',
+  body: 'whatsapp-preview-body',
+  footer: 'whatsapp-preview-footer',
+  buttonsContainer: 'whatsapp-preview-buttons-container',
+  button: 'whatsapp-preview-button',
+} as const
+
+export const whatsappPreviewPanelTestIds = {
+  container: 'whatsapp-preview-panel-container',
+} as const
+
+export const whatsappTranslationEditorTestIds = {
+  container: 'whatsapp-translation-editor-container',
+  emptyState: 'whatsapp-translation-editor-empty-state',
+  clearFiltersButton: 'whatsapp-translation-editor-clear-filters-button',
+} as const
+
+// ─── Editor / TemplateList / Root ─────────────────────────────────
+
+export const editorLinkPopoverTestIds = {
+  popover: 'editor-link-popover',
+  triggerButton: 'editor-link-popover-trigger-button',
+  urlInput: 'editor-link-popover-url-input',
+  applyButton: 'editor-link-popover-apply-button',
+  openButton: 'editor-link-popover-open-button',
+  removeButton: 'editor-link-popover-remove-button',
+} as const
+
+export const richTextEditorTestIds = {
+  root: 'rich-text-editor',
+  editor: 'rich-text-editor-editor',
+  toolbar: 'rich-text-editor-toolbar',
+  horizontalRuleButton: 'rich-text-editor-horizontal-rule-button',
+  improveButton: 'rich-text-editor-improve-button',
+  generateButton: 'rich-text-editor-generate-button',
+} as const
+
+export const aiGenerateSlideoverTestIds = {
+  slideover: 'ai-generate-slideover',
+  title: 'ai-generate-slideover-title',
+  description: 'ai-generate-slideover-description',
+  promptTextarea: 'ai-generate-slideover-prompt-textarea',
+  charCount: 'ai-generate-slideover-char-count',
+  disclaimer: 'ai-generate-slideover-disclaimer',
+  cancelButton: 'ai-generate-slideover-cancel-button',
+  submitButton: 'ai-generate-slideover-submit-button',
+  errorAlert: 'ai-generate-slideover-error-alert',
+  retryButton: 'ai-generate-slideover-retry-button',
+  yourRequest: 'ai-generate-slideover-your-request',
+  chooseOptionLabel: 'ai-generate-slideover-choose-option-label',
+  suggestionCard: 'ai-generate-slideover-suggestion-card',
+  suggestionContent: 'ai-generate-slideover-suggestion-content',
+  useItButton: 'ai-generate-slideover-use-it-button',
+  skeletonCard: 'ai-generate-slideover-skeleton-card',
+  createNewButton: 'ai-generate-slideover-create-new-button',
+  openButton: 'ai-generate-slideover-open-button',
+  closeButton: 'ai-generate-slideover-close-button',
+} as const
+
+export const templateListTableTestIds = {
+  root: 'template-list-table',
+  searchInput: 'template-list-table-search-input',
+  categorySelect: 'template-list-table-category-select',
+  statusSelect: 'template-list-table-status-select',
+  card: 'template-list-table-card',
+  table: 'template-list-table-table',
+  rowName: 'template-list-table-row-name',
+  rowInternalBadge: 'template-list-table-row-internal-badge',
+  rowCategoryBadge: 'template-list-table-row-category-badge',
+  rowPreview: 'template-list-table-row-preview',
+  rowActions: 'template-list-table-row-actions',
+  rowEditAction: 'template-list-table-row-edit',
+  rowDeleteAction: 'template-list-table-row-delete',
+  rowDuplicateAction: 'template-list-table-row-duplicate',
+  rowPublishAction: 'template-list-table-row-publish',
+  rowUnpublishAction: 'template-list-table-row-unpublish',
+} as const
+
+export const templateListStatusCellTestIds = {
+  root: 'template-list-status-cell',
+  tooltip: 'template-list-status-cell-tooltip',
+  tooltipContent: 'template-list-status-cell-tooltip-content',
+  badge: 'template-list-status-cell-badge',
+} as const
+
+export const dynamicDataButtonTestIds = {
+  triggerButton: 'dynamic-data-button-trigger-button',
+  modal: 'dynamic-data-button-modal',
+  modalCloseButton: 'dynamic-data-button-modal-close-button',
+  description: 'dynamic-data-button-description',
+  selectValueLabel: 'dynamic-data-button-select-value-label',
+  valueList: 'dynamic-data-button-value-list',
+  valueItem: 'dynamic-data-button-value-item',
+} as const
+
+export const dynamicDataSlideoverTestIds = {
+  triggerButton: 'dynamic-data-slideover-trigger-button',
+  slideover: 'dynamic-data-slideover',
+  description: 'dynamic-data-slideover-description',
+  tabs: 'dynamic-data-slideover-tabs',
+  listbox: 'dynamic-data-slideover-listbox',
+  closeButton: 'dynamic-data-slideover-close-button',
+  infoButton: 'dynamic-data-slideover-info-button',
+} as const
+
+// ─── Email Blocks ─────────────────────────────────────────────────
+
+export const indexBlockTestIds = {
+  container: 'index-block-container',
+  duplicateButton: 'index-block-duplicate-button',
+  deleteButton: 'index-block-delete-button',
+} as const
+
+export const buttonBlockTestIds = {
+  container: 'button-block-container',
+  placeholder: 'button-block-placeholder',
+  button: 'button-block-button',
+} as const
+
+export const buttonSettingsTestIds = {
+  container: 'button-settings-container',
+  linkTypeField: 'button-settings-link-type-field',
+  linkTypeSelect: 'button-settings-link-type-select',
+  phoneInput: 'button-settings-phone-input',
+  urlInput: 'button-settings-url-input',
+  fontSizeField: 'button-settings-font-size-field',
+  fontSizeInput: 'button-settings-font-size-input',
+  shapeTabs: 'button-settings-shape-tabs',
+  widthTabs: 'button-settings-width-tabs',
+  alignmentTabs: 'button-settings-alignment-tabs',
+} as const
+
+export const discountCodeBlockTestIds = {
+  container: 'discount-code-block-container',
+  code: 'discount-code-block-code',
+} as const
+
+export const discountCodeSettingsTestIds = {
+  container: 'discount-code-settings-container',
+  fontSizeField: 'discount-code-settings-font-size-field',
+  fontSizeInput: 'discount-code-settings-font-size-input',
+  styleTabs: 'discount-code-settings-style-tabs',
+  widthTabs: 'discount-code-settings-width-tabs',
+} as const
+
+export const dividerBlockTestIds = {
+  container: 'divider-block-container',
+  rule: 'divider-block-rule',
+} as const
+
+export const dividerSettingsTestIds = {
+  container: 'divider-settings-container',
+  styleTabs: 'divider-settings-style-tabs',
+  thicknessField: 'divider-settings-thickness-field',
+  thicknessSlider: 'divider-settings-thickness-slider',
+  widthField: 'divider-settings-width-field',
+  widthInput: 'divider-settings-width-input',
+  resetButton: 'divider-settings-reset-button',
+} as const
+
+export const footerBlockTestIds = {
+  container: 'footer-block-container',
+} as const
+
+export const footerSettingsTestIds = {
+  container: 'footer-settings-container',
+  fontSizeField: 'footer-settings-font-size-field',
+  fontSizeInput: 'footer-settings-font-size-input',
+} as const
+
+export const gridBlockTestIds = {
+  container: 'grid-block-container',
+  column: 'grid-block-column',
+  addElementDropdown: 'grid-block-add-element-dropdown',
+  addElementButton: 'grid-block-add-element-button',
+} as const
+
+export const gridSettingsTestIds = {
+  container: 'grid-settings-container',
+  columnsTabs: 'grid-settings-columns-tabs',
+} as const
+
+export const headerBlockTestIds = {
+  container: 'header-block-container',
+  placeholder: 'header-block-placeholder',
+  logo: 'header-block-logo',
+} as const
+
+export const headerSettingsTestIds = {
+  container: 'header-settings-container',
+  altField: 'header-settings-alt-field',
+  altInput: 'header-settings-alt-input',
+  widthField: 'header-settings-width-field',
+  widthSlider: 'header-settings-width-slider',
+  alignmentTabs: 'header-settings-alignment-tabs',
+} as const
+
+export const headingBlockTestIds = {
+  container: 'heading-block-container',
+} as const
+
+export const headingSettingsTestIds = {
+  container: 'heading-settings-container',
+  tagSelect: 'heading-settings-tag-select',
+  fontSizeField: 'heading-settings-font-size-field',
+  fontSizeInput: 'heading-settings-font-size-input',
+} as const
+
+export const htmlBlockTestIds = {
+  container: 'html-block-container',
+  content: 'html-block-content',
+  placeholder: 'html-block-placeholder',
+} as const
+
+export const htmlSettingsTestIds = {
+  container: 'html-settings-container',
+  slideover: 'html-settings-slideover',
+  slideoverCloseButton: 'html-settings-slideover-close-button',
+  expandButton: 'html-settings-expand-button',
+  warningAlert: 'html-settings-warning-alert',
+} as const
+
+export const imageBlockTestIds = {
+  container: 'image-block-container',
+  placeholder: 'image-block-placeholder',
+  link: 'image-block-link',
+  image: 'image-block-image',
+} as const
+
+export const imageSettingsTestIds = {
+  container: 'image-settings-container',
+  linkField: 'image-settings-link-field',
+  linkInput: 'image-settings-link-input',
+} as const
+
+export const paragraphBlockTestIds = {
+  container: 'paragraph-block-container',
+} as const
+
+export const paragraphSettingsTestIds = {
+  container: 'paragraph-settings-container',
+  tagSelect: 'paragraph-settings-tag-select',
+  fontSizeField: 'paragraph-settings-font-size-field',
+  fontSizeInput: 'paragraph-settings-font-size-input',
+} as const
+
+export const socialsBlockTestIds = {
+  container: 'socials-block-container',
+  link: 'socials-block-link',
+  placeholder: 'socials-block-placeholder',
+} as const
+
+export const socialsSettingsTestIds = {
+  container: 'socials-settings-container',
+  toggleSwitch: 'socials-settings-toggle-switch',
+  urlInput: 'socials-settings-url-input',
+} as const
+
+export const spacerBlockTestIds = {
+  container: 'spacer-block-container',
+} as const
+
+export const spacerSettingsTestIds = {
+  container: 'spacer-settings-container',
+  sizePresetField: 'spacer-settings-size-preset-field',
+  sizePresetSelect: 'spacer-settings-size-preset-select',
+  customSizeSwitch: 'spacer-settings-custom-size-switch',
+  customSizeInput: 'spacer-settings-custom-size-input',
+  resetButton: 'spacer-settings-reset-button',
+} as const
+
+export const unsubscribeLinkBlockTestIds = {
+  container: 'unsubscribe-link-block-container',
+  editor: 'unsubscribe-link-block-editor',
+  placeholder: 'unsubscribe-link-block-placeholder',
+} as const
+
+export const unsubscribeLinkSettingsTestIds = {
+  container: 'unsubscribe-link-settings-container',
+  contentEditor: 'unsubscribe-link-settings-content-editor',
+  fontFamilySelect: 'unsubscribe-link-settings-font-family-select',
+  fontSizeField: 'unsubscribe-link-settings-font-size-field',
+  fontSizeInput: 'unsubscribe-link-settings-font-size-input',
+  textColorInput: 'unsubscribe-link-settings-text-color-input',
+  backgroundColorInput: 'unsubscribe-link-settings-background-color-input',
+} as const