feat: added data test id

[LAVI9966]

No description provided.

[windsurf-bot]

PR review rate limit exceeded

[Copilot]

Pull request overview

Adds test hooks to the chatbot UI by introducing data-testid attributes across key components, and extends app info typing to include optional “show” button flags.

Changes:

• Added data-testid attributes to chatbot views, message list states, input controls, emoji picker, and call button to support UI testing.
• Added data-testid for empty/active chatbot containers and loading indicators.
• Extended $AppInfoReduxType with optional showFullScreenButton / showCloseButton flags.

Reviewed changes

Copilot reviewed 6 out of 6 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
types/appInfo/appInfoReduxType.ts	Adds optional “show” button flags to app info redux typing.
components/Interface-Chatbot/Messages/MessageList.tsx	Adds test ids for thinking indicator, loader, scroll container, and per-message elements.
components/Interface-Chatbot/EmojiSelector.tsx	Adds test ids for emoji picker elements (picker, search, loading/empty, categories, emojis).
components/Interface-Chatbot/ChatbotTextField.tsx	Adds test ids for suggestions, upload controls, error message, input container, emoji button, and send button.
components/Interface-Chatbot/CallButton.tsx	Adds a test id to the call button wrapper.
components/Chatbot/Chatbot.tsx	Adds test ids for empty/active views and main layout containers/indicators.

Comments suppressed due to low confidence (1)

components/Interface-Chatbot/Messages/MessageList.tsx:163

• data-testid is being passed to the Message React component, but MessageProps (components/Interface-Chatbot/Messages/Message.tsx) doesn't declare it and the component doesn't forward unknown props to its root element. This will cause a TypeScript error and the test id won't end up in the DOM. Consider adding an explicit prop (e.g., testId) to MessageProps and applying it to the root <div>, or extend MessageProps from React.HTMLAttributes<HTMLDivElement> and spread the remaining props onto the wrapper element.

        <Message
          key={`${msgId}`}
          data-testid={`chatbot-message-${msgId}`}
          message={message}
          prevTime={prevTime}
          isLastMessage={index === lastHumanOrBotIndex}
        />

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.