From fd9cd63adb329297dc1f3aaad7be3b3858b81797 Mon Sep 17 00:00:00 2001 From: Austin Pinkerton Date: Mon, 10 Aug 2026 15:29:41 -0400 Subject: [PATCH 1/2] chore: test ci --- README.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/README.md b/README.md index 89a40d6c..d2429f3a 100644 --- a/README.md +++ b/README.md @@ -104,5 +104,3 @@ function MyComponent() { - `data-ouia-component-id?: string` - Testing identifier **Note:** Must be used within insights-chrome environment. The component uses `chrome.drawerActions.toggleDrawerContent()` to open the help panel. - - From 54bb8c113eecf6cb4d72ea5d16877e31242ba65b Mon Sep 17 00:00:00 2001 From: Austin Pinkerton Date: Mon, 10 Aug 2026 15:46:08 -0400 Subject: [PATCH 2/2] test: attempt to fix help panel toggle test --- playwright/help-panel-learn-tab.spec.ts | 25 ++++++++++++++++--------- 1 file changed, 16 insertions(+), 9 deletions(-) diff --git a/playwright/help-panel-learn-tab.spec.ts b/playwright/help-panel-learn-tab.spec.ts index a77cf1e3..8d42dcfe 100644 --- a/playwright/help-panel-learn-tab.spec.ts +++ b/playwright/help-panel-learn-tab.spec.ts @@ -51,11 +51,12 @@ test.describe('help panel - Learn tab', () => { const contentTypeToggle = page.getByRole('button', { name: /content type/i }); await contentTypeToggle.click(); - // Select "Documentation" filter - scope to the Select menu - await page.locator('[data-ouia-component-id="help-panel-content-type-select"]').getByText('Documentation', { exact: true }).click(); + // Select "Documentation" filter - must click the checkbox input, not the text + const documentationCheckbox = page.locator('[data-ouia-component-id="help-panel-content-type-option-documentation"] input[type="checkbox"]'); + await documentationCheckbox.click(); - // Wait for state update and filtering - await page.waitForTimeout(1000); + // Wait for filter chip to appear + await expect(page.locator('[data-ouia-component-id="help-panel-selected-chip-documentation"]')).toBeVisible(); // Verify count has changed (should be less than or equal to initial) - this confirms filter is applied await expect(async () => { @@ -74,16 +75,22 @@ test.describe('help panel - Learn tab', () => { const contentTypeToggle = page.getByRole('button', { name: /content type/i }); await contentTypeToggle.click(); - // Select Quick starts - await page.locator('[data-ouia-component-id="help-panel-content-type-select"]').getByText('Quick starts', { exact: true }).click(); - await page.waitForTimeout(500); + // Select Quick starts - must click the checkbox input, not the text + const quickstartCheckbox = page.locator('[data-ouia-component-id="help-panel-content-type-option-quickstart"] input[type="checkbox"]'); + await quickstartCheckbox.click(); + + // Wait for filter chip to appear + await expect(page.locator('[data-ouia-component-id="help-panel-selected-chip-quickstart"]')).toBeVisible(); // Verify toggle button shows selection count of 1 await expect(contentTypeToggle).toContainText('1'); // Select another filter - Learning paths - await page.locator('[data-ouia-component-id="help-panel-content-type-select"]').getByText('Learning paths', { exact: true }).click(); - await page.waitForTimeout(500); + const learningPathCheckbox = page.locator('[data-ouia-component-id="help-panel-content-type-option-learningPath"] input[type="checkbox"]'); + await learningPathCheckbox.click(); + + // Wait for filter chip to appear + await expect(page.locator('[data-ouia-component-id="help-panel-selected-chip-learningPath"]')).toBeVisible(); // Verify toggle button shows selection count of 2 await expect(contentTypeToggle).toContainText('2');