From d89588c7983f8c077d77ec54f8ce2dbd43bd45ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luis=20Carden=CC=83a?=
 <35935591+luisecm@users.noreply.github.com>
Date: Fri, 11 Oct 2024 14:32:46 -0600
Subject: [PATCH] update(attribute): add test attributes for incoming call

---
 src/lib/components/calling/IncomingCall.svelte | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/calling/IncomingCall.svelte b/src/lib/components/calling/IncomingCall.svelte
index abbc061f8..c12585421 100644
--- a/src/lib/components/calling/IncomingCall.svelte
+++ b/src/lib/components/calling/IncomingCall.svelte
@@ -47,18 +47,18 @@
 </script>
 
 {#if pending}
-    <div id="incoming-call">
+    <div id="incoming-call" data-cy="incoming-call">
         <div class="body">
             <div class="content">
                 <ProfilePicture id={$user.key} hook="friend-profile-picture" size={Size.Large} image={$user.profile.photo.image} status={$user.profile.status} />
-                <Text>{$user.name}</Text>
-                <Text muted>{$user.profile.status_message}</Text>
+                <Text hook="incoming-call-username">{$user.name}</Text>
+                <Text hook="incoming-call-status" muted>{$user.profile.status_message}</Text>
                 <Spacer />
                 <Controls>
-                    <Button appearance={Appearance.Success} text="Answer" on:click={answerCall}>
+                    <Button hook="button-accept-incoming-call" appearance={Appearance.Success} text="Answer" on:click={answerCall}>
                         <Icon icon={Shape.PhoneCall} />
                     </Button>
-                    <Button appearance={Appearance.Error} text="End" on:click={endCall}>
+                    <Button hook="button-deny-incoming-call" appearance={Appearance.Error} text="End" on:click={endCall}>
                         <Icon icon={Shape.PhoneXMark} />
                     </Button>
                 </Controls>