@fluentui-react-native/tester 0.129.6 → 0.129.8

package/src/TestComponents/Button/ButtonVariantTestSection.mobile.tsx

@@ -0,0 +1,45 @@
+import { Button, FAB } from '@fluentui-react-native/experimental-button';
+import * as React from 'react';
+import { View } from 'react-native';
+import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
+import { iconProps } from '../Common/iconExamples';
+
+export const ButtonVariantTest: React.FunctionComponent = () => {
+  const [showFABText, setShowFABText] = React.useState(true);
+  const flipFABcontent = React.useCallback(() => setShowFABText(!showFABText), [showFABText]);
+
+  return (
+    <View style={testContentRootViewStyle}>
+      <Button style={commonTestStyles.vmargin}>Default</Button>
+      <Button disabled style={commonTestStyles.vmargin}>
+        Default Disabled
+      </Button>
+      <Button appearance="accent" style={commonTestStyles.vmargin}>
+        Accent
+      </Button>
+      <Button disabled appearance="accent" style={commonTestStyles.vmargin}>
+        Accent Disabled
+      </Button>
+      <Button appearance="outline" style={commonTestStyles.vmargin}>
+        Outline
+      </Button>
+      <Button appearance="outline" disabled style={commonTestStyles.vmargin}>
+        Outline Disabled
+      </Button>
+      <Button appearance="subtle" style={commonTestStyles.vmargin}>
+        Subtle
+      </Button>
+      <Button appearance="subtle" disabled style={commonTestStyles.vmargin}>
+        Subtle Disabled
+      </Button>
+      <FAB icon={iconProps} iconOnly disabled style={commonTestStyles.vmargin} />
+      <FAB icon={iconProps} style={commonTestStyles.vmargin} showContent={showFABText} onClick={flipFABcontent}>
+        Click Me!
+      </FAB>
+      <FAB appearance="subtle" iconOnly disabled icon={iconProps} style={commonTestStyles.vmargin} />
+      <FAB appearance="subtle" icon={iconProps} style={commonTestStyles.vmargin} showContent={showFABText} onClick={flipFABcontent}>
+        Click Me!
+      </FAB>
+    </View>
+  );
+};

package/src/TestComponents/FocusZone/FocusZoneE2ETest.tsx

@@ -1,25 +1,26 @@
-import React from 'react';
-import { View } from 'react-native';
-import type { FocusZoneDirection } from '@fluentui/react-native';
-import { FocusZone, MenuButton, Text } from '@fluentui/react-native';
-import { Switch } from '@fluentui-react-native/switch';
 import type { ButtonProps } from '@fluentui-react-native/button';
 import { ButtonV1 as Button } from '@fluentui-react-native/button';
-import { commonTestStyles } from '../Common/styles';
+import { Switch } from '@fluentui-react-native/switch';
+import type { FocusZoneDirection } from '@fluentui/react-native';
+import { FocusZone, MenuButton, Text } from '@fluentui/react-native';
+import React from 'react';
+import { View } from 'react-native';
 import {
-  FOCUSZONE_TEST_COMPONENT,
-  FOCUSZONE_DIRECTION_ID,
-  FOCUSZONE_TWO_DIM_SWITCH,
-  FOCUSZONE_DISABLED_SWITCH,
   FOCUSZONE_CIRCLE_NAV_SWITCH,
   FOCUSZONE_DEFAULT_TABBABLE_SWITCH,
-  FOCUSZONE_GRID_BEFORE,
+  FOCUSZONE_DIRECTION_ID,
+  FOCUSZONE_DIRECTION_PICKER,
+  FOCUSZONE_DISABLED_SWITCH,
   FOCUSZONE_GRID_AFTER,
+  FOCUSZONE_GRID_BEFORE,
   FOCUSZONE_GRID_BUTTON,
-  FOCUSZONE_DIRECTION_PICKER,
+  FOCUSZONE_TEST_COMPONENT,
+  FOCUSZONE_TWO_DIM_SWITCH,
 } from '../../../../E2E/src/FocusZone/consts';
