@salesforcedevs/sfdocs-e2e 0.6.132-linkfix-alpha

package/src/shared/pageobjects/page.ts

@@ -0,0 +1,115 @@
+/**
+ * Shared base page object for content-repo and portal.
+ * Supports both usage patterns: constructor(path) + open() or open(path).
+ */
+export default class Page {
+    REFERENCE_LOAD_WAIT_TIME = 50000;
+
+    /**
+     * Path to the page we're testing (used when open() is called without args).
+     */
+    path: string;
+
+    constructor(path = '') {
+        this.path = path;
+    }
+
+    /**
+     * Opens a page. If path is provided, navigates to /path; otherwise uses this.path.
+     */
+    open(path?: string): void {
+        const target = path !== undefined && path !== null ? `/${path}` : this.path || '/';
+        browser.url(target);
+    }
+
+    get projectCards(): Promise<WebdriverIO.ElementArray> {
+        return $('dx-section.api-landing-section_list')
+            .then((section) => section.$('dx-grid'))
+            .then((grid) => grid.$$('dx-card-docs'));
+    }
+
+    get projectCardsWithGuides(): Promise<WebdriverIO.ElementArray | WebdriverIO.Element[]> {
+        return this.projectCards.then((cards: WebdriverIO.ElementArray) => {
+            return cards.filter((card: WebdriverIO.Element) => {
+                return card.$('dx-button[href*=guide]').then((guideLink) => guideLink.isExisting());
+            });
+        });
+    }
+
+    get projectCardsWithReferences(): Promise<WebdriverIO.ElementArray | WebdriverIO.Element[]> {
+        return this.projectCards.then((cards) =>
+            cards.filter((card) =>
+                card.$('dx-button[href*=references]').then((link) => link.isExisting()),
+            ),
+        );
+    }
+
+    async getHeader(): Promise<WebdriverIO.Element> {
+        return await $('hgf-c360contextnav');
+    }
+
+    async getHeaderTitle(): Promise<WebdriverIO.Element> {
+        return (await $('>>>header')).$('h4');
+    }
+
+    async getGlobalSearchBox(headerTag = 'dx-header'): Promise<WebdriverIO.Element> {
+        return (await $(headerTag)).shadow$('dx-header-search');
+    }
+
+    async getBreadCrumbs(): Promise<WebdriverIO.Element> {
+        return $('>>>doc-breadcrumbs');
+    }
+
+    async getActiveNavTab(): Promise<WebdriverIO.Element> {
+        return $('>>>a.nav-list-item_default.state-active');
+    }
+
+    async getFooter(): Promise<WebdriverIO.Element> {
+        return await $('>>>dx-footer');
+    }
+
+    async waitForReferencePageLoad(): Promise<void> {
+        await (
+            await $('>>>.api-documentation')
+        ).waitForDisplayed({ timeout: this.REFERENCE_LOAD_WAIT_TIME });
+    }
+
+    async waitForGuidePageLoad(): Promise<void> {
+        await $('doc-content-layout').waitForDisplayed({ timeout: 5000 });
+    }
+
+    async waitForLwcGuidePageLoad(): Promise<void> {
+        await $('doc-lwc-content-layout').waitForDisplayed({ timeout: 5000 });
+    }
+
+    async waitForTabsLoad(): Promise<WebdriverIO.ElementArray> {
+        return await $$('>>>dx-tab-panel-item');
+    }
+
+    async waitForSpecificationContent(): Promise<WebdriverIO.Element> {
+        await browser.waitUntil(
+            async function () {
+                const specContent = await $('>>>doc-specification-content');
+                return await specContent.isExisting();
+            },
+            {
+                timeout: 15000,
+                timeoutMsg: 'Expected doc-specification-content to be present',
+            },
+        );
+        return await $('>>>doc-specification-content');
+    }
+
+    async waitForSpinnerToDisappear(element: WebdriverIO.Element): Promise<void> {
+        await browser.waitUntil(
+            async function () {
+                const spinner = await element.$('dx-spinner');
+                return !(await spinner.isExisting());
+            },
+            {
+                timeout: 15000,
+                timeoutMsg: 'Specification content did not load within timeout',
+            },
+        );
+    }
+}

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

