fix(amazonq): Fix Quick Actions Test Suite (#7930)

## Problem
There were some CSS changes to the quick actions menu which caused the
old test suite to break.

## Solution
This change fixes the CSS to match the new quick actions menu, and
rewrites the tests to utilize the current Quick Actions commands

---

- Treat all work as PUBLIC. Private `feature/x` branches will not be
squash-merged at release time.
- Your code changes must meet the guidelines in
[CONTRIBUTING.md](https://github.com/aws/aws-toolkit-vscode/blob/master/CONTRIBUTING.md#guidelines).
- License: I confirm that my contribution is made under the terms of the
Apache 2.0 license.

Co-authored-by: Boyu <[email protected]>

Author: laura-codess

packages/amazonq/test/e2e_new/amazonq/helpers/quickActionsHelper.ts

@@ -4,8 +4,8 @@
  */
 
 import { By, WebElement, WebviewView } from 'vscode-extension-tester'
-import { writeToChat } from '../utils/generalUtils'
-import { sleep, waitForElements } from '../utils/generalUtils'
+import { waitForElement, writeToChat } from '../utils/generalUtils'
+import { sleep } from '../utils/generalUtils'
 
 /**
  * Gets all quick action command menu items
@@ -14,21 +14,20 @@ import { sleep, waitForElements } from '../utils/generalUtils'
  */
 export async function getQuickActionsCommands(webview: WebviewView): Promise<{ items: WebElement[]; texts: string[] }> {
     await writeToChat('/', webview, false)
+    // need to give the overlay time to load
     await sleep(2000)
-
-    const menuItems = await waitForElements(
-        webview,
-        By.css('.mynah-detailed-list-item.mynah-ui-clickable-item.target-command'),
-        10000
-    )
-
-    const menuTexts = []
-    for (let i = 0; i < menuItems.length; i++) {
-        const text = await menuItems[i].getText()
-        menuTexts.push(text)
+    const overlayWrapper = await waitForElement(webview, By.css('.mynah-chat-prompt-quick-picks-overlay-wrapper'))
+    const quickActionItems = await overlayWrapper.findElements(By.css('[data-testid="prompt-input-quick-pick-item"]'))
+    if (quickActionItems.length === 0) {
+        throw new Error('No quick action commands found')
+    }
+    const quickActionTexts = []
+    for (const item of quickActionItems) {
+        const text = await item.findElement(By.css('.mynah-detailed-list-item-name')).getText()
+        quickActionTexts.push(text)
     }
 
-    return { items: menuItems, texts: menuTexts }
+    return { items: quickActionItems, texts: quickActionTexts }
 }
 
 /**
@@ -37,15 +36,24 @@ export async function getQuickActionsCommands(webview: WebviewView): Promise<{ i
  * @param commandName The name of the command to click
  */
 export async function clickQuickActionsCommand(webview: WebviewView, commandName: string): Promise<void> {
-    const { items, texts } = await getQuickActionsCommands(webview)
-    if (items.length === 0) {
+    await writeToChat('/', webview, false)
+    // need to give the overlay time to load
+    await sleep(2000)
+    const overlayWrapper = await waitForElement(webview, By.css('.mynah-chat-prompt-quick-picks-overlay-wrapper'))
+    const quickActionItems = await overlayWrapper.findElements(By.css('[data-testid="prompt-input-quick-pick-item"]'))
+    if (quickActionItems.length === 0) {
         throw new Error('No quick action commands found')
     }
-    const indexToClick = texts.findIndex((text) => text === commandName)
 
-    if (indexToClick === -1) {
-        throw new Error(`Command "${commandName}" not found`)
+    for (const item of quickActionItems) {
+        const descriptionElement = await item.findElement(By.css('.mynah-detailed-list-item-name'))
+        const description = await descriptionElement.getText()
+        if (description.includes(commandName)) {
+            await item.click()
+            await sleep(3000)
+            return
+        }
     }
-    await items[indexToClick].click()
-    await sleep(3000)
+
+    throw new Error(`Command "${commandName}" not found`)
 }

packages/amazonq/test/e2e_new/amazonq/tests/quickActions.test.ts

@@ -4,7 +4,7 @@
  */
 import '../utils/setup'
 import { WebviewView } from 'vscode-extension-tester'
-import { closeAllTabs, dismissOverlayIfPresent } from '../utils/cleanupUtils'
+import { closeAllTabs } from '../utils/cleanupUtils'
 import { testContext } from '../utils/testContext'
 import { clickQuickActionsCommand } from '../helpers/quickActionsHelper'
 import { clearChatInput } from '../utils/generalUtils'
@@ -18,17 +18,19 @@ describe('Amazon Q Chat Quick Actions Functionality', function () {
         webviewView = testContext.webviewView
     })
 
-    after(async function () {
+    afterEach(async () => {
         await closeAllTabs(webviewView)
     })
 
-    afterEach(async () => {
-        // before closing the tabs, make sure that any overlays have been dismissed
-        await dismissOverlayIfPresent(webviewView)
+    it('/help Test', async () => {
+        await clickQuickActionsCommand(webviewView, '/help')
         await clearChatInput(webviewView)
     })
-
-    it('Quick Actions Test', async () => {
-        await clickQuickActionsCommand(webviewView, 'dev')
+    it('/clear Test', async () => {
+        await clickQuickActionsCommand(webviewView, '/clear')
+    })
+    it('/compact Test', async () => {
+        await clickQuickActionsCommand(webviewView, '/compact')
+        await clearChatInput(webviewView)
     })
 })