From 3014d69355521d4572a141f3c4671ab5f0588b35 Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Fri, 26 Jul 2024 13:17:37 +0200
Subject: [PATCH] ov-components: Added elements ids for testing

---
 .../background-effects-panel.component.html                 | 1 +
 .../components/panel/chat-panel/chat-panel.component.html   | 2 +-
 .../components/panel/chat-panel/chat-panel.component.scss   | 6 +++---
 .../participant-name-input.component.html                   | 1 +
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/background-effects-panel/background-effects-panel.component.html b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/background-effects-panel/background-effects-panel.component.html
index 45fb3e0e3a..b1d82b48b3 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/background-effects-panel/background-effects-panel.component.html
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/background-effects-panel/background-effects-panel.component.html
@@ -35,6 +35,7 @@ <h4>{{ 'PANEL.BACKGROUND.IMAGES_SECTION' | translate }}</h4>
 				<div
 					*ngFor="let effect of backgroundImages"
 					class="effect-button"
+					[id]="'effect-' + effect.id"
 					[class.active-effect-btn]="backgroundSelectedId === effect.id"
 					(click)="applyBackground(effect)"
 				>
diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/chat-panel/chat-panel.component.html b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/chat-panel/chat-panel.component.html
index f186e39149..8b3903655b 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/chat-panel/chat-panel.component.html
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/chat-panel/chat-panel.component.html
@@ -17,7 +17,7 @@ <h3 class="panel-title">{{ 'PANEL.CHAT.TITLE' | translate }}</h3>
 					<p *ngIf="data.isLocal">{{ 'PANEL.CHAT.YOU' | translate }}</p>
 					<p *ngIf="!data.isLocal">{{ data.participantName }}</p>
 				</div>
-				<div class="msg-content">
+				<div class="chat-message">
 					<p [innerHTML]="data.message | linkify"></p>
 				</div>
 			</div>
diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/chat-panel/chat-panel.component.scss b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/chat-panel/chat-panel.component.scss
index e45a0f1195..24791a01f5 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/chat-panel/chat-panel.component.scss
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/chat-panel/chat-panel.component.scss
@@ -77,7 +77,7 @@
 	color: var(--ov-panel-text-color);
 }
 
-.msg-content {
+.chat-message {
 	position: relative;
 	border-radius: var(--ov-panel-radius);
 	padding: 8px;
@@ -102,7 +102,7 @@
 	text-align: left;
 }
 
-.message.left .msg-detail .msg-content {
+.message.left .msg-detail .chat-message {
 	float: left;
 }
 
@@ -114,7 +114,7 @@
 	text-align: right;
 }
 
-.message.right .msg-detail .msg-content {
+.message.right .msg-detail .chat-message {
 	float: right;
 }
 
diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/settings/participant-name-input/participant-name-input.component.html b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/settings/participant-name-input/participant-name-input.component.html
index 0ec08c2a8a..48be7868a5 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/settings/participant-name-input/participant-name-input.component.html
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/settings/participant-name-input/participant-name-input.component.html
@@ -6,6 +6,7 @@
 			</button>
 		</mat-select-trigger>
 		<input
+			id="name-input"
 			matInput
 			(change)="updateName()"
 			type="text"