-import { focusZoneTestStyles, GridButton } from './styles';
+import type { GridButton as GridButtonIndex } from '../../../../E2E/src/FocusZone/pages/FocusZonePageObject';
+import { commonTestStyles } from '../Common/styles';
 import { testProps } from '../Common/TestProps';
+import { focusZoneTestStyles, GridButton } from './styles';
 
 export const FocusZoneDirections: FocusZoneDirection[] = ['bidirectional', 'horizontal', 'vertical', 'none'];
 
@@ -68,7 +69,7 @@ export const GridOfButtons: React.FunctionComponent<GridOfButtonsProps> = (props
                   style={focusZoneTestStyles.focusZoneButton}
                   componentRef={gridIndex === props.tabbableIdx ? props.tabRef : undefined}
                   /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-                  {...testProps(props.e2etesting ? FOCUSZONE_GRID_BUTTON(gridIndex) : undefined)}
+                  {...testProps(props.e2etesting ? FOCUSZONE_GRID_BUTTON(gridIndex as GridButtonIndex) : undefined)}
                 >
                   <Text>{gridIndex}</Text>
                 </GridButton>

package/src/TestComponents/TabsV1/TabsV1E2ETest.tsx

@@ -8,8 +8,13 @@ import {
   TABSV1_ACCESSIBILITY_LABEL,
   TABSV1_NO_A11Y_LABEL_COMPONENT,
   TABSV1_TEST_COMPONENT_LABEL,
-  TABSITEMV1_TEST_COMPONENT,
-  TABSITEMV1_ACCESSIBILITY_LABEL,
+  TABSITEMV1_ITEM_1,
+  TABSITEMV1_ITEM_2,
+  TABSITEMV1_ITEM_3,
+  TABSITEMV1_CONTENT_1,
+  TABSITEMV1_CONTENT_2,
+  TABSITEMV1_CONTENT_3,
+  TABSITEMV1_ITEM_1_ACCESSIBILITY_LABEL,
   TABSITEMV1_NO_A11Y_LABEL_COMPONENT,
   TABSITEMV1_TEST_COMPONENT_LABEL,
 } from '../../../../E2E/src/TabsV1/consts';
@@ -28,17 +33,17 @@ export const TabsV1E2ETest: React.FunctionComponent = () => {
           <TabsItem
             headerText="Home"
             itemKey="A"
-            accessibilityLabel={TABSITEMV1_ACCESSIBILITY_LABEL}
+            accessibilityLabel={TABSITEMV1_ITEM_1_ACCESSIBILITY_LABEL}
             /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-            {...testProps(TABSITEMV1_TEST_COMPONENT)}
+            {...testProps(TABSITEMV1_ITEM_1)}
           >
-            <Text>Tabs #1</Text>
+            <Text {...testProps(TABSITEMV1_CONTENT_1)}>Tabs #1</Text>
           </TabsItem>
-          <TabsItem headerText="Files" itemKey="B">
-            <Text>Tabs #2</Text>
+          <TabsItem headerText="Files" itemKey="B" {...testProps(TABSITEMV1_ITEM_2)}>
+            <Text {...testProps(TABSITEMV1_CONTENT_2)}>Tabs #2</Text>
           </TabsItem>
-          <TabsItem headerText="Settings" itemKey="C">
-            <Text>Tabs #3</Text>
+          <TabsItem headerText="Settings" itemKey="C" {...testProps(TABSITEMV1_ITEM_3)}>
+            <Text {...testProps(TABSITEMV1_CONTENT_3)}>Tabs #3</Text>
           </TabsItem>
         </Tabs>
       </View>

package/tsconfig.json

@@ -7,7 +7,8 @@
     "paths": {
       "*": ["*", "*.win32", "./*"],
       "src/*": ["./src/*", "src"]
-    }
+    },
+    "types": ["webdriverio/async", "@wdio/jasmine-framework", "node", "@types/jasmine"]
   },
   "include": ["src"]
 }