browser-repl tests using testing library

Author: lerouxb

package-lock.json

@@ -77,6 +77,9 @@
     "@mongodb-js/prettier-config-devtools": "^1.0.1",
     "@mongodb-js/tsconfig-mongosh": "^1.0.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.8",
+    "@testing-library/dom": "^8.20.1",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/user-event": "^13.5.0",
     "@types/numeral": "^2.0.2",
     "@types/react": "^16.9.17",
     "@types/react-dom": "^18.0.8",

packages/browser-repl/package.json

@@ -39,10 +39,11 @@ export class PasswordPrompt extends Component<PasswordPromptProps> {
 
   render(): JSX.Element {
     return (
-      <label id="password-promt-label" className={passwordPrompt}>
+      <label id="password-prompt-label" className={passwordPrompt}>
         {this.props.prompt}:&nbsp;
         <TextInput
-          aria-labelledby="password-promt-label"
+          data-testid="password-prompt"
+          aria-labelledby="password-prompt-label"
           type="password"
           onKeyDown={this.onKeyDown}
           className={passwordPropmtInputStyles}