@@ -0,0 +1,41 @@
+import Page from './page';
+
+export class ReferencePage extends Page {
+    async getVersionPickerBtn(): Promise<WebdriverIO.Element> {
+        const versionPicker = await $('>>>.version-picker-button');
+        await versionPicker.waitForDisplayed();
+        await versionPicker.waitForClickable();
+        return versionPicker;
+    }
+
+    async getApiTitle(): Promise<WebdriverIO.Element> {
+        return $('>>>div.api-title');
+    }
+
+    async waitForSpecBasedReferencePageLoad(): Promise<void> {
+        await (
+            await $('>>>.api-documentation')
+        ).waitForDisplayed({ timeout: this.REFERENCE_LOAD_WAIT_TIME });
+    }
+
+    async waitForMarkdownBasedReferencePageLoad(): Promise<void> {
+        await (
+            await $('>>>doc-content-layout')
+        ).waitForDisplayed({ timeout: this.REFERENCE_LOAD_WAIT_TIME });
+    }
+
+    async selectVersion(): Promise<void> {
+        const versionPicker = await this.getVersionPickerBtn();
+        await versionPicker.click();
+        const versionOptions = await $$('>>>doc-version-picker dx-dropdown-option');
+        await versionOptions[1].click();
+    }
+
+    openPage(path: string): void {
+        browser.url(path);
+    }
+
+    async getSidebarContent(): Promise<WebdriverIO.Element> {
+        return $('>>>div .sidebar-item-selected');
+    }
+}

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

@@ -0,0 +1,21 @@
+import GuidePage from '../pageobjects/guide.page';
+
+describe('Anchor Heading Plugin Scenarios(doc-heading)', () => {
+    beforeEach(async () => {
+        const page = new GuidePage('/docs/commerce/test-cc-orders-api/guide/quick-start.html');
+        page.open();
+        await page.waitPageLoad();
+    });
+
+    it('doc-heading component is rendering', async () => {
+        const docheadingDescriptionList = await $$('>>>doc-heading')[0];
+        const docheadingVideo = await $$('>>>doc-heading')[1];
+        const docheadingSeeAlso = await $$('>>>doc-heading')[2];
+
+        expect(await docheadingDescriptionList?.getAttribute('hash')).toEqual(
+            'explore-the-sample-app',
+        );
+        expect(await docheadingVideo?.getAttribute('hash')).toEqual('join-the-beta-program');
+        expect(await docheadingSeeAlso?.getAttribute('hash')).toEqual('see-also');
+    });
+});

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

@@ -0,0 +1,66 @@
+import Page from '../pageobjects/page';
+
+const assertBannerMarkup = async (headerElement: WebdriverIO.Element): Promise<void> => {
+    const bannerContent = await headerElement.$('>>>div.info-container span');
+    const text = await bannerContent.getText();
+
+    // Portal shows "about our example portal"; preview shows "about our example repository"
+    const hasExpectedBanner =
+        text.includes('about our example portal') || text.includes('about our example repository');
+    expect(hasExpectedBanner).toBe(true);
+};
+
+const assertSignupIsHidden = async (headerElement: WebdriverIO.Element): Promise<void> => {
+    const signupElement = await headerElement.$('>>>.header-login-signup');
+    const isExisting = await signupElement.isExisting();
+
+    expect(isExisting).toBe(true);
+};
+
+const navigateWithPathAndAssertDxHeader = async (path: string): Promise<void> => {
+    const page = new Page(path);
+    page.open();
+
+    await $('dx-header').waitForDisplayed({ timeout: 10000 });
+    const headerElement = await $('dx-header');
+
+    await assertBannerMarkup(headerElement);
+    await assertSignupIsHidden(headerElement);
+};
+
+const navigateWithPathAndAssertDocHeader = async (path: string): Promise<void> => {
+    const page = new Page(path);
+    page.open();
+
+    await $('doc-header').waitForDisplayed({ timeout: 10000 });
+    const headerElement = await $('doc-header');
+
+    await assertBannerMarkup(headerElement);
+};
+
+describe('Banner Portal Tests', () => {
+    // Banner will not be appearing in the home page with global nav changes so skipping the test for now
+    it.skip('should show configured banner text and signup button in the home page', async () => {
+        await navigateWithPathAndAssertDxHeader('/');
+    });
+
+    it.skip('should show configured banner text and signup button in the docs page', async () => {
+        await navigateWithPathAndAssertDxHeader('/docs');
+    });
+
+    it.skip('should show configured banner text and signup button in the apis page', async () => {
+        await navigateWithPathAndAssertDxHeader('/docs/apis');
+    });
+
+    it('should show configured banner text and signup button in the sfdocs Overview page', async () => {
+        await navigateWithPathAndAssertDocHeader('/docs/success/sfdocs/overview');
+    });
+
+    it('should show configured banner text and signup button in the sfdocs guide page', async () => {
+        await navigateWithPathAndAssertDocHeader('/docs/success/sfdocs/guide');
+    });
+
+    it('should show configured banner text and signup button in the sfdocs reference page', async () => {
+        await navigateWithPathAndAssertDocHeader('/docs/success/sfdocs/references');
+    });
+});

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

