diff --git a/apps/doc/src/app/components/buttons/icon-button/icon-button.component.ts b/apps/doc/src/app/components/buttons/icon-button/icon-button.component.ts
index 8c5b1c5424..cadff03285 100644
--- a/apps/doc/src/app/components/buttons/icon-button/icon-button.component.ts
+++ b/apps/doc/src/app/components/buttons/icon-button/icon-button.component.ts
@@ -5,7 +5,6 @@ import {
   PolymorphContent,
   PrizmAppearance,
   PrizmAppearanceType,
-  PrizmContent,
   PrizmSize,
 } from '@prizm-ui/components';
 
diff --git a/libs/components/src/lib/components/accordion/accordion.component.ts b/libs/components/src/lib/components/accordion/accordion.component.ts
index 8b5a062340..61dc892cab 100644
--- a/libs/components/src/lib/components/accordion/accordion.component.ts
+++ b/libs/components/src/lib/components/accordion/accordion.component.ts
@@ -24,8 +24,8 @@ export class PrizmAccordionComponent implements AfterContentInit {
   @ContentChildren(PrizmAccordionItemComponent, { descendants: false })
   accordionItems: QueryList<PrizmAccordionItemComponent>;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_accordion';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_accordion';
 
   constructor(private readonly destroy$: PrizmDestroyService) {}
 
diff --git a/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.ts b/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.ts
index cf9a87822c..1f22f1245f 100644
--- a/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.ts
+++ b/libs/components/src/lib/components/accordion/components/accordion-item/accordion-item.component.ts
@@ -30,8 +30,8 @@ export class PrizmAccordionItemComponent implements OnDestroy {
   @Input() disabled = false;
   @Output() isExpandedChange = new EventEmitter<boolean>();
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_accordion_item';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_accordion_item';
 
   @ContentChild(AccordionContentDirective, { read: TemplateRef })
   public readonly accordionContent: TemplateRef<AccordionContentDirective>;
diff --git a/libs/components/src/lib/components/button/button.component.ts b/libs/components/src/lib/components/button/button.component.ts
index f9c7feeace..969c81101d 100644
--- a/libs/components/src/lib/components/button/button.component.ts
+++ b/libs/components/src/lib/components/button/button.component.ts
@@ -84,8 +84,9 @@ export class PrizmButtonComponent extends AbstractPrizmInteractive implements Pr
     return this.focusable ? 0 : -1;
   }
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_button';
+  @Input()
+  @HostBinding('attr.data-testid')
+  readonly testId = this.hasIcon ? 'ui_button' : 'ui_icon_button';
 
   @HostListener('focusin', ['true'])
   @HostListener('focusout', ['false'])
@@ -143,4 +144,8 @@ export class PrizmButtonComponent extends AbstractPrizmInteractive implements Pr
   get loaderSize(): PrizmSize {
     return this.size === 'l' || this.size === 'xl' ? 'm' : 's';
   }
+
+  get hasIcon(): boolean {
+    return !!(this.icon || this.iconRight);
+  }
 }
diff --git a/libs/components/src/lib/components/button/split-button/split-button.component.ts b/libs/components/src/lib/components/button/split-button/split-button.component.ts
index ff10bbb637..6150c9b976 100644
--- a/libs/components/src/lib/components/button/split-button/split-button.component.ts
+++ b/libs/components/src/lib/components/button/split-button/split-button.component.ts
@@ -50,8 +50,8 @@ export class PrizmSplitButtonComponent {
   @Output()
   clickButton = new EventEmitter<void>();
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_split_button';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_split_button';
 
   @ViewChild('buttonRef', { static: true, read: ElementRef }) buttonEl: ElementRef;
   @ViewChild('iconButtonRef', { static: true, read: ElementRef }) iconButtonEl: ElementRef;
diff --git a/libs/components/src/lib/components/calendar/calendar.component.ts b/libs/components/src/lib/components/calendar/calendar.component.ts
index 39ea578211..c21e4b5208 100644
--- a/libs/components/src/lib/components/calendar/calendar.component.ts
+++ b/libs/components/src/lib/components/calendar/calendar.component.ts
@@ -74,8 +74,8 @@ export class PrizmCalendarComponent implements PrizmWithOptionalMinMax<PrizmDay>
   @Output()
   readonly hoveredItemChange = new EventEmitter<PrizmDay | null>();
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_calendar';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_calendar';
 
   year: PrizmYear | null = null;
   clickedMonth: PrizmMonth | null = null;
diff --git a/libs/components/src/lib/components/card/card.component.ts b/libs/components/src/lib/components/card/card.component.ts
index cfc64331db..712a75377c 100644
--- a/libs/components/src/lib/components/card/card.component.ts
+++ b/libs/components/src/lib/components/card/card.component.ts
@@ -17,6 +17,6 @@ export class PrizmCardComponent {
     return prizmGetShadow(this.shadow);
   }
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_card';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_card';
 }
