From 099dcd28c73f09312e712a04ad9d2b4cebe6e54d Mon Sep 17 00:00:00 2001
From: Michael Kaye <1917473+michaelkaye@users.noreply.github.com>
Date: Thu, 11 May 2023 14:29:01 +0100
Subject: [PATCH] Test tags for invite links; joining call by UR:; getting call
 name.

---
 src/Header.tsx            | 2 +-
 src/Modal.tsx             | 1 +
 src/room/InviteModal.tsx  | 1 +
 src/room/LobbyView.tsx    | 1 +
 src/room/OverflowMenu.tsx | 4 ++--
 src/room/RoomAuthView.tsx | 3 ++-
 6 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/Header.tsx b/src/Header.tsx
index 7ccf866..5a4f7f5 100644
--- a/src/Header.tsx
+++ b/src/Header.tsx
@@ -134,7 +134,7 @@ export function RoomHeaderInfo({ roomName, avatarUrl }: RoomHeaderInfo) {
         />
         <VideoIcon width={16} height={16} />
       </div>
-      <Subtitle fontWeight="semiBold">{roomName}</Subtitle>
+      <Subtitle data-testid="roomHeader_roomName" fontWeight="semiBold">{roomName}</Subtitle>
     </>
   );
 }
diff --git a/src/Modal.tsx b/src/Modal.tsx
index 2665e11..6734e88 100644
--- a/src/Modal.tsx
+++ b/src/Modal.tsx
@@ -92,6 +92,7 @@ export function Modal({
                 {...closeButtonProps}
                 ref={closeButtonRef}
                 className={styles.closeButton}
+                data-testid="modal_close"
                 title={t("Close")}
               >
                 <CloseIcon />
diff --git a/src/room/InviteModal.tsx b/src/room/InviteModal.tsx
index a7f7ba5..9db8fdd 100644
--- a/src/room/InviteModal.tsx
+++ b/src/room/InviteModal.tsx
@@ -41,6 +41,7 @@ export const InviteModal: FC<Props> = ({ roomIdOrAlias, ...rest }) => {
         <CopyButton
           className={styles.copyButton}
           value={getRoomUrl(roomIdOrAlias)}
+          data-testid="modal_inviteLink"
         />
       </ModalContent>
     </Modal>
diff --git a/src/room/LobbyView.tsx b/src/room/LobbyView.tsx
index 2e726cc..d05a848 100644
--- a/src/room/LobbyView.tsx
+++ b/src/room/LobbyView.tsx
@@ -147,6 +147,7 @@ export function LobbyView({
               value={getRoomUrl(roomIdOrAlias)}
               className={styles.copyButton}
               copiedMessage={t("Call link copied")}
+              data-testid="lobby_inviteLink"
             >
               Copy call link and join later
             </CopyButton>
diff --git a/src/room/OverflowMenu.tsx b/src/room/OverflowMenu.tsx
index 0920f2d..cfd5fb9 100644
--- a/src/room/OverflowMenu.tsx
+++ b/src/room/OverflowMenu.tsx
@@ -102,7 +102,7 @@ export function OverflowMenu({
     <>
       <PopoverMenuTrigger disableOnState>
         <TooltipTrigger tooltip={tooltip} placement="top">
-          <Button variant="toolbar">
+          <Button variant="toolbar" data-testid="call_more">
             <OverflowIcon />
           </Button>
         </TooltipTrigger>
@@ -111,7 +111,7 @@ export function OverflowMenu({
             {showInvite && (
               <Item key="invite" textValue={t("Invite people")}>
                 <AddUserIcon />
-                <span>{t("Invite people")}</span>
+                <span data-testid="call_moreInvite">{t("Invite people")}</span>
               </Item>
             )}
             <Item key="settings" textValue={t("Settings")}>
diff --git a/src/room/RoomAuthView.tsx b/src/room/RoomAuthView.tsx
index 11b20b8..c3ccf0a 100644
--- a/src/room/RoomAuthView.tsx
+++ b/src/room/RoomAuthView.tsx
@@ -74,6 +74,7 @@ export function RoomAuthView() {
                 name="displayName"
                 label={t("Display name")}
                 placeholder={t("Display name")}
+                data-testid="joincall_displayName"
                 type="text"
                 required
                 autoComplete="off"
@@ -90,7 +91,7 @@ export function RoomAuthView() {
                 <ErrorMessage error={error} />
               </FieldRow>
             )}
-            <Button type="submit" size="lg" disabled={loading}>
+            <Button type="submit" size="lg" disabled={loading} data-testid="joincall_joincall">
               {loading ? t("Loading…") : t("Join call now")}
             </Button>
             <div id={recaptchaId} />