@@ -0,0 +1,45 @@
+import Page from '../pageobjects/page';
+
+let page: Page;
+
+describe('Breadcrumbs in Guides and Reference', () => {
+    it('should check for breadcrumbs in Guides', async () => {
+        page = new Page('/docs/commerce/test-cc-orders-api/guide/find-sfra-tools.html');
+        page.open();
+
+        const contentBody = await $('>>> div.content-body');
+
+        await contentBody.waitForDisplayed();
+
+        const anchorBreadcrumb = await $('>>>doc-breadcrumbs doc-breadcrumb-item a');
+
+        expect(anchorBreadcrumb).not.toBeNull();
+        expect(await anchorBreadcrumb.getText()).toBe('Get Started');
+
+        const currentPageBreadcrumb = await $('>>>doc-breadcrumbs doc-breadcrumb-item span');
+
+        expect(currentPageBreadcrumb).not.toBeNull();
+        expect(await currentPageBreadcrumb.getText()).toBe('Find SFRA Tools');
+    });
+
+    it('should check for breadcrumbs in Reference', async () => {
+        page = new Page(
+            '/docs/commerce/flex-references-vers/references/manual-ref/update-order-states.html',
+        );
+        page.open();
+
+        const contentBody = await $('>>> div.content-body');
+
+        await contentBody.waitForDisplayed();
+
+        const anchorBreadcrumb = await $('>>>doc-breadcrumbs doc-breadcrumb-item a');
+
+        expect(anchorBreadcrumb).not.toBeNull();
+        expect(await anchorBreadcrumb.getText()).toBe('Update Orders');
+
+        const currentPageBreadcrumb = await $('>>>doc-breadcrumbs doc-breadcrumb-item span');
+
+        expect(currentPageBreadcrumb).not.toBeNull();
+        expect(await currentPageBreadcrumb.getText()).toBe('Update Order States');
+    });
+});

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