diff --git a/libs/components/src/lib/components/checkbox/checkbox.component.ts b/libs/components/src/lib/components/checkbox/checkbox.component.ts
index a1d22a1086..fd638cca2c 100644
--- a/libs/components/src/lib/components/checkbox/checkbox.component.ts
+++ b/libs/components/src/lib/components/checkbox/checkbox.component.ts
@@ -48,8 +48,8 @@ export class PrizmCheckboxComponent implements ControlValueAccessor, OnDestroy,
 
   @Output() changed = new EventEmitter<boolean>();
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_checkbox';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_checkbox';
 
   changeFn: (value: boolean) => void;
   touchedFn: () => void;
diff --git a/libs/components/src/lib/components/chips/chips.component.ts b/libs/components/src/lib/components/chips/chips.component.ts
index e5aafe659a..aded69a9d7 100644
--- a/libs/components/src/lib/components/chips/chips.component.ts
+++ b/libs/components/src/lib/components/chips/chips.component.ts
@@ -47,8 +47,8 @@ export class PrizmChipsComponent implements ControlValueAccessor, OnInit, OnDest
   @Output() public removeChipEvent: EventEmitter<string> = new EventEmitter();
   @Output() public clickChipEvent: EventEmitter<string> = new EventEmitter();
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_chips';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_chips';
   public accessorIsDisabled = false;
   public readonly overflowedChipsList$ = new BehaviorSubject<Set<number>>(new Set());
 
