@fluentui-react-native/tester 0.90.10 → 0.92.0

package/src/E2E/common/BasePage.win.ts

@@ -2,7 +2,7 @@ const DUMMY_CHAR = '';
 export const COMPONENT_SCROLL_COORDINATES = { x: -0, y: -100 }; // These are the offsets. Y is negative because we want the touch to move up (and thus it scrolls down)
 
 /* Win32/UWP-Specific Selector. We use this to get elements on the test page */
-export function By(identifier: string): WebdriverIO.Element {
+export function By(identifier: string) {
   return $('~' + identifier);
 }
 
@@ -25,110 +25,91 @@ export class BasePage {
   /******************************************************************/
   /**************** UI Element Interaction Methods ******************/
   /******************************************************************/
-  getAccessibilityRole(): string {
-    return this._primaryComponent.getAttribute('ControlType');
+  async getAccessibilityRole(): Promise<string> {
+    return await this._primaryComponent.getAttribute('ControlType');
   }
 
   /* Gets the accessibility label of an UI element given the selector */
-  getAccessibilityLabel(componentSelector: ComponentSelector): string {
+  async getAccessibilityLabel(componentSelector: ComponentSelector): Promise<string> {
     switch (componentSelector) {
       case ComponentSelector.Primary:
-        return this._primaryComponent.getAttribute('Name');
+        return await this._primaryComponent.getAttribute('Name');
 
       case ComponentSelector.Secondary:
-        return this._secondaryComponent.getAttribute('Name');
+        return await this._secondaryComponent.getAttribute('Name');
     }
   }
 
   /* Returns true if the test page has loaded. To determine if it's loaded, each test page has a specific UI element we attempt to locate.
    * If this UI element is located, we know the page as loaded correctly. The UI element we look for is a Text component that contains
    * the title of the page (this._testPage returns that UI element)  */
-  isPageLoaded(): boolean {
-    return this._testPage.isDisplayed();
+  async isPageLoaded(): Promise<boolean> {
+    return await this._testPage.isDisplayed();
   }
 
   /* Returns true if the test page's button is displayed (the button that navigates to each test page) */
-  isButtonInView(): boolean {
-    return this._pageButton.isDisplayed();
+  async isButtonInView(): Promise<boolean> {
+    return await this._pageButton.isDisplayed();
   }
 
-  clickComponent(): void {
-    this._primaryComponent.click();
+  async clickComponent(): Promise<void> {
+    await this._primaryComponent.click();
   }
 
   /* Scrolls until the desired test page's button is displayed. We use the scroll viewer UI element as the point to start scrolling.
    * We use a negative number as the Y-coordinate because that enables us to scroll downwards */
-  scrollToComponentButton(): void {
-    if (!this.isButtonInView()) {
-      const scrollViewElement = $('~SCROLLVIEW_TEST_ID');
-      driver.touchScroll(COMPONENT_SCROLL_COORDINATES.x, COMPONENT_SCROLL_COORDINATES.y, scrollViewElement.elementId);
+  async scrollToComponentButton(): Promise<void> {
+    if (!(await this.isButtonInView())) {
+      const scrollViewElement = await By('SCROLLVIEW_TEST_ID');
+      await driver.touchScroll(COMPONENT_SCROLL_COORDINATES.x, COMPONENT_SCROLL_COORDINATES.y, scrollViewElement.elementId);
     }
   }
 
   /* Waits for the test page to load. If the test page doesn't load before the timeout, it causes the test to fail. */
-  waitForPageDisplayed(timeout?: number): void {
-    browser.waitUntil(
-      () => {
-        return this.isPageLoaded();
-      },
-      {
-        timeout: timeout ?? this.waitForPageTimeout,
-        timeoutMsg: this._pageName + ' did not render correctly. Please see /errorShots for more information.',
-        interval: 1000,
-      },
-    );
+  async waitForPageDisplayed(timeout?: number): Promise<void> {
+    await browser.waitUntil(async () => await this.isPageLoaded(), {
+      timeout: timeout ?? this.waitForPageTimeout,
+      timeoutMsg: this._pageName + ' did not render correctly. Please see /errorShots for more information.',
+      interval: 1500,
+    });
   }
 
   /* Waits for the test page's button to be displayed. If the button doesn't load before the timeout, it causes the test to fail. */
-  waitForButtonDisplayed(timeout?: number): void {
-    browser.waitUntil(
-      () => {
-        return this.isButtonInView();
-      },
-      {
-        timeout: timeout ?? this.waitForPageTimeout,
-        timeoutMsg: 'Could not find the button to navigate to ' + this._pageName + '. Please see /errorShots for more information.',
-        interval: 1000,
-      },
-    );
+  async waitForButtonDisplayed(timeout?: number): Promise<void> {
+    await browser.waitUntil(async () => await this.isButtonInView(), {
+      timeout: timeout ?? this.waitForPageTimeout,
+      timeoutMsg: 'Could not find the button to navigate to ' + this._pageName + '. Please see /errorShots for more information.',
+      interval: 1500,
+    });
   }
 
   /* Waits for the primary UI test element to be displayed. If the element doesn't load before the timeout, it causes the test to fail. */
-  waitForPrimaryElementDisplayed(timeout?: number): void {
-    browser.waitUntil(
-      () => {
-        return this._primaryComponent.isDisplayed();
-      },
-      {
-        timeout: timeout ?? this.waitForPageTimeout,
-        timeoutMsg:
-          'The primary UI element for testing did not display correctly. Please see /errorShots of the first failed test for more information.',
-        interval: 1000,
-      },
-    );
+  async waitForPrimaryElementDisplayed(timeout?: number): Promise<void> {
+    await browser.waitUntil(async () => await this._primaryComponent.isDisplayed(), {
+      timeout: timeout ?? this.waitForPageTimeout,
+      timeoutMsg:
+        'The primary UI element for testing did not display correctly. Please see /errorShots of the first failed test for more information.',
+      interval: 1500,
+    });
   }
 
   /* Scrolls to the primary UI test element until it is displayed. It uses the ScrollView that encapsulates each test page. */
-  scrollToTestElement(): void {
-    while (!this._primaryComponent.isDisplayed()) {
-      driver.touchScroll(COMPONENT_SCROLL_COORDINATES.x, COMPONENT_SCROLL_COORDINATES.y, $('~ScrollViewAreaForComponents').elementId);
+  async scrollToTestElement(): Promise<void> {
+    const ScrollViewerID = await By('ScrollViewAreaForComponents').elementId;
+    while (!(await this._primaryComponent.isDisplayed())) {
+      await driver.touchScroll(COMPONENT_SCROLL_COORDINATES.x, COMPONENT_SCROLL_COORDINATES.y, ScrollViewerID);
     }
-    driver.touchScroll(COMPONENT_SCROLL_COORDINATES.x, COMPONENT_SCROLL_COORDINATES.y, $('~ScrollViewAreaForComponents').elementId);
+    await driver.touchScroll(COMPONENT_SCROLL_COORDINATES.x, COMPONENT_SCROLL_COORDINATES.y, ScrollViewerID);
   }
 
   /* A method that allows the caller to pass in a condition. A wrapper for waitUntil(). Once testing becomes more extensive,
    * this will allow cleaner code within all the Page Objects. */
-  waitForCondition(condition?: () => boolean, errorMsg?: string, timeout?: number): void {
-    browser.waitUntil(
-      () => {
-        return condition();
-      },
-      {
-        timeout: timeout ?? this.waitForPageTimeout,
-        timeoutMsg: errorMsg ?? 'Error. Please see /errorShots and logs for more information.',
-        interval: 1000,
-      },
-    );
+  async waitForCondition(condition?: () => Promise<boolean>, errorMsg?: string, timeout?: number): Promise<void> {
+    await browser.waitUntil(async () => await condition(), {
+      timeout: timeout ?? this.waitForPageTimeout,
+      timeoutMsg: errorMsg ?? 'Error. Please see /errorShots and logs for more information.',
+      interval: 1000,
+    });
   }
 
   /* FUNCTIONALITY: Determines if an Assert has fired. True if yes; false otherwise
@@ -143,9 +124,10 @@ export class BasePage {
    * Additionally, you might think it's logical to simply place this in the afterEach() hook so it's called after every test (rather than duplicating this call in every test).
    * Unfortunately, afterEach() is designed for setup/teardown - not for determining if a test should fail or not.
    * */
-  didAssertPopup(): boolean {
+  async didAssertPopup(): Promise<boolean> {
     // If more than 1 instance of the app is open, we know an assert dialogue popped up.
-    return browser.getWindowHandles().length > 1;
+    const windowHandles = await browser.getWindowHandles();
+    return windowHandles.length > 1;
   }
 
   /*****************************************/
@@ -160,26 +142,26 @@ export class BasePage {
 
   // Returns: UI Element
   // The Text component on each test page containing the title of that page. We can use this to determine if a test page has loaded correctly.
-  get _testPage(): WebdriverIO.Element {
+  get _testPage() {
     return By(DUMMY_CHAR);
   }
 
   // Returns: UI Element
   // The primary UI element used for testing on the given test page.
-  get _primaryComponent(): WebdriverIO.Element {
+  get _primaryComponent() {
     return By(DUMMY_CHAR);
   }
 
   // Returns: UI Element
   // The secondary UI element used for testing on the given test page. Often times, we'll want to set a
   // prop on one component, and not set it on another to verify certain behaviors. This is why we have this secondary component.
-  get _secondaryComponent(): WebdriverIO.Element {
+  get _secondaryComponent() {
     return By(DUMMY_CHAR);
   }
 
   // Returns: UI Element
   // The button that navigates you to the component's test page.
-  get _pageButton(): WebdriverIO.Element {
+  get _pageButton() {
     return By(DUMMY_CHAR);
   }
 

package/src/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.ts

@@ -3,29 +3,24 @@ import { BasePage, By } from '../../../common/BasePage.win';
 const ScrollViewTestId = 'SCROLLVIEW_TEST_ID';
 
 class NativeTestingPageObject extends BasePage {
-  waitForScrollViewDisplayed(timeout?: number): void {
-    browser.waitUntil(
-      () => {
-        return this.doesScrollViewParentExist();
-      },
-      {
-        timeout: timeout ?? this.waitForPageTimeout,
-        timeoutMsg:
-          'For testing purposes we require that the root view contains a non-empty, immutable ScrollView of buttons that navigate to test pages.',
-        interval: 1000,
-      },
-    );
+  async waitForScrollViewDisplayed(timeout?: number): Promise<void> {
+    await browser.waitUntil(async () => await this.doesScrollViewParentExist(), {
+      timeout: timeout ?? this.waitForPageTimeout,
+      timeoutMsg:
+        'For testing purposes we require that the root view contains a non-empty, immutable ScrollView of buttons that navigate to test pages.',
+      interval: 1000,
+    });
   }
 
-  doesScrollViewParentExist(): boolean {
-    return this._scrollViewParent.isExisting();
+  async doesScrollViewParentExist(): Promise<boolean> {
+    return await this._scrollViewParent.isExisting();
   }
 
   /* Validate the Children of the ScrollView stay intact. The children are the buttons that
    * navigate to each test page. Also, validate these children exist with the proper testId format */
-  validateScrollViewChildren(): boolean {
+  async validateScrollViewChildren(): Promise<boolean> {
     // Gets all the children
-    const testChildren = this._scrollViewParent.$$('//*');
+    const testChildren = await this._scrollViewParent.$$('//*');
     let foundValidButton = false;
 
     // Ensure the testID (maps 1:1 to automationId) properties of the button children match the defined testing format
@@ -33,8 +28,8 @@ class NativeTestingPageObject extends BasePage {
 
     // Iterate through children. Validate at least one valid button exists as a child to the ScrollView.
     // If automationId is found in the wrong format, return false.
-    for (const child of testChildren) {
-      const autoId = child.getAttribute('AutomationId');
+    for await (const child of testChildren) {
+      const autoId = await child.getAttribute('AutomationId');
       if (autoId && autoId !== ScrollViewTestId) {
         if (autoId.match(reg)) {
           foundValidButton = true;

package/src/E2E/common/NativeTesting/specs/NativeTesting.spec.win.ts

@@ -3,9 +3,9 @@ import NativeTestingPageObject from '../pages/NativeTestingPageObject.win';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../../common/consts';
 
 describe('Native Safety Check Testing Initialization', () => {
-  it('Wait for app load', () => {
-    NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    expect(NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
+  it('Wait for app load', async () => {
+    await NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    await expect(await NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
   });
 
   // The ScrollView in testing is the one that contains all the buttons that navigate to each component's
@@ -14,15 +14,15 @@ describe('Native Safety Check Testing Initialization', () => {
   // We need to make sure this ScrollView:
   //    1) Continues to parent all the test buttons
   //    2) Keeps testID='SCROLLVIEW_TEST_ID'
-  it('Validate the ScrollView containing all the navigational buttons exists', () => {
-    NativeTestingPageObject.waitForScrollViewDisplayed(PAGE_TIMEOUT);
-    expect(NativeTestingPageObject.doesScrollViewParentExist()).toBeTruthy();
+  it('Validate the ScrollView containing all the navigational buttons exists', async () => {
+    await NativeTestingPageObject.waitForScrollViewDisplayed(PAGE_TIMEOUT);
+    await expect(await NativeTestingPageObject.doesScrollViewParentExist()).toBeTruthy();
   });
 
   // In addition to existing, we want to ensure the Children of the ScrollView stay intact. The children are the buttons that
   // navigate to each test page. Validate these children exist with the proper testId format.
-  it('Validate the children of ScrollView are the buttons that navigate to each test page with proper automationId', () => {
-    NativeTestingPageObject.waitForScrollViewDisplayed(PAGE_TIMEOUT);
-    expect(NativeTestingPageObject.validateScrollViewChildren()).toBeTruthy();
+  it('Validate the children of ScrollView are the buttons that navigate to each test page with proper automationId', async () => {
+    await NativeTestingPageObject.waitForScrollViewDisplayed(PAGE_TIMEOUT);
+    await expect(await NativeTestingPageObject.validateScrollViewChildren()).toBeTruthy();
   });
 });

package/src/E2E/common/NavigateAppPage.macos.ts

@@ -22,84 +22,84 @@ import { BASE_TESTPAGE } from '../../TestComponents/Common/consts';
 import { By, BasePage } from './BasePage.macos';
 
 class NavigateAppPage extends BasePage {
-  clickAndGoToBadgePage() {
-    this.badgePage.click();
+  async clickAndGoToBadgePage() {
+    await this.badgePage.click();
   }
 
-  clickAndGoToButtonPage() {
-    this.buttonPage.click();
+  async clickAndGoToButtonPage() {
+    await this.buttonPage.click();
   }
 
-  clickAndGoToCalloutPage() {
-    this.calloutPage.click();
+  async clickAndGoToCalloutPage() {
+    await this.calloutPage.click();
   }
 
-  clickAndGoToCheckboxPage() {
-    this.checkboxPage.click();
+  async clickAndGoToCheckboxPage() {
+    await this.checkboxPage.click();
   }
 
-  clickAndGoToContextualMenuPage() {
-    this.contextualMenuPage.click();
+  async clickAndGoToContextualMenuPage() {
+    await this.contextualMenuPage.click();
   }
 
-  clickAndGoToFocusTrapZonePage() {
-    this.focusTrapZonePage.click();
+  async clickAndGoToFocusTrapZonePage() {
+    await this.focusTrapZonePage.click();
   }
 
-  clickAndGoToFocusZonePage() {
-    this.focusZonePage.click();
+  async clickAndGoToFocusZonePage() {
+    await this.focusZonePage.click();
   }
 
-  clickAndGoToIconPage() {
-    this.iconPage.click();
+  async clickAndGoToIconPage() {
+    await this.iconPage.click();
   }
 
-  clickAndGoToLinkPage() {
-    this.linkPage.click();
+  async clickAndGoToLinkPage() {
+    await this.linkPage.click();
   }
 
-  clickAndGoToMenuButtonPage() {
-    this.menuButtonPage.click();
+  async clickAndGoToMenuButtonPage() {
+    await this.menuButtonPage.click();
   }
 
-  clickAndGoToPersonaPage() {
-    this.personaPage.click();
+  async clickAndGoToPersonaPage() {
+    await this.personaPage.click();
   }
 
-  clickAndGoToPersonaCoinPage() {
-    this.personaCoinPage.click();
+  async clickAndGoToPersonaCoinPage() {
+    await this.personaCoinPage.click();
   }
 
-  clickAndGoToPressablePage() {
-    this.pressablePage.click();
+  async clickAndGoToPressablePage() {
+    await this.pressablePage.click();
   }
 
-  clickAndGoToRadioGroupPage() {
-    this.radioGroupPage.click();
+  async clickAndGoToRadioGroupPage() {
+    await this.radioGroupPage.click();
   }
 
-  clickAndGoToSeparatorPage() {
-    this.separatorPage.click();
+  async clickAndGoToSeparatorPage() {
+    await this.separatorPage.click();
   }
 
-  clickAndGoToSvgPage() {
-    this.svgPage.click();
+  async clickAndGoToSvgPage() {
+    await this.svgPage.click();
   }
 
-  clickAndGoToTextPage() {
-    this.textPage.click();
+  async clickAndGoToTextPage() {
+    await this.textPage.click();
   }
 
-  clickAndGoToTabsPage() {
-    this.tabsPage.click();
+  async clickAndGoToTabsPage() {
+    await this.tabsPage.click();
   }
 
-  clickAndGoToThemePage() {
-    this.themePage.click();
+  async clickAndGoToThemePage() {
+    await this.themePage.click();
   }
 
-  clickAndGoToExperimentalTabsPage() {
-    this.experimentalTabsPage.click();
+  async clickAndGoToExperimentalTabsPage() {
+    await this.experimentalTabsPage.click();
   }
 
   /*

package/src/E2E/common/NavigateAppPage.win.ts

@@ -31,120 +31,120 @@ import { BASE_TESTPAGE } from '../../TestComponents/Common/consts';
 import { By, BasePage } from './BasePage.win';
 
 class NavigateAppPage extends BasePage {
-  clickAndGoToActivityIndicatorPage() {
-    this.activityIndicatorPage.click();
+  async clickAndGoToActivityIndicatorPage() {
+    await this.activityIndicatorPage.click();
   }
 
-  clickAndGoToAvatarPage() {
-    this.avatarPage.click();
+  async clickAndGoToAvatarPage() {
+    await this.avatarPage.click();
   }
 
-  clickAndGoToBadgePage() {
-    this.badgePage.click();
+  async clickAndGoToBadgePage() {
+    await this.badgePage.click();
   }
 
-  clickAndGoToButtonPage() {
-    this.buttonPage.click();
+  async clickAndGoToButtonPage() {
+    await this.buttonPage.click();
   }
 
-  clickAndGoToCalloutPage() {
-    this.calloutPage.click();
+  async clickAndGoToCalloutPage() {
+    await this.calloutPage.click();
   }
 
-  clickAndGoToCheckboxPage() {
-    this.checkboxPage.click();
+  async clickAndGoToCheckboxPage() {
+    await this.checkboxPage.click();
   }
 
-  clickAndGoToCheckboxExperimentalPage() {
-    this.checkboxExperimentalPage.click();
+  async clickAndGoToCheckboxExperimentalPage() {
+    await this.checkboxExperimentalPage.click();
   }
 
-  clickAndGoToContextualMenuPage() {
-    this.contextualMenuPage.click();
+  async clickAndGoToContextualMenuPage() {
+    await this.contextualMenuPage.click();
   }
 
-  clickAndGoToFocusTrapZonePage() {
-    this.focusTrapZonePage.click();
+  async clickAndGoToFocusTrapZonePage() {
+    await this.focusTrapZonePage.click();
   }
 
-  clickAndGoToFocusZonePage() {
-    this.focusZonePage.click();
+  async clickAndGoToFocusZonePage() {
+    await this.focusZonePage.click();
   }
 
-  clickAndGoToIconPage() {
-    this.iconPage.click();
+  async clickAndGoToIconPage() {
+    await this.iconPage.click();
   }
 
-  clickAndGoToLinkPage() {
-    this.linkPage.click();
+  async clickAndGoToLinkPage() {
+    await this.linkPage.click();
   }
 
-  clickAndGoToMenuPage() {
-    this.menuPage.click();
+  async clickAndGoToMenuPage() {
+    await this.menuPage.click();
   }
 
-  clickAndGoToMenuButtonPage() {
-    this.menuButtonPage.click();
+  async clickAndGoToMenuButtonPage() {
+    await this.menuButtonPage.click();
   }
 
-  clickAndGoToExperimentalMenuButtonPage() {
-    this.menuButtonExperimentalPage.click();
+  async clickAndGoToExperimentalMenuButtonPage() {
+    await this.menuButtonExperimentalPage.click();
   }
 
-  clickAndGoToPersonaPage() {
-    this.personaPage.click();
+  async clickAndGoToPersonaPage() {
+    await this.personaPage.click();
   }
 
-  clickAndGoToPersonaCoinPage() {
-    this.personaCoinPage.click();
+  async clickAndGoToPersonaCoinPage() {
+    await this.personaCoinPage.click();
   }
 
-  clickAndGoToPressablePage() {
-    this.pressablePage.click();
+  async clickAndGoToPressablePage() {
+    await this.pressablePage.click();
   }
 
-  clickAndGoToRadioGroupPage() {
-    this.radioGroupPage.click();
+  async clickAndGoToRadioGroupPage() {
+    await this.radioGroupPage.click();
   }
 
-  clickAndGoToSeparatorPage() {
-    this.separatorPage.click();
+  async clickAndGoToSeparatorPage() {
+    await this.separatorPage.click();
   }
 
-  clickAndGoToShimmerPage() {
-    this.shimmerPage.click();
+  async clickAndGoToShimmerPage() {
+    await this.shimmerPage.click();
   }
 
-  clickAndGoToSvgPage() {
-    this.svgPage.click();
+  async clickAndGoToSvgPage() {
+    await this.svgPage.click();
   }
 
-  clickAndGoToSwitchPage() {
-    this.switchPage.click();
+  async clickAndGoToSwitchPage() {
+    await this.switchPage.click();
   }
 
-  clickAndGoToTextPage() {
-    this.textPage.click();
+  async clickAndGoToTextPage() {
+    await this.textPage.click();
   }
 
-  clickAndGoToExperimentalTextPage() {
-    this.textExperimentalPage.click();
+  async clickAndGoToExperimentalTextPage() {
+    await this.textExperimentalPage.click();
   }
 
-  clickAndGoToTabsPage() {
-    this.tabsPage.click();
+  async clickAndGoToTabsPage() {
+    await this.tabsPage.click();
   }
 
-  clickAndGoToThemePage() {
-    this.themePage.click();
+  async clickAndGoToThemePage() {
+    await this.themePage.click();
   }
 
-  clickAndGoToTokensPage() {
-    this.tokensPage.click();
+  async clickAndGoToTokensPage() {
+    await this.tokensPage.click();
   }
 
-  clickAndGoToExperimentalTabsPage() {
-    this.experimentalTabsPage.click();
+  async clickAndGoToExperimentalTabsPage() {
+    await this.experimentalTabsPage.click();
   }
 
   /*

package/src/TestComponents/Dropdown/DropdownTest.tsx

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { Option } from '@fluentui-react-native/dropdown';
+import { Stack } from '@fluentui-react-native/stack';
+import { stackStyle } from '../Common/styles';
+import { DROPDOWN_TESTPAGE } from './consts';
+import { Test, TestSection, PlatformStatus } from '../Test';
+
+const DropdownDefault: React.FunctionComponent = () => {
+  return (
+    <Stack style={stackStyle}>
+      <Option>Test</Option>
+    </Stack>
+  );
+};
+
+const menuSections: TestSection[] = [
+  {
+    name: 'Dropdown Default',
+    testID: DROPDOWN_TESTPAGE,
+    component: DropdownDefault,
+  },
+];
+
+export const DropdownTest: React.FunctionComponent = () => {
+  const status: PlatformStatus = {
+    win32Status: 'Experimental',
+    uwpStatus: 'Backlog',
+    iosStatus: 'Backlog',
+    macosStatus: 'Experimental',
+    androidStatus: 'Backlog',
+  };
+
+  const description = 'TODO';
+
+  const spec = 'TODO';
+
+  return <Test name="Dropdown Test" description={description} spec={spec} sections={menuSections} status={status} />;
+};

package/src/TestComponents/Dropdown/consts.ts

@@ -0,0 +1,2 @@
+export const HOMEPAGE_DROPDOWN_BUTTON = 'Homepage_Dropdown_Button';
+export const DROPDOWN_TESTPAGE = 'Dropdown_TestPage';

package/src/TestComponents/Dropdown/index.ts

@@ -0,0 +1,2 @@
+export * from './DropdownTest';
+export * from './consts';