From 5575d3cdbe5db11012db1af0dc8642175e660948 Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@loki.network>
Date: Fri, 11 Aug 2023 14:40:26 +1000
Subject: [PATCH] chore: add datatestid for h5audioplayer

---
 ts/components/conversation/H5AudioPlayer.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/ts/components/conversation/H5AudioPlayer.tsx b/ts/components/conversation/H5AudioPlayer.tsx
index 717eb7652..490166f9f 100644
--- a/ts/components/conversation/H5AudioPlayer.tsx
+++ b/ts/components/conversation/H5AudioPlayer.tsx
@@ -163,6 +163,20 @@ export const AudioPlayerWithEncryptedFile = (props: {
   const nextMessageToPlayId = useSelector(getNextMessageToPlayId);
   const multiSelectMode = useSelector(isMessageSelectionMode);
 
+  const dataTestId = `audio-${messageId}`;
+
+  useEffect(() => {
+    // Updates datatestId once rendered
+    if (
+      player.current?.audio.current &&
+      player.current?.container.current &&
+      player.current.container.current.dataset.testId !== dataTestId
+    ) {
+      // NOTE we can't assign the value using dataset.testId because the result is data-test-id not data-testid which is our convention
+      player.current.container.current.setAttribute('data-testid', dataTestId);
+    }
+  }, [dataTestId, player]);
+
   useEffect(() => {
     // updates playback speed to value selected in context menu
     if (