From b546f711d0831306145b02bcbc4fa87d9a99c803 Mon Sep 17 00:00:00 2001
From: Michael Kaye <1917473+michaelkaye@users.noreply.github.com>
Date: Wed, 30 Aug 2023 16:01:28 +0100
Subject: [PATCH] Add further testid tags

---
 src/room/InCallView.tsx        | 2 +-
 src/settings/SettingsModal.tsx | 4 ++++
 src/tabs/Tabs.tsx              | 3 ++-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/room/InCallView.tsx b/src/room/InCallView.tsx
index 1400f68a..ad663507 100644
--- a/src/room/InCallView.tsx
+++ b/src/room/InCallView.tsx
@@ -408,7 +408,7 @@ export function InCallView({
           />
         );
       }
-      buttons.push(<SettingsButton key="4" onPress={openSettings} />);
+      buttons.push(<SettingsButton key="4" onPress={openSettings} data-testid="incall_settings" />);
     }
 
     buttons.push(
diff --git a/src/settings/SettingsModal.tsx b/src/settings/SettingsModal.tsx
index 0d4983ed..7331eccd 100644
--- a/src/settings/SettingsModal.tsx
+++ b/src/settings/SettingsModal.tsx
@@ -124,6 +124,7 @@ export const SettingsModal = (props: Props) => {
   const audioTab = (
     <TabItem
       key="audio"
+      data-testid="settings_audio"
       title={
         <>
           <AudioIcon width={16} height={16} />
@@ -139,6 +140,7 @@ export const SettingsModal = (props: Props) => {
   const videoTab = (
     <TabItem
       key="video"
+      data-testid="settings_video"
       title={
         <>
           <VideoIcon width={16} height={16} />
@@ -153,6 +155,7 @@ export const SettingsModal = (props: Props) => {
   const profileTab = (
     <TabItem
       key="profile"
+      data-testid="settings_profile"
       title={
         <>
           <UserIcon width={15} height={15} />
@@ -167,6 +170,7 @@ export const SettingsModal = (props: Props) => {
   const feedbackTab = (
     <TabItem
       key="feedback"
+      data-testid="settings_feedback"
       title={
         <>
           <FeedbackIcon width={16} height={16} />
diff --git a/src/tabs/Tabs.tsx b/src/tabs/Tabs.tsx
index 5ed75a05..1e2a9e87 100644
--- a/src/tabs/Tabs.tsx
+++ b/src/tabs/Tabs.tsx
@@ -55,11 +55,12 @@ function Tab<T>({ item, state }: TabProps<T>): JSX.Element {
   const { key, rendered } = item;
   const ref = useRef<HTMLLIElement>(null);
   const { tabProps } = useTab({ key }, state, ref);
-
+  const testid = "tab_" + key;
   return (
     <li
       {...tabProps}
       ref={ref}
+      data-testid={testid}
       className={classNames(styles.tab, {
         [styles.selected]: state.selectedKey === key,
         [styles.disabled]: state.disabledKeys.has(key),