@@ -0,0 +1,102 @@
+import GuidePage from '../pageobjects/guide.page';
+import Callout from '../pageobjects/callout';
+
+let page: GuidePage;
+
+describe('Callout Content Tests', () => {
+    beforeEach(async () => {
+        page = new GuidePage('/docs/plugin-development/guide/callouts-plugin-usage.html');
+        page.open();
+        await page.waitPageLoad();
+    });
+
+    it('Check callout should render properly', async () => {
+        const sectionsContentLayout = await Callout.waitAndGetDocPhaseParentInGuidePage();
+        const callouts = await Callout.waitAndGetListOfCallout(sectionsContentLayout);
+        expect(callouts.length).toEqual(12);
+    });
+
+    it('Check callout should render "note" callout properly', async () => {
+        const sectionsContentLayout = await Callout.waitAndGetDocPhaseParentInGuidePage();
+        const callouts = await Callout.waitAndGetListOfCallout(sectionsContentLayout);
+        expect(await callouts[1].getAttribute('header')).toEqual('Note');
+        expect(await callouts[1].getAttribute('variant')).toEqual('note');
+    });
+
+    it('Check callout should render "Tip" callout properly', async () => {
+        const sectionsContentLayout = await Callout.waitAndGetDocPhaseParentInGuidePage();
+        const callouts = await Callout.waitAndGetListOfCallout(sectionsContentLayout);
+        expect(await callouts[0].getAttribute('header')).toEqual('Tip');
+        expect(await callouts[0].getAttribute('variant')).toEqual('tip');
+    });
+
+    it('Check callout should render "Warning" callout properly', async () => {
+        const sectionsContentLayout = await Callout.waitAndGetDocPhaseParentInGuidePage();
+        const callouts = await Callout.waitAndGetListOfCallout(sectionsContentLayout);
+        expect(await callouts[2].getAttribute('header')).toEqual('Warning');
+        expect(await callouts[2].getAttribute('variant')).toEqual('warning');
+    });
+
+    it('Check callout should render "Caution" callout properly', async () => {
+        const sectionsContentLayout = await Callout.waitAndGetDocPhaseParentInGuidePage();
+        const callouts = await Callout.waitAndGetListOfCallout(sectionsContentLayout);
+        expect(await callouts[3].getAttribute('header')).toEqual('Caution');
+        expect(await callouts[3].getAttribute('variant')).toEqual('caution');
+    });
+
+    it('Check callout should render "Important" callout properly', async () => {
+        const sectionsContentLayout = await Callout.waitAndGetDocPhaseParentInGuidePage();
+        const callouts = await Callout.waitAndGetListOfCallout(sectionsContentLayout);
+        expect(await callouts[9].getAttribute('header')).toEqual('Important');
+        expect(await callouts[9].getAttribute('variant')).toEqual('important');
+    });
+
+    it('Check callout should render "note" callout properly with paragraph and list item', async () => {
+        const sectionsContentLayout = await Callout.waitAndGetDocPhaseParentInGuidePage();
+        const callouts = await Callout.waitAndGetListOfCallout(sectionsContentLayout);
+        expect(await callouts[1].getProperty('innerHTML')).toEqual(
+            '<p>First line of tip text\nSecond line of tip text</p><ul>\n<li>List inside the blockquotes</li>\n</ul>',
+        );
+    });
+
+    it('Check callout should render "anchor link" in the callout warning properly', async () => {
+        const sectionsContentLayout = await Callout.waitAndGetDocPhaseParentInGuidePage();
+        const callouts = await Callout.waitAndGetListOfCallout(sectionsContentLayout);
+        expect(await callouts[5].getAttribute('header')).toEqual('Warning');
+        expect(await callouts[5].getAttribute('variant')).toEqual('warning');
+        expect((await callouts[5].getProperty('innerHTML')).includes('href')).toBeTruthy();
+        expect(
+            (await callouts[5].getProperty('innerHTML')).includes('salesforce.com'),
+        ).toBeTruthy();
+    });
+
+    it('Check callout should render "table" in the callout tip properly', async () => {
+        const sectionsContentLayout = await Callout.waitAndGetDocPhaseParentInGuidePage();
+        const callouts = await Callout.waitAndGetListOfCallout(sectionsContentLayout);
+        expect(await callouts[6].getAttribute('header')).toEqual('Tip');
+        expect(await callouts[6].getAttribute('variant')).toEqual('tip');
+        expect((await callouts[6].getProperty('innerHTML')).includes('table')).toBeTruthy();
+        expect((await callouts[6].getProperty('innerHTML')).includes('sfdocs')).toBeTruthy();
+    });
+
+    it('Check callout should render "image" in the callout note properly', async () => {
+        const sectionsContentLayout = await Callout.waitAndGetDocPhaseParentInGuidePage();
+        const callouts = await Callout.waitAndGetListOfCallout(sectionsContentLayout);
+        expect(await callouts[7].getAttribute('header')).toEqual('Note');
+        expect(await callouts[7].getAttribute('variant')).toEqual('note');
+        expect((await callouts[7].getProperty('innerHTML')).includes('doc-heading')).toBeTruthy();
+        expect((await callouts[7].getProperty('innerHTML')).includes('img')).toBeTruthy();
+        expect(
+            (await callouts[7].getProperty('innerHTML')).includes('SalesforceDocs'),
+        ).toBeTruthy();
+    });
+
+    it('Check callout should render "table" in the callout important properly', async () => {
+        const sectionsContentLayout = await Callout.waitAndGetDocPhaseParentInGuidePage();
+        const callouts = await Callout.waitAndGetListOfCallout(sectionsContentLayout);
+        expect(await callouts[9].getAttribute('header')).toEqual('Important');
+        expect(await callouts[9].getAttribute('variant')).toEqual('important');
+        expect((await callouts[9].getProperty('innerHTML')).includes('table')).toBeTruthy();
+        expect((await callouts[9].getProperty('innerHTML')).includes('sfdocs')).toBeTruthy();
+    });
+});

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

