@salesforcedevs/sfdocs-e2e 0.6.132-linkfix-alpha

package/src/content-repo/pageobjects/home.page.ts

@@ -0,0 +1,55 @@
+import Page from '../../shared/pageobjects/page';
+
+/**
+ * sub page containing specific selectors and methods for a specific page
+ */
+export class HomePage extends Page {
+    get projectCards(): Promise<WebdriverIO.ElementArray> {
+        return $('dx-section')
+            .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 getProjectCardWithTitle(title: string): Promise<WebdriverIO.Element | undefined> {
+        const projectCards = await this.projectCards;
+        for (let i = 0; i < projectCards.length; i++) {
+            const projectCard = projectCards[i];
+            const titleValue = await projectCard.getAttribute('header');
+            if (titleValue === title) {
+                return projectCard;
+            }
+        }
+    }
+
+    navigateToContentTypeWithProjectTitle =
+        (projectTitle: string) =>
+        async (contentType: string): Promise<void> => {
+            const projectCard = await this.getProjectCardWithTitle(projectTitle);
+            if (projectCard) {
+                const contentTypeButton = await projectCard.$(`dx-button[href*=${contentType}]`);
+                await contentTypeButton.click();
+            } else {
+                throw new Error(
+                    `Project with title "${projectTitle}" is not available, Please check the content-config`,
+                );
+            }
+        };
+}
+
+export default new HomePage();

package/src/content-repo/specs/componentSpecification.test.ts

@@ -0,0 +1,287 @@
+import Page from '../../shared/pageobjects/page';
+
+let page: Page;
+
+describe('Component Specification', () => {
+    beforeEach(async () => {
+        page = new Page();
+    });
+
+    describe('LWC Component Specifications', () => {
+        beforeEach(async () => {
+            await page.open('docs/lightning-design-system/guide/button.html');
+            await page.waitForLwcGuidePageLoad();
+        });
+
+        it('should display all tabs correctly', async () => {
+            const tabs = await page.waitForTabsLoad();
+            expect(tabs.length).toBeGreaterThan(0);
+
+            const tabTexts = await Promise.all(
+                tabs.map((tab: WebdriverIO.Element) => tab.getText()),
+            );
+            expect(tabTexts).toContain('Design');
+            expect(tabTexts).toContain('Develop');
+            expect(tabTexts).toContain('Specification');
+            expect(tabTexts).toContain('Accessibility');
+        });
+
+        it('should switch to Specification tab successfully', async () => {
+            const tabs = await page.waitForTabsLoad();
+            await tabs[2].click();
+
+            const activeTab = await $('>>>button.tab-active');
+            const activeTabText = await activeTab.getText();
+            expect(activeTabText).toBe('Specification');
+        });
+
+        it('should validate component specification attributes', async () => {
+            const tabs = await page.waitForTabsLoad();
+            await tabs[2].click();
+
+            const specContent = await page.waitForSpecificationContent();
+            expect(await specContent.isExisting()).toBeTruthy();
+
+            const componentAttr = await specContent.getAttribute('component');
+            expect(componentAttr).toBe('button');
+
+            const modelAttr = await specContent.getAttribute('model');
+            expect(modelAttr).toBe('lwc');
+
+            const namespaceAttr = await specContent.getAttribute('namespace');
+            expect(namespaceAttr).toBe('lightning');
+        });
+
+        it('should validate basic component specification functionality', async () => {
+            const tabs = await page.waitForTabsLoad();
+            await tabs[2].click();
+
+            const specContent = await page.waitForSpecificationContent();
+
+            const specPropertiesDiv = await specContent.shadow$('.specification-properties');
+            expect(await specPropertiesDiv.isExisting()).toBeTruthy();
+
+            await page.waitForSpinnerToDisappear(specPropertiesDiv);
+
+            const tables = await specPropertiesDiv.$$('table');
+            expect(tables.length).toBe(2);
+
+            const docHeadings = await specPropertiesDiv.$$('doc-heading');
+            expect(docHeadings.length).toBeGreaterThan(0);
+
+            const headingTexts = await Promise.all(
+                docHeadings.map(async (heading: WebdriverIO.Element) =>
+                    (await heading.getText()).trim(),
+                ),
+            );
+            expect(headingTexts).toContain('Attributes');
+            expect(headingTexts).toContain('Methods');
+
+            const table = tables[0];
+            const firstRow = await table.$('tr:nth-child(3)');
+
+            const nameTd = await firstRow.$('td:nth-child(1)');
+            const nameSpan = await nameTd.$('span.code');
+            const nameText = await nameSpan.getText();
+
+            const descriptionTd = await firstRow.$('td:nth-child(2)');
+            const descriptionText = await descriptionTd.getText();
+
+            expect(nameText).toBe('icon-position');
+            expect(descriptionText).toBeDefined();
+        });
+
+        it('should validate Design tab content', async () => {
+            const tabs = await page.waitForTabsLoad();
+
+            await tabs[0].click();
+
+            await page.waitForLwcGuidePageLoad();
+
+            const designContent = await $('doc-lwc-content-layout');
+            expect(await designContent.isExisting()).toBeTruthy();
+
+            const designText = await designContent.getText();
+            expect(designText).toBeDefined();
+            expect(designText.length).toBeGreaterThan(0);
+        });
+
+        it('should validate LWC accordion component specification tables', async () => {
+            await page.open('docs/lightning-design-system/guide/accordion.html');
+            await page.waitForLwcGuidePageLoad();
+
+            const tabs = await page.waitForTabsLoad();
+            await tabs[2].click();
+
+            const specContent = await page.waitForSpecificationContent();
+
+            const specPropertiesDiv = await specContent.shadow$('.specification-properties');
+            expect(await specPropertiesDiv.isExisting()).toBeTruthy();
+
+            await page.waitForSpinnerToDisappear(specPropertiesDiv);
+
+            const attributesHeading = await specPropertiesDiv.$('doc-heading');
+            const slotsHeading = await specPropertiesDiv.$$('doc-heading');
+
+            const attributesHeadingText = await attributesHeading.getText();
+            const slotsHeadingText = await slotsHeading[1].getText();
+
+            expect(attributesHeadingText.trim()).toContain('Attributes');
+            expect(slotsHeadingText.trim()).toContain('Slots');
+
+            const tables = await specPropertiesDiv.$$('table');
+            expect(tables.length).toBeGreaterThanOrEqual(2);
+
+            for (let i = 0; i < Math.min(tables.length, 2); i++) {
+                const table = tables[i];
+                const rows = await table.$$('tr');
+                expect(rows.length).toBeGreaterThan(1);
+            }
+        });
+
+        it('should display Right Navigation Bar (RNB) with content', async () => {
+            await page.waitForLwcGuidePageLoad();
+
+            const sidebarContent = await (
+                await $('doc-lwc-content-layout')
+            ).shadow$('div > dx-sidebar-old');
+            const sidebarTrees = await sidebarContent.shadow$$(
+                'div.container div.sidebar-content dx-tree',
+            );
+
+            const getItemText = async (item: WebdriverIO.Element) => {
+                const link = await item.shadow$('a');
+                const tiles = await link.$$('dx-tree-tile');
+                const tileLink = await tiles[0].shadow$('a.tile.sidebar-item');
+                const label = await tileLink.$('span.tile-label');
+                return (await label.getText()).trim();
+            };
+
+            const firstItem = (await sidebarTrees[0].shadow$$('dx-tree-item'))[0];
+            const firstChildItem = (await firstItem.shadow$$('dx-tree-item'))[0];
+            const firstChildText = await getItemText(firstChildItem);
+
+            expect(firstChildText).toBe('Accordion');
+        });
+    });
+
+    describe('Aura Component Specifications', () => {
+        beforeEach(async () => {
+            await page.open('docs/lightning-design-system/guide/aura-accordion.html');
+            await page.waitForLwcGuidePageLoad();
+        });
+
+        it('should validate Aura accordion component specification attributes', async () => {
+            const tabs = await page.waitForTabsLoad();
+            await tabs[2].click();
+
+            const specContent = await page.waitForSpecificationContent();
+            expect(await specContent.isExisting()).toBeTruthy();
+
+            const componentAttr = await specContent.getAttribute('component');
+            expect(componentAttr).toBe('accordion');
+
+            const modelAttr = await specContent.getAttribute('model');
+            expect(modelAttr).toBe('aura');
+
+            const namespaceAttr = await specContent.getAttribute('namespace');
+            expect(namespaceAttr).toBe('lightning');
+        });
+
+        it('should validate Aura accordion component specification functionality', async () => {
+            const tabs = await page.waitForTabsLoad();
+            await tabs[2].click();
+
+            const specContent = await page.waitForSpecificationContent();
+
+            const specPropertiesDiv = await specContent.shadow$('.specification-properties');
+
+            await page.waitForSpinnerToDisappear(specPropertiesDiv);
+
+            const tables = await specPropertiesDiv.$$('table');
+            expect(tables.length).toBe(1);
+
+            const docHeadings = await specPropertiesDiv.$$('doc-heading');
+            expect(docHeadings.length).toBeGreaterThan(0);
+
+            const headingTexts = await Promise.all(
+                docHeadings.map(async (heading: WebdriverIO.Element) =>
+                    (await heading.getText()).trim(),
+                ),
+            );
+            expect(headingTexts).toContain('Attributes');
+
+            const table = tables[0];
+            const firstRow = await table.$('tr:nth-child(3)');
+
+            const nameTd = await firstRow.$('td:nth-child(1)');
+            const nameSpan = await nameTd.$('span.code');
+            const nameText = await nameSpan.getText();
+
+            const descriptionTd = await firstRow.$('td:nth-child(2)');
+            const descriptionText = await descriptionTd.getText();
+
+            expect(nameText).toBeDefined();
+            expect(descriptionText).toBeDefined();
+        });
+
+        it('should validate force - canvasApp component specification', async () => {
+            await page.open('docs/lightning-design-system/guide/canvasApp.html');
+            await page.waitForLwcGuidePageLoad();
+
+            const tabs = await page.waitForTabsLoad();
+            await tabs[2].click();
+
+            const specContent = await page.waitForSpecificationContent();
+
+            const specPropertiesDiv = await specContent.shadow$('.specification-properties');
+            await page.waitForSpinnerToDisappear(specPropertiesDiv);
+
+            const tables = await specPropertiesDiv.$$('table');
+            expect(tables.length).toBe(1);
+
+            const table = tables[0];
+            const firstRow = await table.$('tr:nth-child(3)');
+
+            const nameTd = await firstRow.$('td:nth-child(1)');
+            const nameSpan = await nameTd.$('span.code');
+            const nameText = await nameSpan.getText();
+
+            const descriptionTd = await firstRow.$('td:nth-child(2)');
+            const descriptionText = await descriptionTd.getText();
+
+            expect(nameText).toBeDefined();
+            expect(descriptionText).toBeDefined();
+        });
+
+        it('should display Right Navigation Bar (RNB) with content', async () => {
+            await page.waitForLwcGuidePageLoad();
+
+            const sidebarContent = await (
+                await $('doc-lwc-content-layout')
+            ).shadow$('div > dx-sidebar-old');
+            const sidebarTrees = await sidebarContent.shadow$$(
+                'div.container div.sidebar-content dx-tree',
+            );
+
+            const getItemText = async (item: WebdriverIO.Element) => {
+                const link = await item.shadow$('a');
+                const tiles = await link.$$('dx-tree-tile');
+                const tileLink = await tiles[0].shadow$('a.tile.sidebar-item');
+                const label = await tileLink.$('span.tile-label');
+                return (await label.getText()).trim();
+            };
+
+            const auraItem = (await sidebarTrees[1].shadow$$('dx-tree-item'))[0];
+            const lightningItem = (await auraItem.shadow$$('dx-tree-item'))[0];
+            const componentsItem = (await lightningItem.shadow$$('dx-tree-item'))[0];
+            const firstComponentText = await getItemText(
+                (
+                    await componentsItem.shadow$$('dx-tree-item')
+                )[0],
+            );
+
+            expect(firstComponentText).toBe('Accordion');
+        });
+    });
+});

package/src/content-repo/specs/guideAndReferencePage.test.ts

@@ -0,0 +1,46 @@
+import HomePage from '../pageobjects/home.page';
+import DocsContentLayout from '../../shared/pageobjects/docs-content-layout';
+
+describe('Guides and References ', () => {
+    beforeEach(async () => {
+        await HomePage.open();
+    });
+    it('Test if all guides are opening and check the Guide title is same as Guide button text', async () => {
+        const projectCards = await HomePage.projectCardsWithGuides;
+
+        projectCards.forEach(async (cardElem, index) => {
+            if (index === 1) {
+                const guideButton = await cardElem.$('dx-button[href*=guide]');
+                await guideButton.click();
+                await DocsContentLayout.waitForContentLayoutSidebar();
+                const heading = await DocsContentLayout.getSidebarHeading();
+                expect(heading).toBe('Guides');
+            }
+        });
+    });
+
+    it('Test If all references are clickable and check five endpoints URLs with the URLs in Api Description', async () => {
+        const projectCards = await HomePage.projectCardsWithReferences;
+
+        projectCards.forEach(async (cardElem) => {
+            const refButton = await cardElem.$('dx-button[href*=references]');
+            await refButton.click();
+            (await $('doc-amf-reference')).waitForDisplayed();
+            const shadowAmfComponent = await (
+                await $('doc-amf-reference')
+            ).shadow$('div.container');
+            const sidebar = await shadowAmfComponent.$('dx-sidebar');
+            const sidebarTree = await sidebar.shadow$('dx-tree');
+            const sidebarTreeItems = await sidebarTree.shadow$$('dx-tree-item');
+
+            const endPointsNodes = await sidebarTreeItems[0].shadow$$('dx-tree-item');
+            const endPointsNode = endPointsNodes[1];
+
+            const endpointsText = (await endPointsNode.shadow$('a')).getText();
+
+            expect(endpointsText).toBe('Endpoints');
+
+            browser.back();
+        });
+    });
+});

package/src/content-repo/specs/homepage.test.ts

@@ -0,0 +1,47 @@
+import HomePage from '../pageobjects/home.page';
+// import { assertAccessibleSync } from '@sa11y/wdio';
+
+describe('Homepage', () => {
+    beforeEach(async () => {
+        await HomePage.open();
+    });
+
+    it('should have the right title', () => {
+        expect(browser).toHaveTitle('Salesforce Developers');
+    });
+
+    it('should show the expected number of projects', async () => {
+        const projectCards = await HomePage.projectCards;
+
+        expect(projectCards.length).toEqual(17);
+    });
+
+    // it('is accessible', () => {
+    //     assertAccessibleSync();
+    // });
+
+    describe('Check homepage Overview links', () => {
+        it('Test Overview button in the card', async () => {
+            const projectCards = await HomePage.projectCards;
+            const cardElem = projectCards[0];
+            const overviewButton = await cardElem.$('dx-button[href*=overview]');
+
+            expect(await overviewButton.getText()).toMatch('Overview');
+            expect(await overviewButton.isClickable()).toBeTruthy();
+        });
+    });
+
+    describe('Check homepage Guide links', () => {
+        it('Test Guide buttons in the cards', async () => {
+            const projectCards = await HomePage.projectCardsWithGuides;
+
+            projectCards.forEach(async (cardElem, index) => {
+                const guideButton = await cardElem.$('dx-button[href*=guide]');
+                if (index === 0 || index === 1) {
+                    expect(await guideButton.getText()).not.toBe(null);
+                    expect(await guideButton.isClickable()).toBeTruthy();
+                }
+            });
+        });
+    });
+});

package/src/content-repo/specs/media-mapper.test.ts

@@ -0,0 +1,18 @@
+import Page from '../../shared/pageobjects/page';
+
+describe('/docs Media Mapper > ', () => {
+    it('should not show images with the cdn image when cdn image mapping is not enabled', async () => {
+        const page = new Page();
+        page.open('docs/plugin-development/guide/markdown-cheatsheet.html');
+        await page.waitForGuidePageLoad();
+
+        const srcValue = await $(`[alt="SalesforceDocs"]`).getAttribute('src');
+        const isLocalImagePath = srcValue.startsWith('/');
+        const isCDNMappedImagePath = srcValue.startsWith(
+            'https://a.sfdcstatic.com/developer-website/sfdocs/',
+        );
+
+        expect(isLocalImagePath).toBe(true);
+        expect(isCDNMappedImagePath).toBe(false);
+    });
+});

package/src/content-repo/specs/navHeader.test.ts

@@ -0,0 +1,79 @@
+import HomePage from '../pageobjects/home.page';
+
+describe('Navigation header test', () => {
+    beforeEach(async () => {
+        await HomePage.open();
+    });
+
+    it('should check for links in navigation header in Overview', async () => {
+        const projectCards = await HomePage.projectCards;
+
+        const cardElem = projectCards[0];
+        const overviewButton = await cardElem.$('dx-button[href*=overview]');
+
+        await overviewButton.click();
+        (await $('>>> .header_l2_group-nav_overflow')).waitForDisplayed();
+
+        const docHeaderNav = await $('>>> .header_l2_group-nav_overflow');
+        const headerNav = await docHeaderNav.$('>>> dx-header-nav');
+        const navTabs = await headerNav.shadow$$('dx-tab');
+
+        expect(navTabs.length).toBe(3);
+
+        const overviewNav = await navTabs[0].shadow$('a > span');
+        const guideNav = await navTabs[1].shadow$('a > span');
+        const referenceNav = await navTabs[2].shadow$('a > span');
+
+        expect(await guideNav.getText()).toBe('Guides');
+        expect(await overviewNav.getText()).toBe('Overview');
+        expect(await referenceNav.getText()).toBe('Reference');
+    });
+
+    it('should check for links in navigation header in Guides', async () => {
+        const projectCards = await HomePage.projectCards;
+
+        const cardElem = projectCards[0];
+        const guideButton = await cardElem.$('dx-button[href*=guide]');
+
+        await guideButton.click();
+        (await $('>>> .header_l2_group-nav_overflow')).waitForDisplayed();
+
+        const docHeaderNav = await $('>>> .header_l2_group-nav_overflow');
+        const headerNav = await docHeaderNav.$('>>> dx-header-nav');
+        const navTabs = await headerNav.shadow$$('dx-tab');
+
+        expect(navTabs.length).toBe(3);
+
+        const overviewNav = await navTabs[0].shadow$('a > span');
+        const guideNav = await navTabs[1].shadow$('a > span');
+        const referenceNav = await navTabs[2].shadow$('a > span');
+
+        expect(await overviewNav.getText()).toBe('Overview');
+        expect(await guideNav.getText()).toBe('Guides');
+        expect(await referenceNav.getText()).toBe('Reference');
+    });
+
+    it('should check for links in navigation header in Reference', async () => {
+        const projectCards = await HomePage.projectCards;
+
+        const cardElem = projectCards[0];
+        const guideButton = await cardElem.$('dx-button[href*=references]');
+
+        await guideButton.click();
+        (await $('>>> .header_l2_group-nav_overflow')).waitForDisplayed();
+
+        const docHeaderNav = await $('>>> .header_l2_group-nav_overflow');
+        const headerNav = await docHeaderNav.$('>>> dx-header-nav');
+        const navTabs = await headerNav.shadow$$('dx-tab');
+
+        expect(navTabs.length).toBe(3);
+
+        const overviewNav = await navTabs[0].shadow$('a > span');
+        const guideNav = await navTabs[1].shadow$('a > span');
+        const referenceNav = await navTabs[2].shadow$('a > span');
+
+        expect(await overviewNav.getText()).toBe('Overview');
+        expect(await guideNav.getText()).toBe('Guides');
+        expect(await referenceNav.getText()).toBe('Reference');
+    });
+});

package/src/content-repo/specs/sitemap.test.ts

@@ -0,0 +1,58 @@
+import HomePage from '../pageobjects/home.page';
+
+import got from 'got';
+
+describe('Test Sitemap Routes', () => {
+    beforeEach(async () => {
+        await browser.addCommand('getSitemap', async (url: any) => {
+            const data = await got(url);
+            return data;
+        });
+    });
+
+    it('Read sitemap.xml', async () => {
+        await HomePage.open('sitemap.xml');
+        const data = await browser.getSitemap('http://localhost:3000/sitemap.xml');
+        expect(data.body).toContain('sitemap-1.xml');
+    });
+
+    it('Read Sitemap-contents-internal.xml', async () => {
+        await HomePage.open('sitemap.xml');
+        const data = await browser.getSitemap(
+            'http://localhost:3000/internal-sitemap-contents.xml',
+        );
+        expect(data.body).toContain('internal-sitemap-contents-1.xml');
+    });
+
+    it('Read Sitemap-contents-internal-1.xml', async () => {
+        await HomePage.open('sitemap.xml');
+        const data = await browser.getSitemap(
+            'http://localhost:3000/internal-sitemap-contents-1.xml',
+        );
+        expect(data.body).toContain(
+            '/docs/commerce/test-cc-orders-api/guide/commerce-cloud-api-overview.html',
+        );
+        expect(data.body).toContain(
+            '/docs/commerce/test-cc-orders-api/guide/authentication-authorization.html',
+        );
+        expect(data.body).toContain(
+            '/docs/commerce/test-cc-orders-api/guide/explore-additional-resources.html',
+        );
+    });
+
+    it('Read Coveo sitemap.xml', async () => {
+        await browser.addCommand('getCoveoSitemap', async (url: any) => {
+            const data = await got(url, {
+                headers: {
+                    'User-Agent': 'Googlebot',
+                },
+            });
+            return data;
+        });
+        await HomePage.open('coveo-sitemap.xml');
+        const data = await browser.getCoveoSitemap(
+            'http://localhost:3000/coveo-sitemap-doc-framework.xml',
+        );
+        expect(data.body).toContain('/coveo-sitemap-doc-framework-1.xml');
+    });
+});

package/src/content-repo/specs/tabset.test.ts

@@ -0,0 +1,81 @@
+import Page from '../../shared/pageobjects/page';
+let page: Page;
+
+const getQueryParam = async (param: string): Promise<any> => {
+    const searchParams = new URLSearchParams(new URL(await browser.getUrl()).search);
+    const paramValue = searchParams.get(param);
+
+    return paramValue;
+};
+
+const getActiveTabLabel = async (): Promise<any> => {
+    const activeTab = await $('>>>button.tab-active');
+    const activeTabTitle = await activeTab.getText();
+
+    return activeTabTitle;
+};
+
+describe('Tabset Plugin Scenarios ', () => {
+    beforeEach(async () => {
+        page = new Page();
+        page.open('docs/lightning-design-system/guide/button.html');
+
+        await page.waitForLwcGuidePageLoad();
+    });
+
+    it('Tabset plugin should render tabs and its content', async () => {
+        const tabsetContent = await $('>>>dx-tab-panel-list.docs-tab');
+        expect(tabsetContent.isExisting()).toBeTruthy();
+    });
+
+    it('First tab should be active by default', async () => {
+        const activeTabTitle = await getActiveTabLabel();
+
+        expect(activeTabTitle).toEqual('Design');
+        await browser.waitUntil(
+            async function () {
+                return (await getQueryParam('type')) === 'Design';
+            },
+            {
+                timeout: 5000,
+                timeoutMsg: 'Expecting query param to be `Design` value',
+            },
+        );
+    });
+
+    it('First tab content should be visible', async () => {
+        const firstTabContent = await $('>>>div.tabpanel-active');
+        expect(firstTabContent.isExisting()).toBeTruthy();
+    });
+
+    it('Should switch to the second tab when clicked', async () => {
+        const allTabs = await $$('>>>dx-tab-panel-item');
+        await allTabs[1].click();
+        await page.waitForLwcGuidePageLoad();
+
+        const activeTabTitle = await getActiveTabLabel();
+
+        expect(activeTabTitle).toEqual('Develop');
+        await browser.waitUntil(
+            async function () {
+                return (await getQueryParam('type')) === 'Develop';
+            },
+            {
+                timeout: 5000,
+                timeoutMsg: 'Expecting query param to be `Develop` value',
+            },
+        );
+    });
+
+    it('Check the URL has correct active tab as param', async () => {
+        await browser.waitUntil(
+            async function () {
+                return (await getQueryParam('type')) === 'Design';
+            },
+            {
+                timeout: 5000,
+                timeoutMsg: 'Expecting query param to be `Design` value',
+            },
+        );
+    });
+});