autofocus input by default (#81)

J=CLIP-736
TEST=auto,manual

verified that the input box is auto focus on test-site
ran `npm run test`

Author: anguyen-yext2

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@yext/chat-ui-react",
-  "version": "0.11.1",
+  "version": "0.11.2",
   "description": "A library of React Components for powering Yext Chat integrations.",
   "author": "clippy@yext.com",
   "main": "./lib/commonjs/src/index.js",

package.json

@@ -80,7 +80,7 @@ export interface ChatInputProps {
 export function ChatInput({
   placeholder = "Type a message...",
   stream = false,
-  inputAutoFocus = false,
+  inputAutoFocus = true,
   handleError,
   sendButtonIcon = <ArrowIcon />,
   customCssClasses,

src/components/ChatInput.tsx

@@ -35,16 +35,16 @@ it("updates text when type in textarea", async () => {
   expect(textbox).toHaveDisplayValue("test");
 });
 
-it("does not focus on input box by default", async () => {
+it("maintains focus on input box by default", async () => {
   render(<ChatInput />);
   const textbox = screen.getByRole("textbox");
-  expect(textbox).not.toHaveFocus();
+  expect(textbox).toHaveFocus();
 });
 
-it("maintains focus on input box when inputAutoFocus field is set to true", async () => {
-  render(<ChatInput inputAutoFocus={true} />);
+it("does not focus on input box when inputAutoFocus field is set to false", async () => {
+  render(<ChatInput inputAutoFocus={false} />);
   const textbox = screen.getByRole("textbox");
-  expect(textbox).toHaveFocus();
+  expect(textbox).not.toHaveFocus();
 });
 
 it("sends request and reset input when click on send button", async () => {