@salesforcedevs/sfdocs-e2e 1.0.12-fix-ver-picker → 1.0.12-fix-ver-picker-1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforcedevs/sfdocs-e2e",
-  "version": "1.0.12-fix-ver-picker",
+  "version": "1.0.12-fix-ver-picker-1",
   "description": "E2E test suite for SFDocs static portal pages (SSG)",
   "license": "ISC",
   "bin": {

package/src/shared/pageobjects/docs.page.ts

@@ -33,11 +33,13 @@ class DocsPage extends Page {
     }
 
     private async getTreeTile(treeItem: WebdriverIO.Element): Promise<WebdriverIO.Element> {
+        await treeItem.waitForExist();
         return treeItem.shadow$('a > dx-tree-tile');
     }
 
     private async getTreeItemLabel(treeItem: WebdriverIO.Element): Promise<string> {
         const treeTile = await this.getTreeTile(treeItem);
+        await treeTile.waitForExist();
         const label = await treeTile.shadow$('span.tile-label');
         return (await label.getText()).trim();
     }
@@ -74,12 +76,16 @@ class DocsPage extends Page {
 
     async getTileForwardArrow(label: string): Promise<WebdriverIO.Element> {
         const treeItem = await this.getSidebarTile(label);
-        return (await this.getTreeTile(treeItem)).shadow$('.tile-forward-arrow');
+        const treeTile = await this.getTreeTile(treeItem);
+        await treeTile.waitForExist();
+        return treeTile.shadow$('.tile-forward-arrow');
     }
 
     async getTileExternalLinkIcon(label: string): Promise<WebdriverIO.Element> {
         const treeItem = await this.getSidebarTile(label);
-        return (await this.getTreeTile(treeItem)).shadow$('.tile-external-link-icon');
+        const treeTile = await this.getTreeTile(treeItem);
+        await treeTile.waitForExist();
+        return treeTile.shadow$('.tile-external-link-icon');
     }
 
     async getRedocBackLink(): Promise<WebdriverIO.Element> {

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

@@ -66,24 +66,24 @@ describe('Test Guides page components functionality> ', () => {
 
         expect(sideBarContent.length).toEqual(6);
 
-        const nextStepOption = await (
-            await sideBarContent[3].shadow$('dx-tree-item')
-        ).shadow$('dx-tree-tile');
-
-        expect(nextStepOption.isExisting()).toBeTruthy();
-
-        const installVSCodeOptionTile = await (
-            await sideBarContent[1].shadow$('dx-tree-item')
-        ).shadow$('dx-tree-tile');
-
-        expect(installVSCodeOptionTile.isExisting()).toBeTruthy();
-
-        await (await sideBarContent[1].shadow$('dx-tree-item')).click();
+        const nextStepTreeItem = await sideBarContent[3].shadow$('dx-tree-item');
+        await nextStepTreeItem.waitForExist();
+        const nextStepOption = await nextStepTreeItem.shadow$('dx-tree-tile');
+        await nextStepOption.waitForExist();
+        expect(await nextStepOption.isExisting()).toBeTruthy();
+
+        const installVSCodeTreeItem = await sideBarContent[1].shadow$('dx-tree-item');
+        await installVSCodeTreeItem.waitForExist();
+        const installVSCodeOptionTile = await installVSCodeTreeItem.shadow$('dx-tree-tile');
+        await installVSCodeOptionTile.waitForExist();
+        expect(await installVSCodeOptionTile.isExisting()).toBeTruthy();
+
+        await installVSCodeTreeItem.click();
         await page.waitPageLoad();
 
-        const installVSCodeOption = await (
-            await sideBarContent[1].shadow$('dx-tree-item')
-        ).shadow$$('dx-tree-item');
+        const installVSCodeTreeItemAfterNav = await sideBarContent[1].shadow$('dx-tree-item');
+        await installVSCodeTreeItemAfterNav.waitForExist();
+        const installVSCodeOption = await installVSCodeTreeItemAfterNav.shadow$$('dx-tree-item');
 
         expect(installVSCodeOption.length).toEqual(3);
 
@@ -304,9 +304,15 @@ describe('Search guides', () => {
         await browser.keys('SFRA');
 
         const trees = await sidebar.shadow$$('div.container div.sidebar-content dx-tree');
-        const servicesTree = await (await trees[0].shadow$('dx-tree-item')).shadow$('dx-tree-item');
+        const rootTreeItem = await trees[0].shadow$('dx-tree-item');
+        await rootTreeItem.waitForExist();
+        const servicesTree = await rootTreeItem.shadow$('dx-tree-item');
+        await servicesTree.waitForExist();
         const treeItem = await servicesTree.shadow$('dx-tree-item');
-        const item = await (await treeItem.shadow$('dx-tree-tile')).shadow$('span');
+        await treeItem.waitForExist();
+        const treeTile = await treeItem.shadow$('dx-tree-tile');
+        await treeTile.waitForExist();
+        const item = await treeTile.shadow$('span');
         const itemText = await item.getText();
         expect(itemText).toBe('Find SFRA Tools');
     });
@@ -322,7 +328,10 @@ describe('Search guides', () => {
         await browser.keys('SFRA');
 
         const trees = await (await sidebar).shadow$$('div.container div.sidebar-content dx-tree');
-        const servicesTree = await (await trees[0].shadow$('dx-tree-item')).shadow$('dx-tree-item');
+        const rootTreeItem = await trees[0].shadow$('dx-tree-item');
+        await rootTreeItem.waitForExist();
+        const servicesTree = await rootTreeItem.shadow$('dx-tree-item');
+        await servicesTree.waitForExist();
         const treeItem = await servicesTree.shadow$('dx-tree-item');
         await treeItem.click();
         await page.waitPageLoad();

package/src/shared/specs/redoc-reference.test.ts

@@ -190,10 +190,13 @@ describe('Redoc API Reference page', () => {
 
                 const secondItem = sideBarContent[1];
                 const treeItem = await secondItem.shadow$('dx-tree-item');
+                await treeItem.waitForExist();
                 const treeTile = await treeItem.shadow$('a > dx-tree-tile');
+                await treeTile.waitForExist();
                 const arrowIcon = await treeTile.shadow$(
                     'a > div[role="heading"] > div.tile-forward-arrow',
                 );
+                await arrowIcon.waitForExist();
 
                 expect(await arrowIcon.isExisting()).toBeTruthy();
             });

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

@@ -226,11 +226,12 @@ describe('Markdown-Based Flexible References', () => {
         const sidebar = await (await $('>>>doc-content-layout')).shadow$('div > dx-sidebar-old');
         const sideBarContent = await sidebar.shadow$$('div.container div.sidebar-content dx-tree');
         expect(sideBarContent.length).toEqual(1);
-        const tile = await (
-            await sideBarContent[0].shadow$('dx-tree-item')
-        ).shadow$('dx-tree-tile');
-        expect(tile.isExisting()).toBeTruthy();
-        await (await sideBarContent[0].shadow$('dx-tree-item')).click();
+        const treeItem = await sideBarContent[0].shadow$('dx-tree-item');
+        await treeItem.waitForExist();
+        const tile = await treeItem.shadow$('dx-tree-tile');
+        await tile.waitForExist();
+        expect(await tile.isExisting()).toBeTruthy();
+        await treeItem.click();
         await referencePage.waitForMarkdownBasedReferencePageLoad();
         const title = await $('>>>h1');
         const titleText = await title.getText();