@fluentui-react-native/tester 0.60.1 → 0.61.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +59 -2
- package/CHANGELOG.md +28 -2
- package/lib/FluentTester/TestComponents/Menu/MenuTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Menu/MenuTest.js +59 -1
- package/lib/FluentTester/TestComponents/Menu/MenuTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.js +58 -0
- package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.js.map +1 -1
- package/package.json +3 -3
- package/src/E2E/README.md +1 -1
- package/src/FluentTester/TestComponents/Menu/MenuTest.tsx +91 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,64 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Mon, 16 May 2022 17:35:36 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.61.2",
|
|
7
|
+
"version": "0.61.2",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "ruaraki@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "824d5093e18c6a1c16c2c23b3f4e0a717303d2ae",
|
|
14
|
+
"comment": "Add standup code for hasCheckmarks"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/menu to v0.7.0",
|
|
20
|
+
"commit": "824d5093e18c6a1c16c2c23b3f4e0a717303d2ae"
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"date": "Fri, 13 May 2022 18:55:00 GMT",
|
|
27
|
+
"tag": "@fluentui-react-native/tester_v0.61.1",
|
|
28
|
+
"version": "0.61.1",
|
|
29
|
+
"comments": {
|
|
30
|
+
"patch": [
|
|
31
|
+
{
|
|
32
|
+
"author": "beachball",
|
|
33
|
+
"package": "@fluentui-react-native/tester",
|
|
34
|
+
"comment": "Bump @fluentui/react-native to v0.29.7",
|
|
35
|
+
"commit": "6c85ae8d6041d0f8534dd061877b8a21141cd464"
|
|
36
|
+
}
|
|
37
|
+
]
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"date": "Wed, 11 May 2022 22:26:25 GMT",
|
|
42
|
+
"tag": "@fluentui-react-native/tester_v0.61.0",
|
|
43
|
+
"version": "0.61.0",
|
|
44
|
+
"comments": {
|
|
45
|
+
"minor": [
|
|
46
|
+
{
|
|
47
|
+
"author": "ruaraki@microsoft.com",
|
|
48
|
+
"package": "@fluentui-react-native/tester",
|
|
49
|
+
"commit": "0a383e3d6a736a89e628c14d27d82388cf154f2b",
|
|
50
|
+
"comment": "Dismiss and openOnHover"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "beachball",
|
|
54
|
+
"package": "@fluentui-react-native/tester",
|
|
55
|
+
"comment": "Bump @fluentui-react-native/menu to v0.6.0",
|
|
56
|
+
"commit": "0a383e3d6a736a89e628c14d27d82388cf154f2b"
|
|
57
|
+
}
|
|
58
|
+
]
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"date": "Wed, 11 May 2022 19:33:59 GMT",
|
|
6
63
|
"tag": "@fluentui-react-native/tester_v0.60.1",
|
|
7
64
|
"version": "0.60.1",
|
|
8
65
|
"comments": {
|
|
@@ -11,7 +68,7 @@
|
|
|
11
68
|
"author": "beachball",
|
|
12
69
|
"package": "@fluentui-react-native/tester",
|
|
13
70
|
"comment": "Bump @fluentui-react-native/menu to v0.5.2",
|
|
14
|
-
"commit": "
|
|
71
|
+
"commit": "ae0acbb3bc42f2a545f69c9c4a820958964255c7"
|
|
15
72
|
}
|
|
16
73
|
]
|
|
17
74
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,38 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Mon, 16 May 2022 17:35:36 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.61.2
|
|
8
|
+
|
|
9
|
+
Mon, 16 May 2022 17:35:36 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Add standup code for hasCheckmarks (ruaraki@microsoft.com)
|
|
14
|
+
- Bump @fluentui-react-native/menu to v0.7.0
|
|
15
|
+
|
|
16
|
+
## 0.61.1
|
|
17
|
+
|
|
18
|
+
Fri, 13 May 2022 18:55:00 GMT
|
|
19
|
+
|
|
20
|
+
### Patches
|
|
21
|
+
|
|
22
|
+
- Bump @fluentui/react-native to v0.29.7
|
|
23
|
+
|
|
24
|
+
## 0.61.0
|
|
25
|
+
|
|
26
|
+
Wed, 11 May 2022 22:26:25 GMT
|
|
27
|
+
|
|
28
|
+
### Minor changes
|
|
29
|
+
|
|
30
|
+
- Dismiss and openOnHover (ruaraki@microsoft.com)
|
|
31
|
+
- Bump @fluentui-react-native/menu to v0.6.0
|
|
32
|
+
|
|
7
33
|
## 0.60.1
|
|
8
34
|
|
|
9
|
-
Wed, 11 May 2022 19:33:
|
|
35
|
+
Wed, 11 May 2022 19:33:59 GMT
|
|
10
36
|
|
|
11
37
|
### Patches
|
|
12
38
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiK/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
3
|
-
import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
|
|
3
|
+
import { Menu, MenuItem, MenuItemCheckbox, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
|
|
4
4
|
import { Stack } from '@fluentui-react-native/stack';
|
|
5
5
|
import { Text } from '@fluentui-react-native/experimental-text';
|
|
6
6
|
import { stackStyle } from '../Common/styles';
|
|
@@ -15,6 +15,30 @@ var MenuDefault = function () {
|
|
|
15
15
|
React.createElement(MenuList, null,
|
|
16
16
|
React.createElement(Text, null, "Hello world!!!"))))));
|
|
17
17
|
};
|
|
18
|
+
var MenuCheckmarks = function () {
|
|
19
|
+
return (React.createElement(Stack, { style: stackStyle },
|
|
20
|
+
React.createElement(Menu, null,
|
|
21
|
+
React.createElement(MenuTrigger, null,
|
|
22
|
+
React.createElement(Button, null, "All checkmark items")),
|
|
23
|
+
React.createElement(MenuPopover, null,
|
|
24
|
+
React.createElement(MenuList, null,
|
|
25
|
+
React.createElement(MenuItemCheckbox, { content: "A MenuItem" }),
|
|
26
|
+
React.createElement(MenuItemCheckbox, { content: "A MenuItem" })))),
|
|
27
|
+
React.createElement(Menu, { hasCheckmarks: true },
|
|
28
|
+
React.createElement(MenuTrigger, null,
|
|
29
|
+
React.createElement(Button, null, "Some checkmark items with alignment")),
|
|
30
|
+
React.createElement(MenuPopover, null,
|
|
31
|
+
React.createElement(MenuList, null,
|
|
32
|
+
React.createElement(MenuItem, { content: "A MenuItem" }),
|
|
33
|
+
React.createElement(MenuItemCheckbox, { content: "A MenuItem" })))),
|
|
34
|
+
React.createElement(Menu, null,
|
|
35
|
+
React.createElement(MenuTrigger, null,
|
|
36
|
+
React.createElement(Button, null, "Some checkmark items without alignment")),
|
|
37
|
+
React.createElement(MenuPopover, null,
|
|
38
|
+
React.createElement(MenuList, null,
|
|
39
|
+
React.createElement(MenuItem, { content: "A MenuItem" }),
|
|
40
|
+
React.createElement(MenuItemCheckbox, { content: "A MenuItem" }))))));
|
|
41
|
+
};
|
|
18
42
|
var Submenu = function () {
|
|
19
43
|
return (React.createElement(Menu, null,
|
|
20
44
|
React.createElement(MenuTrigger, null,
|
|
@@ -33,12 +57,46 @@ var MenuSubMenu = function () {
|
|
|
33
57
|
React.createElement(MenuItem, { content: "A MenuItem" }),
|
|
34
58
|
React.createElement(Submenu, null))))));
|
|
35
59
|
};
|
|
60
|
+
var MenuOpenOnHover = function () {
|
|
61
|
+
return (React.createElement(Stack, { style: stackStyle },
|
|
62
|
+
React.createElement(Menu, { openOnHover: true },
|
|
63
|
+
React.createElement(MenuTrigger, null,
|
|
64
|
+
React.createElement(Button, null, "Test")),
|
|
65
|
+
React.createElement(MenuPopover, null,
|
|
66
|
+
React.createElement(MenuList, null,
|
|
67
|
+
React.createElement(MenuItem, { content: "A MenuItem" }),
|
|
68
|
+
React.createElement(Submenu, null))))));
|
|
69
|
+
};
|
|
70
|
+
var MenuControlledOpen = function () {
|
|
71
|
+
var _a = React.useState(false), open = _a[0], setOpen = _a[1];
|
|
72
|
+
return (React.createElement(Stack, { style: [stackStyle, { flexDirection: 'row' }] },
|
|
73
|
+
React.createElement(Button, { onClick: function () { return setOpen(!open); } }, "Toggle open"),
|
|
74
|
+
React.createElement(Menu, { open: open },
|
|
75
|
+
React.createElement(MenuTrigger, null,
|
|
76
|
+
React.createElement(Button, null, "Test")),
|
|
77
|
+
React.createElement(MenuPopover, null,
|
|
78
|
+
React.createElement(MenuList, null,
|
|
79
|
+
React.createElement(MenuItem, { content: "A MenuItem" }),
|
|
80
|
+
React.createElement(Submenu, null))))));
|
|
81
|
+
};
|
|
36
82
|
var menuSections = [
|
|
37
83
|
{
|
|
38
84
|
name: 'Menu Default',
|
|
39
85
|
testID: MENU_TESTPAGE,
|
|
40
86
|
component: MenuDefault,
|
|
41
87
|
},
|
|
88
|
+
{
|
|
89
|
+
name: 'Menu Checkmarks',
|
|
90
|
+
component: MenuCheckmarks,
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
name: 'Menu open on hover',
|
|
94
|
+
component: MenuOpenOnHover,
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
name: 'Menu open controlled',
|
|
98
|
+
component: MenuControlledOpen,
|
|
99
|
+
},
|
|
42
100
|
{
|
|
43
101
|
name: 'Menu Submenu',
|
|
44
102
|
component: MenuSubMenu,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiK/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,CAAC"}
|
|
@@ -19,6 +19,30 @@ var MenuDefault = function () {
|
|
|
19
19
|
React.createElement(menu_1.MenuList, null,
|
|
20
20
|
React.createElement(experimental_text_1.Text, null, "Hello world!!!"))))));
|
|
21
21
|
};
|
|
22
|
+
var MenuCheckmarks = function () {
|
|
23
|
+
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
24
|
+
React.createElement(menu_1.Menu, null,
|
|
25
|
+
React.createElement(menu_1.MenuTrigger, null,
|
|
26
|
+
React.createElement(react_native_1.ButtonV1, null, "All checkmark items")),
|
|
27
|
+
React.createElement(menu_1.MenuPopover, null,
|
|
28
|
+
React.createElement(menu_1.MenuList, null,
|
|
29
|
+
React.createElement(menu_1.MenuItemCheckbox, { content: "A MenuItem" }),
|
|
30
|
+
React.createElement(menu_1.MenuItemCheckbox, { content: "A MenuItem" })))),
|
|
31
|
+
React.createElement(menu_1.Menu, { hasCheckmarks: true },
|
|
32
|
+
React.createElement(menu_1.MenuTrigger, null,
|
|
33
|
+
React.createElement(react_native_1.ButtonV1, null, "Some checkmark items with alignment")),
|
|
34
|
+
React.createElement(menu_1.MenuPopover, null,
|
|
35
|
+
React.createElement(menu_1.MenuList, null,
|
|
36
|
+
React.createElement(menu_1.MenuItem, { content: "A MenuItem" }),
|
|
37
|
+
React.createElement(menu_1.MenuItemCheckbox, { content: "A MenuItem" })))),
|
|
38
|
+
React.createElement(menu_1.Menu, null,
|
|
39
|
+
React.createElement(menu_1.MenuTrigger, null,
|
|
40
|
+
React.createElement(react_native_1.ButtonV1, null, "Some checkmark items without alignment")),
|
|
41
|
+
React.createElement(menu_1.MenuPopover, null,
|
|
42
|
+
React.createElement(menu_1.MenuList, null,
|
|
43
|
+
React.createElement(menu_1.MenuItem, { content: "A MenuItem" }),
|
|
44
|
+
React.createElement(menu_1.MenuItemCheckbox, { content: "A MenuItem" }))))));
|
|
45
|
+
};
|
|
22
46
|
var Submenu = function () {
|
|
23
47
|
return (React.createElement(menu_1.Menu, null,
|
|
24
48
|
React.createElement(menu_1.MenuTrigger, null,
|
|
@@ -37,12 +61,46 @@ var MenuSubMenu = function () {
|
|
|
37
61
|
React.createElement(menu_1.MenuItem, { content: "A MenuItem" }),
|
|
38
62
|
React.createElement(Submenu, null))))));
|
|
39
63
|
};
|
|
64
|
+
var MenuOpenOnHover = function () {
|
|
65
|
+
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
66
|
+
React.createElement(menu_1.Menu, { openOnHover: true },
|
|
67
|
+
React.createElement(menu_1.MenuTrigger, null,
|
|
68
|
+
React.createElement(react_native_1.ButtonV1, null, "Test")),
|
|
69
|
+
React.createElement(menu_1.MenuPopover, null,
|
|
70
|
+
React.createElement(menu_1.MenuList, null,
|
|
71
|
+
React.createElement(menu_1.MenuItem, { content: "A MenuItem" }),
|
|
72
|
+
React.createElement(Submenu, null))))));
|
|
73
|
+
};
|
|
74
|
+
var MenuControlledOpen = function () {
|
|
75
|
+
var _a = React.useState(false), open = _a[0], setOpen = _a[1];
|
|
76
|
+
return (React.createElement(stack_1.Stack, { style: [styles_1.stackStyle, { flexDirection: 'row' }] },
|
|
77
|
+
React.createElement(react_native_1.ButtonV1, { onClick: function () { return setOpen(!open); } }, "Toggle open"),
|
|
78
|
+
React.createElement(menu_1.Menu, { open: open },
|
|
79
|
+
React.createElement(menu_1.MenuTrigger, null,
|
|
80
|
+
React.createElement(react_native_1.ButtonV1, null, "Test")),
|
|
81
|
+
React.createElement(menu_1.MenuPopover, null,
|
|
82
|
+
React.createElement(menu_1.MenuList, null,
|
|
83
|
+
React.createElement(menu_1.MenuItem, { content: "A MenuItem" }),
|
|
84
|
+
React.createElement(Submenu, null))))));
|
|
85
|
+
};
|
|
40
86
|
var menuSections = [
|
|
41
87
|
{
|
|
42
88
|
name: 'Menu Default',
|
|
43
89
|
testID: consts_1.MENU_TESTPAGE,
|
|
44
90
|
component: MenuDefault,
|
|
45
91
|
},
|
|
92
|
+
{
|
|
93
|
+
name: 'Menu Checkmarks',
|
|
94
|
+
component: MenuCheckmarks,
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
name: 'Menu open on hover',
|
|
98
|
+
component: MenuOpenOnHover,
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
name: 'Menu open controlled',
|
|
102
|
+
component: MenuControlledOpen,
|
|
103
|
+
},
|
|
46
104
|
{
|
|
47
105
|
name: 'Menu Submenu',
|
|
48
106
|
component: MenuSubMenu,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,uDAA4D;AAC5D,
|
|
1
|
+
{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.61.2",
|
|
4
4
|
"description": "A test app to test FluentUI React Native Components during development",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Microsoft <fluentuinativeowners@microsoft.com>",
|
|
@@ -44,14 +44,14 @@
|
|
|
44
44
|
"@fluentui-react-native/framework": ">=0.7.26 <1.0.0",
|
|
45
45
|
"@fluentui-react-native/icon": "0.11.21",
|
|
46
46
|
"@fluentui-react-native/interactive-hooks": ">=0.15.6 <1.0.0",
|
|
47
|
-
"@fluentui-react-native/menu": ">=0.
|
|
47
|
+
"@fluentui-react-native/menu": ">=0.7.0 <1.0.0",
|
|
48
48
|
"@fluentui-react-native/stack": ">=0.6.26 <1.0.0",
|
|
49
49
|
"@fluentui-react-native/theme": ">=0.6.8 <1.0.0",
|
|
50
50
|
"@fluentui-react-native/theme-types": ">=0.14.3 <1.0.0",
|
|
51
51
|
"@fluentui-react-native/themed-stylesheet": "^1.3.3",
|
|
52
52
|
"@fluentui-react-native/theming-utils": ">=0.10.2 <1.0.0",
|
|
53
53
|
"@fluentui-react-native/win32-theme": ">=0.16.4 <1.0.0",
|
|
54
|
-
"@fluentui/react-native": ">=0.29.
|
|
54
|
+
"@fluentui/react-native": ">=0.29.7 <1.0.0",
|
|
55
55
|
"@react-native-community/slider": "^4.2.0",
|
|
56
56
|
"@react-native-menu/menu": "^0.1.2",
|
|
57
57
|
"@react-native-picker/picker": "^2.2.1",
|
package/src/E2E/README.md
CHANGED
|
@@ -147,7 +147,7 @@ For example, a common task we want to perform is selecting a UI element and gett
|
|
|
147
147
|
|
|
148
148
|
- In order for a Page Object to access a component from the test page, you must use [selectors](https://webdriver.io/docs/selectors.html). The WebDriver Protocol provides several selector strategies to query an element.
|
|
149
149
|
|
|
150
|
-
- If [testID](https://reactnative.dev/docs/
|
|
150
|
+
- If [testID](https://reactnative.dev/docs/next/view#testid) is specified in React Native app for Windows, the locator strategy should choose accessibility id.
|
|
151
151
|
A unique accessiblity id/testID per Window is recommended for React Native Windows E2E testing when authoring the test app and test cases.
|
|
152
152
|
|
|
153
153
|
- To use this, we must add a prop to our component or UI element in question called “testID”. In our test page, set the “testID” for the component, and we can then select it in our Page Object using the imported **_By_** method above from a base class.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
3
|
-
import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
|
|
3
|
+
import { Menu, MenuItem, MenuItemCheckbox, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
|
|
4
4
|
import { Stack } from '@fluentui-react-native/stack';
|
|
5
5
|
import { Text } from '@fluentui-react-native/experimental-text';
|
|
6
6
|
import { stackStyle } from '../Common/styles';
|
|
@@ -24,6 +24,46 @@ const MenuDefault: React.FunctionComponent = () => {
|
|
|
24
24
|
);
|
|
25
25
|
};
|
|
26
26
|
|
|
27
|
+
const MenuCheckmarks: React.FunctionComponent = () => {
|
|
28
|
+
return (
|
|
29
|
+
<Stack style={stackStyle}>
|
|
30
|
+
<Menu>
|
|
31
|
+
<MenuTrigger>
|
|
32
|
+
<Button>All checkmark items</Button>
|
|
33
|
+
</MenuTrigger>
|
|
34
|
+
<MenuPopover>
|
|
35
|
+
<MenuList>
|
|
36
|
+
<MenuItemCheckbox content="A MenuItem" />
|
|
37
|
+
<MenuItemCheckbox content="A MenuItem" />
|
|
38
|
+
</MenuList>
|
|
39
|
+
</MenuPopover>
|
|
40
|
+
</Menu>
|
|
41
|
+
<Menu hasCheckmarks>
|
|
42
|
+
<MenuTrigger>
|
|
43
|
+
<Button>Some checkmark items with alignment</Button>
|
|
44
|
+
</MenuTrigger>
|
|
45
|
+
<MenuPopover>
|
|
46
|
+
<MenuList>
|
|
47
|
+
<MenuItem content="A MenuItem" />
|
|
48
|
+
<MenuItemCheckbox content="A MenuItem" />
|
|
49
|
+
</MenuList>
|
|
50
|
+
</MenuPopover>
|
|
51
|
+
</Menu>
|
|
52
|
+
<Menu>
|
|
53
|
+
<MenuTrigger>
|
|
54
|
+
<Button>Some checkmark items without alignment</Button>
|
|
55
|
+
</MenuTrigger>
|
|
56
|
+
<MenuPopover>
|
|
57
|
+
<MenuList>
|
|
58
|
+
<MenuItem content="A MenuItem" />
|
|
59
|
+
<MenuItemCheckbox content="A MenuItem" />
|
|
60
|
+
</MenuList>
|
|
61
|
+
</MenuPopover>
|
|
62
|
+
</Menu>
|
|
63
|
+
</Stack>
|
|
64
|
+
);
|
|
65
|
+
};
|
|
66
|
+
|
|
27
67
|
const Submenu: React.FunctionComponent = () => {
|
|
28
68
|
return (
|
|
29
69
|
<Menu>
|
|
@@ -57,12 +97,62 @@ const MenuSubMenu: React.FunctionComponent = () => {
|
|
|
57
97
|
);
|
|
58
98
|
};
|
|
59
99
|
|
|
100
|
+
const MenuOpenOnHover: React.FunctionComponent = () => {
|
|
101
|
+
return (
|
|
102
|
+
<Stack style={stackStyle}>
|
|
103
|
+
<Menu openOnHover>
|
|
104
|
+
<MenuTrigger>
|
|
105
|
+
<Button>Test</Button>
|
|
106
|
+
</MenuTrigger>
|
|
107
|
+
<MenuPopover>
|
|
108
|
+
<MenuList>
|
|
109
|
+
<MenuItem content="A MenuItem" />
|
|
110
|
+
<Submenu />
|
|
111
|
+
</MenuList>
|
|
112
|
+
</MenuPopover>
|
|
113
|
+
</Menu>
|
|
114
|
+
</Stack>
|
|
115
|
+
);
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
const MenuControlledOpen: React.FunctionComponent = () => {
|
|
119
|
+
const [open, setOpen] = React.useState<boolean>(false);
|
|
120
|
+
return (
|
|
121
|
+
<Stack style={[stackStyle, { flexDirection: 'row' }]}>
|
|
122
|
+
<Button onClick={() => setOpen(!open)}>Toggle open</Button>
|
|
123
|
+
<Menu open={open}>
|
|
124
|
+
<MenuTrigger>
|
|
125
|
+
<Button>Test</Button>
|
|
126
|
+
</MenuTrigger>
|
|
127
|
+
<MenuPopover>
|
|
128
|
+
<MenuList>
|
|
129
|
+
<MenuItem content="A MenuItem" />
|
|
130
|
+
<Submenu />
|
|
131
|
+
</MenuList>
|
|
132
|
+
</MenuPopover>
|
|
133
|
+
</Menu>
|
|
134
|
+
</Stack>
|
|
135
|
+
);
|
|
136
|
+
};
|
|
137
|
+
|
|
60
138
|
const menuSections: TestSection[] = [
|
|
61
139
|
{
|
|
62
140
|
name: 'Menu Default',
|
|
63
141
|
testID: MENU_TESTPAGE,
|
|
64
142
|
component: MenuDefault,
|
|
65
143
|
},
|
|
144
|
+
{
|
|
145
|
+
name: 'Menu Checkmarks',
|
|
146
|
+
component: MenuCheckmarks,
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
name: 'Menu open on hover',
|
|
150
|
+
component: MenuOpenOnHover,
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
name: 'Menu open controlled',
|
|
154
|
+
component: MenuControlledOpen,
|
|
155
|
+
},
|
|
66
156
|
{
|
|
67
157
|
name: 'Menu Submenu',
|
|
68
158
|
component: MenuSubMenu,
|