Update welcome prompts and related tests (#1741)

Revised the welcome prompts in AnsibleChatbot for clearer titles and messages. Updated App.test.tsx to match the new prompt texts and improved test selectors for accessibility.

Author: mabashian

ansible_ai_connect_chatbot/src/AnsibleChatbot/AnsibleChatbot.tsx

@@ -135,15 +135,17 @@ export const AnsibleChatbot: React.FunctionComponent = () => {
   const welcomePrompts = [
     {
       title: "Using Ansible Automation Platform",
-      message: "I have a question about Ansible Automation Platform",
+      message: "I have a question about using Ansible Automation Platform",
     },
     {
-      title: "Containerized Installation",
-      message: "I want to install AAP using the containerized installer",
+      title: "Installing Ansible Automation Platform",
+      message:
+        "I want to learn more about installing Ansible Automation Platform",
     },
     {
-      title: "RPM Installation",
-      message: "I want to install AAP using the RPM installer",
+      title: "Operating Ansible Automation Platform",
+      message:
+        "I want to learn how to operate and monitor Ansible Automation Platform",
     },
   ].map((prompt) => ({
     title: prompt.title,

ansible_ai_connect_chatbot/src/App.test.tsx

@@ -942,19 +942,33 @@ test("Clicking a welcome prompt sends the correct message", async () => {
     expect.anything(),
     expect.objectContaining({
       conversation_id: undefined,
-      query: "I have a question about Ansible Automation Platform",
+      query: "I have a question about using Ansible Automation Platform",
     }),
     expect.anything(),
   );
 });
 
 test("All welcome prompts are rendered", async () => {
   const view = await renderApp();
+
+  // Use getByRole to find the welcome prompt buttons by their accessible names
   await expect
-    .element(view.getByText("Using Ansible Automation Platform"))
+    .element(
+      view.getByRole("button", { name: "Using Ansible Automation Platform" }),
+    )
     .toBeVisible();
   await expect
-    .element(view.getByText("Containerized Installation"))
+    .element(
+      view.getByRole("button", {
+        name: "Installing Ansible Automation Platform",
+      }),
+    )
+    .toBeVisible();
+  await expect
+    .element(
+      view.getByRole("button", {
+        name: "Operating Ansible Automation Platform",
+      }),
+    )
     .toBeVisible();
-  await expect(view.getByText("RPM Installation")).toBeVisible();
 });