@@ -0,0 +1,44 @@
+import GuidePage from '../pageobjects/guide.page';
+
+let page: GuidePage;
+describe('Code blocks scenarios ', () => {
+    beforeEach(async () => {
+        page = new GuidePage(
+            '/docs/commerce/test-cc-orders-api/guide/change-shipping-address.html',
+        );
+        page.open();
+        await page.waitPageLoad();
+    });
+
+    it('Should render the fence code block plugin', async () => {
+        const codeBlockElement = await $('>>>.code-block-content');
+        const codeElement = await codeBlockElement.shadow$('code');
+        const result = await codeElement.getText();
+
+        await expect(result.includes('stdio.h')).toBeTruthy();
+    });
+
+    it('Should render the github code block plugin', async () => {
+        const customCodeBlockElement = await $$('>>>.custom-code-block')[1];
+        const codeBlock = await customCodeBlockElement?.shadow$('dx-code-block');
+        const result = await codeBlock?.getText();
+
+        await expect(result?.includes('println')).toBeTruthy();
+    });
+
+    it('Should contain the title for github code block plugin', async () => {
+        const codeBlockHeading = await $$('>>>.header-text')[1];
+        const result = await codeBlockHeading?.getText();
+
+        await expect(result?.includes('From the same repo')).toBeTruthy();
+    });
+
+    it('Should render the description list', async () => {
+        const descriptionListElement = await $('>>>dl');
+        const dtElement = await descriptionListElement.$('dt');
+        expect(await dtElement.getText()).toBe('First Term');
+        const ddElement = await descriptionListElement.$('dd');
+        const paraElement = await ddElement.$('p');
+        expect(await paraElement.getText()).toBe('This text describes the first term.');
+    });
+});

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

@@ -0,0 +1,42 @@
+import Page from '../pageobjects/page';
+
+let page: Page;
+
+describe('DevCenter Link Tests', () => {
+    it('Check if the devCenter link is displayed for Overview Page', async () => {
+        page = new Page('/docs/commerce/test-cc-orders-api/overview');
+        page.open();
+        (await $('>>> div.content-type.content-type-overview')).waitForDisplayed({ timeout: 5000 });
+
+        const devCenterItem = await $('>>> div.dev-center-link');
+        expect(devCenterItem.isExisting()).toBeTruthy();
+
+        expect(await (await devCenterItem.$('span.subtitle.dx-text-body-4')).getText()).toEqual(
+            'Commerce Cloud',
+        );
+    });
+
+    it('Check if the devCenter link is displayed for Guides Page', async () => {
+        page = new Page('/docs/service/vscode-maintainer/guide/vscode-quickstart.html');
+        page.open();
+
+        const devCenterItem = await $('>>> div.dev-center-link');
+        expect(devCenterItem.isExisting()).toBeTruthy();
+
+        expect(await (await devCenterItem.$('span.subtitle.dx-text-body-4')).getText()).toEqual(
+            'Service Cloud',
+        );
+    });
+
+    it('Check if the devCenter link is displayed for References Page', async () => {
+        page = new Page('docs/commerce/test-cc-orders-api/references/Z11hRXt1?meta=Summary');
+        page.open();
+
+        const devCenterItem = await $('>>> div.dev-center-link');
+        expect(devCenterItem.isExisting()).toBeTruthy();
+
+        expect(await (await devCenterItem.$('span.subtitle.dx-text-body-4')).getText()).toEqual(
+            'Commerce Cloud',
+        );
+    });
+});

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