diff --git a/libs/components/src/lib/components/dialogs/confirm-dialog/confirm-dialog.component.ts b/libs/components/src/lib/components/dialogs/confirm-dialog/confirm-dialog.component.ts
index 5c4ab2beac..03f4e8b898 100644
--- a/libs/components/src/lib/components/dialogs/confirm-dialog/confirm-dialog.component.ts
+++ b/libs/components/src/lib/components/dialogs/confirm-dialog/confirm-dialog.component.ts
@@ -45,8 +45,8 @@ export class PrizmDialogConfirmComponent<DATA = unknown> {
   @HostBinding('style.width')
   readonly width = '100%';
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_confirm_dialog';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_form_submit';
 
   private readonly animation = {
     value: '',
diff --git a/libs/components/src/lib/components/dialogs/dialog/dialog.component.ts b/libs/components/src/lib/components/dialogs/dialog/dialog.component.ts
index 58b0d1cddd..8d28b09826 100644
--- a/libs/components/src/lib/components/dialogs/dialog/dialog.component.ts
+++ b/libs/components/src/lib/components/dialogs/dialog/dialog.component.ts
@@ -45,8 +45,8 @@ export class PrizmDialogComponent<O = unknown, DATA = unknown> {
     return this.animation;
   }
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_dialog';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_overlay';
 
   @HostBinding('style.width')
   readonly width = '100%';
diff --git a/libs/components/src/lib/components/dialogs/sidebar/sidebar.component.ts b/libs/components/src/lib/components/dialogs/sidebar/sidebar.component.ts
index 86f4efa790..a1675d6231 100644
--- a/libs/components/src/lib/components/dialogs/sidebar/sidebar.component.ts
+++ b/libs/components/src/lib/components/dialogs/sidebar/sidebar.component.ts
@@ -49,8 +49,8 @@ export class PrizmSidebarComponent<DATA = unknown> {
     return this.animation;
   }
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_sidebar';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_area--sidebar';
 
   private readonly animation = {
     value: '',
diff --git a/libs/components/src/lib/components/dropdowns/multi-select/multi-select.component.ts b/libs/components/src/lib/components/dropdowns/multi-select/multi-select.component.ts
index d383c949d7..0c73513a82 100644
--- a/libs/components/src/lib/components/dropdowns/multi-select/multi-select.component.ts
+++ b/libs/components/src/lib/components/dropdowns/multi-select/multi-select.component.ts
@@ -138,8 +138,8 @@ export class PrizmMultiSelectComponent<T>
   @prizmDefaultProp()
   outer: boolean = this.options.outer;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_multi_select';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui-muilti-select';
 
   public inputTextElement: PrizmInputTextComponent | null;
   public readonly defaultIcon = 'chevrons-dropdown';
diff --git a/libs/components/src/lib/components/dropdowns/select/select.component.ts b/libs/components/src/lib/components/dropdowns/select/select.component.ts
index 9b78899efc..fdd429147c 100644
--- a/libs/components/src/lib/components/dropdowns/select/select.component.ts
+++ b/libs/components/src/lib/components/dropdowns/select/select.component.ts
@@ -144,8 +144,8 @@ export class PrizmSelectComponent<T>
   @prizmDefaultProp()
   outer: boolean = this.options.outer;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_select';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_select';
 
   @Output()
   public readonly searchChange = new EventEmitter<string | null>();
diff --git a/libs/components/src/lib/components/expand/expand.component.ts b/libs/components/src/lib/components/expand/expand.component.ts
index 6a83a77862..eabbc6e8ec 100644
--- a/libs/components/src/lib/components/expand/expand.component.ts
+++ b/libs/components/src/lib/components/expand/expand.component.ts
@@ -70,8 +70,8 @@ export class PrizmExpandComponent {
   @HostBinding('attr.aria-expanded')
   private expanded_: boolean | null = null;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_expand';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui-area--expand';
 
   @HostListener('transitionend', ['$event'])
   public onTransitionEnd(event: TransitionEvent): void {
diff --git a/libs/components/src/lib/components/grid/components/grid-item/grid-item.component.ts b/libs/components/src/lib/components/grid/components/grid-item/grid-item.component.ts
index 76f27c38ad..e3957cf6a7 100644
--- a/libs/components/src/lib/components/grid/components/grid-item/grid-item.component.ts
+++ b/libs/components/src/lib/components/grid/components/grid-item/grid-item.component.ts
@@ -10,6 +10,6 @@ export class GridItemComponent {
   @Input() public colPos = '0';
   @Input() public rowPos = '0';
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_grid_item';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_area';
 }
diff --git a/libs/components/src/lib/components/grid/grid.component.ts b/libs/components/src/lib/components/grid/grid.component.ts
index 3ed83c3cd6..25ae2ef7db 100644
--- a/libs/components/src/lib/components/grid/grid.component.ts
+++ b/libs/components/src/lib/components/grid/grid.component.ts
@@ -25,8 +25,8 @@ export class GridComponent implements AfterContentInit {
   @ContentChildren(GridItemComponent, { read: ElementRef }) public gridItems: QueryList<ElementRef>;
   @ContentChildren(GridItemComponent) public gridItemsData: QueryList<GridItemComponent>;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_grid';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui-area--grid';
 
   public ngAfterContentInit(): void {
     const containerElement = this.container.nativeElement;
diff --git a/libs/components/src/lib/components/icon/icon.component.ts b/libs/components/src/lib/components/icon/icon.component.ts
index 3586f1a963..c5343a9749 100644
--- a/libs/components/src/lib/components/icon/icon.component.ts
+++ b/libs/components/src/lib/components/icon/icon.component.ts
@@ -13,6 +13,6 @@ export class IconComponent {
   @Input() iconClass: string = null;
   @Input() size: string | number = 16;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_icon';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_icon' + this.iconClass;
 }
diff --git a/libs/components/src/lib/components/input/carousel/carousel.component.ts b/libs/components/src/lib/components/input/carousel/carousel.component.ts
index 82d7fb0092..e5eefd9780 100644
--- a/libs/components/src/lib/components/input/carousel/carousel.component.ts
+++ b/libs/components/src/lib/components/input/carousel/carousel.component.ts
@@ -56,8 +56,8 @@ export class PrizmCarouselComponent extends PrizmInputControl<any> implements Co
     }
   }
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_carousel';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui-area--carousel';
 
   /**
    * Required input
diff --git a/libs/components/src/lib/components/input/common/input-icon-button/input-icon-button.component.ts b/libs/components/src/lib/components/input/common/input-icon-button/input-icon-button.component.ts
index 2755acf612..b21fb0d354 100644
--- a/libs/components/src/lib/components/input/common/input-icon-button/input-icon-button.component.ts
+++ b/libs/components/src/lib/components/input/common/input-icon-button/input-icon-button.component.ts
@@ -20,8 +20,8 @@ export class PrizmInputIconButtonComponent {
   @HostBinding('attr.type')
   type: 'button' | 'reset' | 'submit' = 'button';
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_input_icon_button';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_input_icon_button';
 
   get tabindex(): number {
     return this.interactive ? 0 : -1;
diff --git a/libs/components/src/lib/components/input/input-date-multi/input-date-multi.component.ts b/libs/components/src/lib/components/input/input-date-multi/input-date-multi.component.ts
index 1aede58134..68a1d9d0ce 100644
--- a/libs/components/src/lib/components/input/input-date-multi/input-date-multi.component.ts
+++ b/libs/components/src/lib/components/input/input-date-multi/input-date-multi.component.ts
@@ -47,8 +47,8 @@ export class PrizmInputDateMultiComponent implements OnInit {
   @prizmDefaultProp()
   currentIdx = 0;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_input_date_multi';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_input_date_multi';
 
   public open = false;
 
diff --git a/libs/components/src/lib/components/input/input-date-range/input-date-range.component.ts b/libs/components/src/lib/components/input/input-date-range/input-date-range.component.ts
index 8b7bfb4a94..dca325f4a6 100644
--- a/libs/components/src/lib/components/input/input-date-range/input-date-range.component.ts
+++ b/libs/components/src/lib/components/input/input-date-range/input-date-range.component.ts
@@ -107,8 +107,8 @@ export class PrizmInputDateRangeComponent
   @prizmDefaultProp()
   maxLength: PrizmDayLike | null = null;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_input_date_range';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_input_date_range';
 
   open = false;
 
diff --git a/libs/components/src/lib/components/input/input-date-relative/input-date-relative.component.ts b/libs/components/src/lib/components/input/input-date-relative/input-date-relative.component.ts
index da40335e13..511444db9d 100644
--- a/libs/components/src/lib/components/input/input-date-relative/input-date-relative.component.ts
+++ b/libs/components/src/lib/components/input/input-date-relative/input-date-relative.component.ts
@@ -106,8 +106,8 @@ export class PrizmInputDateRelativeComponent
   @prizmDefaultProp()
   extraButtonInjector: Injector = this.injector;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_input_date_relative';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_input_date_relative';
 
   public isOpen = false;
 
diff --git a/libs/components/src/lib/components/input/input-date-time/input-date-time.component.ts b/libs/components/src/lib/components/input/input-date-time/input-date-time.component.ts
index 150e71cc5e..9eb4f24a2b 100644
--- a/libs/components/src/lib/components/input/input-date-time/input-date-time.component.ts
+++ b/libs/components/src/lib/components/input/input-date-time/input-date-time.component.ts
@@ -116,8 +116,8 @@ export class PrizmInputDateTimeComponent
   @prizmDefaultProp()
   timeMode: PrizmTimeMode = `HH:MM`;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_input_date_time';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_input_date_time';
 
   public openTimeTemplate = false;
 
diff --git a/libs/components/src/lib/components/input/input-date/input-date.component.ts b/libs/components/src/lib/components/input/input-date/input-date.component.ts
index 535c70cd54..6dbb8661c3 100644
--- a/libs/components/src/lib/components/input/input-date/input-date.component.ts
+++ b/libs/components/src/lib/components/input/input-date/input-date.component.ts
@@ -117,7 +117,7 @@ export class PrizmInputDateComponent
   @prizmDefaultProp()
   extraButtonInjector: Injector = this.injector;
 
-  @HostBinding('attr.testId')
+  @HostBinding('attr.data-testid')
   readonly testId = 'prizm_input_date';
 
   public open = false;
diff --git a/libs/components/src/lib/components/input/input-number/input-number.directive.ts b/libs/components/src/lib/components/input/input-number/input-number.directive.ts
index 649b379c38..31a6225a52 100644
--- a/libs/components/src/lib/components/input/input-number/input-number.directive.ts
+++ b/libs/components/src/lib/components/input/input-number/input-number.directive.ts
@@ -11,8 +11,8 @@ export class PrizmInputNumberDirective {
   @Input() step = 1;
   @Input() value!: number;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_input_number';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_input_number';
 
   constructor(
     @Host() private readonly el: ElementRef<HTMLInputElement>,
diff --git a/libs/components/src/lib/components/input/input-password/input-password.directive.ts b/libs/components/src/lib/components/input/input-password/input-password.directive.ts
index 9e32d1a101..ba5d33e8b4 100644
--- a/libs/components/src/lib/components/input/input-password/input-password.directive.ts
+++ b/libs/components/src/lib/components/input/input-password/input-password.directive.ts
@@ -6,8 +6,8 @@ import { PrizmInputTextComponent } from '../input-text/input-text.component';
   exportAs: 'prizmInputPassword',
 })
 export class PrizmInputPasswordDirective {
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_input_password';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_input_password';
 
   constructor(
     @Host() private readonly el: ElementRef<HTMLInputElement>,
diff --git a/libs/components/src/lib/components/input/input-text/input-text.component.ts b/libs/components/src/lib/components/input/input-text/input-text.component.ts
index 79aa101c8a..e08553226f 100644
--- a/libs/components/src/lib/components/input/input-text/input-text.component.ts
+++ b/libs/components/src/lib/components/input/input-text/input-text.component.ts
@@ -79,8 +79,8 @@ export class PrizmInputTextComponent extends PrizmInputControl<string> implement
     this.stateChanges.next();
   }
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_input_text';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_input_text';
 
   private _required: boolean | undefined;
 
diff --git a/libs/components/src/lib/components/input/input-time/input-time.component.ts b/libs/components/src/lib/components/input/input-time/input-time.component.ts
index 4ba8694a3e..feac0c9d1e 100644
--- a/libs/components/src/lib/components/input/input-time/input-time.component.ts
+++ b/libs/components/src/lib/components/input/input-time/input-time.component.ts
@@ -98,8 +98,8 @@ export class PrizmInputTimeComponent
   @prizmDefaultProp()
   extraButtonInjector: Injector = this.injector;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_input_time';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_input_time';
 
   public open = false;
   public rightButtons$: BehaviorSubject<PrizmDateButton[]>;
diff --git a/libs/components/src/lib/components/internal/primitive-calendar-range/primitive-calendar-range.component.ts b/libs/components/src/lib/components/internal/primitive-calendar-range/primitive-calendar-range.component.ts
index 9198d802a8..91f74835b0 100644
--- a/libs/components/src/lib/components/internal/primitive-calendar-range/primitive-calendar-range.component.ts
+++ b/libs/components/src/lib/components/internal/primitive-calendar-range/primitive-calendar-range.component.ts
@@ -67,8 +67,8 @@ export class PrizmPrimitiveCalendarRangeComponent implements OnInit {
   @Output()
   readonly dayClick = new EventEmitter<PrizmDay>();
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_primitive_calendar_range';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_primitive_calendar_range';
 
   hoveredItem: PrizmDay | null = null;
 
diff --git a/libs/components/src/lib/components/internal/primitive-calendar/primitive-calendar.component.ts b/libs/components/src/lib/components/internal/primitive-calendar/primitive-calendar.component.ts
index 8dcef8bc52..0e15514c6d 100644
--- a/libs/components/src/lib/components/internal/primitive-calendar/primitive-calendar.component.ts
+++ b/libs/components/src/lib/components/internal/primitive-calendar/primitive-calendar.component.ts
@@ -70,8 +70,8 @@ export class PrizmPrimitiveCalendarComponent {
   @Output()
   readonly dayClick = new EventEmitter<PrizmDay>();
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_primitive_calendar';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_primitive_calendar';
 
   constructor(
     @Inject(PRIZM_ORDERED_SHORT_WEEK_DAYS)
diff --git a/libs/components/src/lib/components/internal/primitive-month-picker/primitive-month-picker.component.ts b/libs/components/src/lib/components/internal/primitive-month-picker/primitive-month-picker.component.ts
index 7a7a38732b..ce04cc4a9f 100644
--- a/libs/components/src/lib/components/internal/primitive-month-picker/primitive-month-picker.component.ts
+++ b/libs/components/src/lib/components/internal/primitive-month-picker/primitive-month-picker.component.ts
@@ -63,8 +63,8 @@ export class PrizmPrimitiveMonthPickerComponent {
     return !!value && this.isRange(value) && value.from.monthSame(value.to);
   }
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_primitive_month_picker';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_primitive_month_picker';
 
   get rows(): number {
     return ROWS;
diff --git a/libs/components/src/lib/components/internal/primitive-spin-button/primitive-spin-button.component.ts b/libs/components/src/lib/components/internal/primitive-spin-button/primitive-spin-button.component.ts
index da343832b2..f1679dc558 100644
--- a/libs/components/src/lib/components/internal/primitive-spin-button/primitive-spin-button.component.ts
+++ b/libs/components/src/lib/components/internal/primitive-spin-button/primitive-spin-button.component.ts
@@ -49,8 +49,8 @@ export class PrizmPrimitiveSpinButtonComponent extends AbstractPrizmInteractive
   @Output()
   readonly rightClick = new EventEmitter<void>();
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_primitive_spin_button';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_primitive_spin_button';
 
   constructor(@Inject(PRIZM_SPIN_TEXTS) readonly spinTexts$: Observable<[string, string]>) {
     super();
diff --git a/libs/components/src/lib/components/internal/primitive-year-month-pagination/primitive-year-month-pagination.component.html b/libs/components/src/lib/components/internal/primitive-year-month-pagination/primitive-year-month-pagination.component.html
index e5edfaa156..4af6f07921 100644
--- a/libs/components/src/lib/components/internal/primitive-year-month-pagination/primitive-year-month-pagination.component.html
+++ b/libs/components/src/lib/components/internal/primitive-year-month-pagination/primitive-year-month-pagination.component.html
@@ -24,7 +24,7 @@
 <ng-template #button>
   <div class="year-box" (click)="onYearClick($event)">
     <button
-      [attr.testId]="'prizm-primitive-year-month-pagination__year-button'"
+      [attr.data-testid]="'prizm-primitive-year-month-pagination__year-button'"
       type="button"
       prizmLink
       [prizmFocusable]="false"
diff --git a/libs/components/src/lib/components/internal/primitive-year-month-pagination/primitive-year-month-pagination.component.ts b/libs/components/src/lib/components/internal/primitive-year-month-pagination/primitive-year-month-pagination.component.ts
index a1f3aa2719..ad7e9e9e7f 100644
--- a/libs/components/src/lib/components/internal/primitive-year-month-pagination/primitive-year-month-pagination.component.ts
+++ b/libs/components/src/lib/components/internal/primitive-year-month-pagination/primitive-year-month-pagination.component.ts
@@ -45,8 +45,8 @@ export class PrizmPrimitiveYearMonthPaginationComponent implements PrizmWithOpti
   @Output()
   readonly monthClick = new EventEmitter<PrizmMonth>();
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_primitive_year_month_pagination';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_primitive_year_month_pagination';
 
   public get prevMonthDisabled(): boolean {
     return this.value.monthSameOrBefore?.(this.min);
diff --git a/libs/components/src/lib/components/internal/primitive-year-picker/primitive-year-picker.component.ts b/libs/components/src/lib/components/internal/primitive-year-picker/primitive-year-picker.component.ts
index da046fa277..908999318b 100644
--- a/libs/components/src/lib/components/internal/primitive-year-picker/primitive-year-picker.component.ts
+++ b/libs/components/src/lib/components/internal/primitive-year-picker/primitive-year-picker.component.ts
@@ -53,8 +53,8 @@ export class PrizmPrimitiveYearPickerComponent {
     return !!value && this.isRange(value) && value.from.yearSame(value.to);
   }
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_primitive_year_picker';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_primitive_year_picker';
 
   get rows(): number {
     return Math.ceil((this.calculatedMax - this.calculatedMin) / ITEMS_IN_ROW);
diff --git a/libs/components/src/lib/components/link/link.component.ts b/libs/components/src/lib/components/link/link.component.ts
index bfb293926f..1a3ef69275 100644
--- a/libs/components/src/lib/components/link/link.component.ts
+++ b/libs/components/src/lib/components/link/link.component.ts
@@ -66,8 +66,8 @@ export class PrizmLinkComponent implements PrizmFocusableElementAccessor {
   @HostBinding(`class._focus-visible`)
   focusVisible = false;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_link';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_link';
 
   readonly focusedChange = merge(
     prizmTypedFromEvent(this.elementRef.nativeElement, `focusin`).pipe(mapTo(true)),
diff --git a/libs/components/src/lib/components/loader/loader.component.ts b/libs/components/src/lib/components/loader/loader.component.ts
index f75aaf1d27..616a9b4866 100644
--- a/libs/components/src/lib/components/loader/loader.component.ts
+++ b/libs/components/src/lib/components/loader/loader.component.ts
@@ -43,8 +43,8 @@ export class PrizmLoaderComponent {
   @HostBinding('class._loading')
   loading = true;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_loader';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_loader';
 
   constructor(
     @Inject(DOCUMENT) private readonly documentRef: Document,
diff --git a/libs/components/src/lib/components/panel/panel.component.ts b/libs/components/src/lib/components/panel/panel.component.ts
index 0a62fb8ae0..715c0c9cc3 100644
--- a/libs/components/src/lib/components/panel/panel.component.ts
+++ b/libs/components/src/lib/components/panel/panel.component.ts
@@ -23,8 +23,8 @@ export class PanelComponent {
   @Output() backClick: EventEmitter<void> = new EventEmitter<void>();
   @ViewChild('headerElement', { static: true }) public headerRef: ElementRef;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_panel';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_panel';
 
   public back(): void {
     this.backClick.emit();
diff --git a/libs/components/src/lib/components/radio/prizm-radio-button.component.ts b/libs/components/src/lib/components/radio/prizm-radio-button.component.ts
index 0331d12ecd..fc7133f24a 100644
--- a/libs/components/src/lib/components/radio/prizm-radio-button.component.ts
+++ b/libs/components/src/lib/components/radio/prizm-radio-button.component.ts
@@ -38,8 +38,8 @@ export class PrizmRadioButtonComponent extends PrizmWrappedFormComponent {
   @Output() public focusOutEvent: EventEmitter<FocusEvent> = new EventEmitter();
   @Output() public blurEvent: EventEmitter<FocusEvent> = new EventEmitter();
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_radio_button';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_radio_button';
 
   public onClickEventHandler(event: MouseEvent): void {
     if (!this.accessorIsDisabled) {
diff --git a/libs/components/src/lib/components/switcher/components/switcher-item/switcher-item.component.ts b/libs/components/src/lib/components/switcher/components/switcher-item/switcher-item.component.ts
index c7aa3b2274..9d1df2cd4f 100644
--- a/libs/components/src/lib/components/switcher/components/switcher-item/switcher-item.component.ts
+++ b/libs/components/src/lib/components/switcher/components/switcher-item/switcher-item.component.ts
@@ -31,6 +31,6 @@ export class SwitcherItemComponent {
   @prizmDefaultProp()
   public fullWidth = false;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_switcher_item';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_switcher_item';
 }
diff --git a/libs/components/src/lib/components/tabs/components/tab.component.ts b/libs/components/src/lib/components/tabs/components/tab.component.ts
index 7e03250e6b..364c741a19 100644
--- a/libs/components/src/lib/components/tabs/components/tab.component.ts
+++ b/libs/components/src/lib/components/tabs/components/tab.component.ts
@@ -36,8 +36,8 @@ export class PrizmTabComponent implements OnInit, OnDestroy {
   }
   @Output() public closeTab = new EventEmitter<void>();
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_tab';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_tab';
   public isActiveTab$: Observable<boolean>;
 
   private get tab(): PrizmTabComponent {
diff --git a/libs/components/src/lib/components/tabs/tabs.component.ts b/libs/components/src/lib/components/tabs/tabs.component.ts
index c98b337aee..a6a5eaf4e0 100644
--- a/libs/components/src/lib/components/tabs/tabs.component.ts
+++ b/libs/components/src/lib/components/tabs/tabs.component.ts
@@ -48,8 +48,8 @@ export class PrizmTabsComponent implements OnInit, OnDestroy {
   @ContentChildren(PrizmTabMenuItemDirective, { read: TemplateRef, descendants: true })
   public menuElements: QueryList<TemplateRef<PrizmTabComponent>>;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_tabs';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_tabs';
 
   public openLeft = false;
   public openRight = false;
diff --git a/libs/components/src/lib/components/toast/toast-container/toast-container.component.ts b/libs/components/src/lib/components/toast/toast-container/toast-container.component.ts
index 49ed3cdfe0..0215ec801f 100644
--- a/libs/components/src/lib/components/toast/toast-container/toast-container.component.ts
+++ b/libs/components/src/lib/components/toast/toast-container/toast-container.component.ts
@@ -26,8 +26,8 @@ export class PrizmToastContainerComponent implements OnChanges {
   @Input() containerId?: string;
   @Input() position?: PrizmToastPosition;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_toast_container';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_toast_container';
 
   constructor(private readonly prizmToastService: PrizmToastService) {}
 
diff --git a/libs/components/src/lib/components/toast/toast-wrapper/toast-wrapper.component.ts b/libs/components/src/lib/components/toast/toast-wrapper/toast-wrapper.component.ts
index a30d1a3547..64783e1ae2 100644
--- a/libs/components/src/lib/components/toast/toast-wrapper/toast-wrapper.component.ts
+++ b/libs/components/src/lib/components/toast/toast-wrapper/toast-wrapper.component.ts
@@ -20,8 +20,8 @@ import { PrizmToastRef } from '../toast-ref';
 export class ToastWrapperComponent implements OnInit {
   @Input() ref!: PrizmToastRef;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_toast_wrapper';
+  @HostBinding('attr.data-test-id')
+  readonly testId = 'ui_toast_wrapper';
 
   @HostBinding('attr.id') get getRefId(): string {
     return 'prizm-toast-id' + this.ref.id;
diff --git a/libs/components/src/lib/components/toast/toast/toast.component.ts b/libs/components/src/lib/components/toast/toast/toast.component.ts
index 3a0c575949..f025f4af41 100644
--- a/libs/components/src/lib/components/toast/toast/toast.component.ts
+++ b/libs/components/src/lib/components/toast/toast/toast.component.ts
@@ -9,7 +9,7 @@ import { PrizmToastRef } from '../toast-ref';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class ToastComponent {
-  @HostBinding('attr.testId')
+  @HostBinding('attr.data-testid')
   readonly testId = 'prizm_toast_single';
 
   // TODO remove record to context type
diff --git a/libs/components/src/lib/components/toggle/toggle.component.ts b/libs/components/src/lib/components/toggle/toggle.component.ts
index 9068db9b87..2622afcb54 100644
--- a/libs/components/src/lib/components/toggle/toggle.component.ts
+++ b/libs/components/src/lib/components/toggle/toggle.component.ts
@@ -52,8 +52,8 @@ export class PrizmToggleComponent extends AbstractPrizmControl<boolean> {
   @prizmDefaultProp()
   size: PrizmSizeL | PrizmSizeM = this.options.size;
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_toggle';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_checkbox';
 
   constructor(
     @Optional()
diff --git a/libs/components/src/lib/components/tree/components/tree-item-content/tree-item-content.component.ts b/libs/components/src/lib/components/tree/components/tree-item-content/tree-item-content.component.ts
index 5e3aa1040d..835ab9be8f 100644
--- a/libs/components/src/lib/components/tree/components/tree-item-content/tree-item-content.component.ts
+++ b/libs/components/src/lib/components/tree/components/tree-item-content/tree-item-content.component.ts
@@ -12,7 +12,7 @@ import { PRIZM_TREE_CONTROLLER } from '../../misc/tree.tokens';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class PrizmTreeItemContentComponent {
-  @HostBinding('attr.testId')
+  @HostBinding('attr.data-testid')
   readonly testId = 'prizm_tree_item_content';
 
   constructor(
diff --git a/libs/components/src/lib/components/tree/components/tree-item/tree-item.component.ts b/libs/components/src/lib/components/tree/components/tree-item/tree-item.component.ts
index 7555e435c1..8c8a6b7f51 100644
--- a/libs/components/src/lib/components/tree/components/tree-item/tree-item.component.ts
+++ b/libs/components/src/lib/components/tree/components/tree-item/tree-item.component.ts
@@ -52,7 +52,7 @@ export class PrizmTreeItemComponent implements DoCheck {
     distinctUntilChanged()
   );
 
-  @HostBinding('attr.testId')
+  @HostBinding('attr.data-testid')
   readonly testId = 'prizm_tree_item';
 
   @HostBinding('class._expandable')
diff --git a/libs/components/src/lib/components/tree/components/tree/tree.component.ts b/libs/components/src/lib/components/tree/components/tree/tree.component.ts
index f06034ad71..87b10a8b8f 100644
--- a/libs/components/src/lib/components/tree/components/tree/tree.component.ts
+++ b/libs/components/src/lib/components/tree/components/tree/tree.component.ts
@@ -50,7 +50,7 @@ export class PrizmTreeComponent<T> implements DoCheck {
     distinctUntilChanged()
   );
 
-  @HostBinding('attr.testId')
+  @HostBinding('attr.data-testid')
   readonly testId = 'prizm_tree';
 
   @Input()
diff --git a/libs/components/src/lib/components/widget/widget.component.ts b/libs/components/src/lib/components/widget/widget.component.ts
index 0e29251a57..58d6d2bc1a 100644
--- a/libs/components/src/lib/components/widget/widget.component.ts
+++ b/libs/components/src/lib/components/widget/widget.component.ts
@@ -16,6 +16,6 @@ export class PrizmWidgetComponent {
   @Output() public iconClick: EventEmitter<string> = new EventEmitter();
   readonly shadow: PrizmShadowType = 'none';
 
-  @HostBinding('attr.testId')
-  readonly testId = 'prizm_widget';
+  @HostBinding('attr.data-testid')
+  readonly testId = 'ui_area--widget';
 }