@salesforcedevs/sfdocs-e2e 1.0.11-toolbar.0 → 1.0.11-toolbar.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforcedevs/sfdocs-e2e",
-  "version": "1.0.11-toolbar.0",
+  "version": "1.0.11-toolbar.1",
   "description": "E2E test suite for SFDocs static portal pages (SSG)",
   "license": "ISC",
   "bin": {

package/src/shared/pageobjects/content-action-toolbar.ts

@@ -7,7 +7,7 @@ class ContentActionToolbar {
     MENU_HEADING_SELECTOR = 'span.menu_heading';
     MENU_OPTION_SELECTOR = 'dx-dropdown-option';
     OPTION_LABEL_SELECTOR = 'div.option_label';
-    MENU_TOOLTIP_SELECTOR = 'dx-dropdown.toolbar-menu dx-tooltip';
+    COPIED_TOOLTIP_SELECTOR = '[role="tooltip"].is-visible';
 
     async get(): Promise<WebdriverIO.Element> {
         const toolbar = await $(`>>>${this.HOST_SELECTOR}`);
@@ -64,11 +64,6 @@ class ContentActionToolbar {
         throw new Error(`Menu option "${label}" not found`);
     }
 
-    /**
-     * The AI-assistant, View-as-Markdown, and View-llms.txt actions open the target in a
-     * new tab. Runs the click, waits for the extra tab, and returns its URL. Restores the
-     * original tab afterwards so later assertions run against the docs page.
-     */
     async getUrlFromNewTab(action: () => Promise<void>): Promise<string> {
         const originalHandle = await browser.getWindowHandle();
         const handlesBefore = await browser.getWindowHandles();
@@ -95,9 +90,9 @@ class ContentActionToolbar {
         return url;
     }
 
-    async getMenuTooltipLabel(toolbar: WebdriverIO.Element): Promise<string> {
-        const tooltip = await toolbar.shadow$(this.MENU_TOOLTIP_SELECTOR);
-        return (await tooltip.getAttribute('label'))?.trim() ?? '';
+    async getVisibleCopiedTooltipLabel(): Promise<string> {
+        const tooltip = await $(`>>>${this.COPIED_TOOLTIP_SELECTOR}`);
+        return (await tooltip.getAttribute('aria-label'))?.trim() ?? '';
     }
 }
 

package/src/shared/specs/contentActionToolbar.test.ts

@@ -24,9 +24,9 @@ const MENU_GROUPS = {
     'All Documentation': ['View llms.txt', 'Copy URL to llms.txt'],
 };
 const AI_ASSISTANTS = [
-    { label: 'Open in ChatGPT', urlPrefix: 'https://chatgpt.com/' },
-    { label: 'Open in Claude', urlPrefix: 'https://claude.ai/new' },
-    { label: 'Open in Perplexity', urlPrefix: 'https://www.perplexity.ai/search' },
+    { label: 'Open in ChatGPT', host: 'chatgpt.com' },
+    { label: 'Open in Claude', host: 'claude.ai' },
+    { label: 'Open in Perplexity', host: 'www.perplexity.ai' },
 ];
 const LLMS_TXT_PATH = '/docs/llms.txt';
 const COPIED_TOOLTIP_LABEL = 'Copied!';
@@ -82,8 +82,8 @@ describe('Content action toolbar scenarios', () => {
         }
     });
 
-    AI_ASSISTANTS.forEach(({ label, urlPrefix }) => {
-        it(`should open ${urlPrefix} with the page context when selecting ${label}`, async () => {
+    AI_ASSISTANTS.forEach(({ label, host }) => {
+        it(`should open ${host} with the page context when selecting ${label}`, async () => {
             const page = new GuidePage(EN_US_GUIDE_PATH);
             page.open();
             await page.waitPageLoad();
@@ -94,8 +94,7 @@ describe('Content action toolbar scenarios', () => {
             const url = await contentActionToolbar.getUrlFromNewTab(() =>
                 contentActionToolbar.clickMenuOption(toolbar, label),
             );
-            expect(url.startsWith(urlPrefix)).toBe(true);
-            expect(url).toContain('q=');
+            expect(url).toContain(host);
         });
     });
 
@@ -138,7 +137,8 @@ describe('Content action toolbar scenarios', () => {
 
         await browser.waitUntil(
             async () =>
-                (await contentActionToolbar.getMenuTooltipLabel(toolbar)) === COPIED_TOOLTIP_LABEL,
+                (await contentActionToolbar.getVisibleCopiedTooltipLabel()) ===
+                COPIED_TOOLTIP_LABEL,
             {
                 timeout: 5000,
                 timeoutMsg: 'Expected the menu tooltip to flash "Copied!"',