From 3764233cf8d5173b95567331317dc4e3a443cb41 Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@getsession.org>
Date: Fri, 3 Jan 2025 14:40:37 +1100
Subject: [PATCH] chore: add datatestid to audio-player

---
 ts/components/conversation/H5AudioPlayer.tsx | 4 ++--
 ts/react.d.ts                                | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/ts/components/conversation/H5AudioPlayer.tsx b/ts/components/conversation/H5AudioPlayer.tsx
index b1a3eb5d3..126545017 100644
--- a/ts/components/conversation/H5AudioPlayer.tsx
+++ b/ts/components/conversation/H5AudioPlayer.tsx
@@ -1,5 +1,5 @@
 // Audio Player
-import { useEffect, useRef, useState } from 'react';
+import { SessionDataTestId, useEffect, useRef, useState } from 'react';
 import H5AudioPlayer, { RHAP_UI } from 'react-h5-audio-player';
 import { useDispatch, useSelector } from 'react-redux';
 import styled from 'styled-components';
@@ -171,7 +171,7 @@ export const AudioPlayerWithEncryptedFile = (props: {
     direction === 'incoming'
       ? 'var(--message-bubbles-received-text-color)'
       : 'var(--message-bubbles-sent-text-color)';
-  const dataTestId = `audio-${messageId}`;
+  const dataTestId: SessionDataTestId = 'audio-player';
 
   const triggerPlayNextMessageIfNeeded = (endedMessageId: string) => {
     const justEndedMessageIndex = messageProps.findIndex(
diff --git a/ts/react.d.ts b/ts/react.d.ts
index a5bb7a5d6..7bd968dc1 100644
--- a/ts/react.d.ts
+++ b/ts/react.d.ts
@@ -187,6 +187,7 @@ declare module 'react' {
     | 'link-device'
     | 'join-community-conversation'
     | 'join-community-button'
+    | 'audio-player'
     | 'select-contact'
     | 'contact' // this is way too generic
     | 'contact-status'