diff --git a/apps/fluent-tester/src/TestComponents/ContextualMenu/ContextualMenuTest.tsx b/apps/fluent-tester/src/TestComponents/ContextualMenu/ContextualMenuTest.tsx index 8c74f69d15..4f3750f591 100644 --- a/apps/fluent-tester/src/TestComponents/ContextualMenu/ContextualMenuTest.tsx +++ b/apps/fluent-tester/src/TestComponents/ContextualMenu/ContextualMenuTest.tsx @@ -1,17 +1,9 @@ import * as React from 'react'; import { Text, View, Switch } from 'react-native'; -import { - Text as FURNText, - ButtonV1 as Button, - ContextualMenu, - ContextualMenuItem, - Submenu, - SubmenuItem, - Separator, - Checkbox, -} from '@fluentui/react-native'; +import { Text as FURNText, ContextualMenu, ContextualMenuItem, Submenu, SubmenuItem, Separator, Checkbox } from '@fluentui/react-native'; import { CONTEXTUALMENU_TESTPAGE } from '@fluentui-react-native/e2e-testing'; +import { MenuButton } from '@fluentui-react-native/experimental-menu-button'; import { E2EContextualMenuTest } from './E2EContextualMenuTest'; import { svgProps, fontProps, testImage } from '../Common/iconExamples'; @@ -89,9 +81,7 @@ const ContextualMenuMainTest: React.FunctionComponent = () => { none )} - + @@ -193,9 +183,7 @@ const NestedContextualMenu: React.FunctionComponent = () => { Submenu Visibility: {isSubmenuVisible ? Visible : Not Visible} - + @@ -290,13 +278,12 @@ const IconContextualMenu: React.FunctionComponent = () => { Menu Visibility: {isContextualMenuVisible ? Visible : Not Visible} - + diff --git a/change/@fluentui-react-native-tester-3d10d2f0-4d31-4298-a14b-defecf48f2ce.json b/change/@fluentui-react-native-tester-3d10d2f0-4d31-4298-a14b-defecf48f2ce.json new file mode 100644 index 0000000000..c53a0bbdba --- /dev/null +++ b/change/@fluentui-react-native-tester-3d10d2f0-4d31-4298-a14b-defecf48f2ce.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Fix some accessibility issues in the fluent tester contextual menu section", + "packageName": "@fluentui-react-native/tester", + "email": "rofang@microsoft.com", + "dependentChangeType": "patch" +}