Add a range of data-testid tags to be able to cleanly identify parts of the application.

2023-04-19 13:47:05 +01:00
parent 8d56a8e8fc
commit 323dba620d
6 changed files with 10 additions and 6 deletions
--- a/src/room/LobbyView.tsx
+++ b/src/room/LobbyView.tsx
@@ -137,6 +137,7 @@ export function LobbyView({
              size="lg"
              disabled={state !== GroupCallState.LocalCallFeedInitialized}
              onPress={onEnter}
+              data-testid="lobby_joinCall"
            >
              Join call now
            </Button>
--- a/src/room/VideoPreview.tsx
+++ b/src/room/VideoPreview.tsx
@@ -64,7 +64,7 @@ export function VideoPreview({

  return (
    <div className={styles.preview} ref={previewRef}>
-      <video ref={videoRef} muted playsInline disablePictureInPicture />
+      <video ref={videoRef} muted playsInline disablePictureInPicture data-testid="preview_video" />
      {state === GroupCallState.LocalCallFeedUninitialized && (
        <Body fontWeight="semiBold" className={styles.cameraPermissions}>
          {t("Camera/microphone permissions needed to join the call.")}