@@ -0,0 +1,127 @@
+import Page from '../pageobjects/page';
+import {
+    phases,
+    waitAndGetDocPhaseParentInOverviewPage,
+    waitAndGetDocPhaseParentInGuidePage,
+    waitAndGetDocPhaseParentInReferencesPage,
+    assertDocPhaseElements,
+    assertDocPhaseUnavailability,
+} from '../pageobjects/doc-phase-config';
+
+let page: Page;
+
+describe('Doc Phase at Project Level Tests', () => {
+    it('should render doc-phase in overview content type with title and body', async () => {
+        page = new Page('/docs/commerce/test-cc-orders-api/overview');
+        page.open();
+
+        const section = await waitAndGetDocPhaseParentInOverviewPage();
+
+        await assertDocPhaseElements(section);
+    });
+
+    it('should render doc-phase in guide content type with title and body', async () => {
+        page = new Page('docs/commerce/test-cc-orders-api/guide/commerce-cloud-api-overview.html');
+        page.open();
+
+        const sectionsContentLayout = await waitAndGetDocPhaseParentInGuidePage();
+
+        await assertDocPhaseElements(sectionsContentLayout);
+    });
+
+    it('should render doc-phase in references content type with title and body', async () => {
+        page = new Page('docs/commerce/test-cc-orders-api/references/Z11hRXt1?meta=Summary');
+        page.open();
+
+        const sectionsContentLayout = await waitAndGetDocPhaseParentInReferencesPage();
+
+        await assertDocPhaseElements(sectionsContentLayout);
+    });
+
+    it('should not render doc-phase in overview content type in not configured project', async () => {
+        page = new Page('/docs/service/vscode-maintainer/overview');
+        page.open();
+
+        const section = await waitAndGetDocPhaseParentInOverviewPage();
+
+        await assertDocPhaseUnavailability(section);
+    });
+
+    it('should not render doc-phase in guide content type in not configured project', async () => {
+        page = new Page('/docs/service/vscode-maintainer/guide/vscode-overview.html');
+        page.open();
+
+        const sectionsContentLayout = await waitAndGetDocPhaseParentInGuidePage();
+
+        await assertDocPhaseUnavailability(sectionsContentLayout);
+    });
+});
+
+describe('Doc Phase at Content Type Level Tests', () => {
+    it('should render beta doc-phase config in overview content type', async () => {
+        page = new Page('/docs/test-metamind-oas-api/overview');
+        page.open();
+
+        const section = await waitAndGetDocPhaseParentInOverviewPage();
+
+        await assertDocPhaseElements(section, phases.beta);
+    });
+
+    it('should render pilot doc-phase config in guide content type', async () => {
+        page = new Page('/docs/test-metamind-oas-api/guide/metamind-overview.html');
+        page.open();
+
+        const sectionsContentLayout = await waitAndGetDocPhaseParentInGuidePage();
+
+        await assertDocPhaseElements(sectionsContentLayout, phases.pilot);
+    });
+
+    it('should render dev preview doc-phase config in references content type', async () => {
+        page = new Page('/docs/test-metamind-oas-api/references/1mkfx9?meta=Summary');
+        page.open();
+
+        const sectionsContentLayout = await waitAndGetDocPhaseParentInReferencesPage();
+
+        await assertDocPhaseElements(sectionsContentLayout, phases.devPreview);
+    });
+});
+
+describe('Doc Phase at Reference Sources Tests', () => {
+    it('should render beta doc-phase config in v1.0.0 first reference', async () => {
+        page = new Page('/docs/test-multiple-references/references/Z1gIeJG?meta=Summary');
+        page.open();
+
+        const sectionsContentLayout = await waitAndGetDocPhaseParentInReferencesPage();
+
+        await assertDocPhaseElements(sectionsContentLayout, phases.beta);
+    });
+
+    it('should render pilot doc-phase config in v1.0.0 second reference', async () => {
+        page = new Page('/docs/test-multiple-references/references/tLvjG?meta=Summary');
+        page.open();
+
+        const sectionsContentLayout = await waitAndGetDocPhaseParentInReferencesPage();
+
+        await assertDocPhaseElements(sectionsContentLayout, phases.pilot);
+    });
+
+    it('should render devPreview doc-phase config in v234.0 second reference', async () => {
+        page = new Page('docs/test-multiple-references/references/Z11OT4X/234.0?meta=Summary');
+        page.open();
+
+        const sectionsContentLayout = await waitAndGetDocPhaseParentInReferencesPage();
+
+        await assertDocPhaseElements(sectionsContentLayout, phases.devPreview);
+    });
+});
+
+describe('Release Phase at the topic level tests', () => {
+    it('should not render release phase in guide topic level given it was not configured', async () => {
+        page = new Page('/docs/redirects-url/guide/orders-api-overview.html');
+        page.open();
+
+        const sectionLayout = await waitAndGetDocPhaseParentInGuidePage();
+
+        await assertDocPhaseUnavailability(sectionLayout);
+    });
+});

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

@@ -0,0 +1,24 @@
+import ErrorPage from '../pageobjects/error.page';
+import layoutTest from './layout-tests';
+
+let page: ErrorPage;
+describe('Error > 404/5xx > ', () => {
+    beforeEach(async () => {
+        page = new ErrorPage();
+        page.open();
+    });
+
+    layoutTest(page);
+
+    it('Open Error route when the referenced URL is not available', async () => {
+        // Wait for the dx-error component to be available
+        const errorComponent = await $('dx-error');
+        await errorComponent.waitForDisplayed();
+
+        // Check the cta attribute directly
+        const ctaText = await errorComponent.getAttribute('cta');
+
+        expect(await browser.getTitle()).toEqual('404 Error | Salesforce Developers');
+        expect(ctaText).toEqual('Go Home');
+    });
+});