@fluentui-react-native/tester 0.116.7 → 0.117.0
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 +16 -1
- package/CHANGELOG.md +10 -2
- package/lib/E2E/src/common/consts.d.ts +3 -5
- package/lib/E2E/src/common/consts.d.ts.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Menu/E2EMenuTest.d.ts.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Menu/E2EMenuTest.js +15 -6
- package/lib/fluent-tester/src/TestComponents/Menu/E2EMenuTest.js.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Menu/consts.d.ts +4 -1
- package/lib/fluent-tester/src/TestComponents/Menu/consts.d.ts.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Menu/consts.js +6 -1
- package/lib/fluent-tester/src/TestComponents/Menu/consts.js.map +1 -1
- package/lib-commonjs/E2E/src/common/consts.d.ts +3 -5
- package/lib-commonjs/E2E/src/common/consts.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Menu/E2EMenuTest.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Menu/E2EMenuTest.js +13 -4
- package/lib-commonjs/fluent-tester/src/TestComponents/Menu/E2EMenuTest.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Menu/consts.d.ts +4 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Menu/consts.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Menu/consts.js +7 -2
- package/lib-commonjs/fluent-tester/src/TestComponents/Menu/consts.js.map +1 -1
- package/package.json +1 -1
- package/src/TestComponents/Menu/E2EMenuTest.tsx +30 -5
- package/src/TestComponents/Menu/consts.ts +9 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,22 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Tue, 13 Dec 2022
|
|
5
|
+
"date": "Tue, 13 Dec 2022 21:31:28 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.117.0",
|
|
7
|
+
"version": "0.117.0",
|
|
8
|
+
"comments": {
|
|
9
|
+
"minor": [
|
|
10
|
+
{
|
|
11
|
+
"author": "winlarry@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "7af343bc8a54cbc67edc0087cd0fbfe1c8bfb0e1",
|
|
14
|
+
"comment": "Add more baseline Menu E2E tests"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Tue, 13 Dec 2022 20:07:29 GMT",
|
|
6
21
|
"tag": "@fluentui-react-native/tester_v0.116.7",
|
|
7
22
|
"version": "0.116.7",
|
|
8
23
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on Tue, 13 Dec 2022
|
|
3
|
+
This log was last generated on Tue, 13 Dec 2022 21:31:28 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.117.0
|
|
8
|
+
|
|
9
|
+
Tue, 13 Dec 2022 21:31:28 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- Add more baseline Menu E2E tests (winlarry@microsoft.com)
|
|
14
|
+
|
|
7
15
|
## 0.116.7
|
|
8
16
|
|
|
9
|
-
Tue, 13 Dec 2022 20:07:
|
|
17
|
+
Tue, 13 Dec 2022 20:07:29 GMT
|
|
10
18
|
|
|
11
19
|
### Patches
|
|
12
20
|
|
|
@@ -27,7 +27,9 @@ export declare const enum AttributeValue {
|
|
|
27
27
|
on = "1",
|
|
28
28
|
off = "0",
|
|
29
29
|
true = "True",
|
|
30
|
-
false = "False"
|
|
30
|
+
false = "False",
|
|
31
|
+
expanded = "Expanded",
|
|
32
|
+
collapsed = "Collapsed"
|
|
31
33
|
}
|
|
32
34
|
export declare const enum Keys {
|
|
33
35
|
NULL = "\uE000",
|
|
@@ -89,8 +91,4 @@ export declare const enum Keys {
|
|
|
89
91
|
F11 = "\uE03B",
|
|
90
92
|
F12 = "\uE03C"
|
|
91
93
|
}
|
|
92
|
-
export declare const enum ExpandCollapseState {
|
|
93
|
-
EXPANDED = "Expanded",
|
|
94
|
-
COLLAPSED = "Collapsed"
|
|
95
|
-
}
|
|
96
94
|
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../E2E/src/common/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,4BAA4B,CAAC;AAGnD,eAAO,MAAM,gBAAgB,uBAAuB,CAAC;AACrD,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,kBAAkB,yBAAyB,CAAC;AACzD,eAAO,MAAM,cAAc,0BAA0B,CAAC;AACtD,eAAO,MAAM,oBAAoB,uBAAuB,CAAC;AACzD,eAAO,MAAM,cAAc,qBAAqB,CAAC;AACjD,eAAO,MAAM,kBAAkB,yBAAyB,CAAC;AACzD,eAAO,MAAM,qBAAqB,4BAA4B,CAAC;AAC/D,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AACvD,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAC/C,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AACvD,eAAO,MAAM,cAAc,qBAAqB,CAAC;AAGjD,eAAO,MAAM,gBAAgB,QAAQ,CAAC;AACtC,eAAO,MAAM,YAAY,QAAQ,CAAC;AAElC,0BAAkB,SAAS;IACzB,kBAAkB,SAAS;IAC3B,iBAAiB,gBAAgB;IACjC,mBAAmB,uCAAuC;IAC1D,SAAS,cAAc;IACvB,SAAS,qBAAqB;IAC9B,iBAAiB,sBAAsB;IACvC,wBAAwB,6BAA6B;IACrD,WAAW,uBAAuB;CACnC;AAED,0BAAkB,cAAc;IAC9B,EAAE,MAAM;IACR,GAAG,MAAM;IACT,IAAI,SAAS;IACb,KAAK,UAAU;
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../E2E/src/common/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,4BAA4B,CAAC;AAGnD,eAAO,MAAM,gBAAgB,uBAAuB,CAAC;AACrD,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,kBAAkB,yBAAyB,CAAC;AACzD,eAAO,MAAM,cAAc,0BAA0B,CAAC;AACtD,eAAO,MAAM,oBAAoB,uBAAuB,CAAC;AACzD,eAAO,MAAM,cAAc,qBAAqB,CAAC;AACjD,eAAO,MAAM,kBAAkB,yBAAyB,CAAC;AACzD,eAAO,MAAM,qBAAqB,4BAA4B,CAAC;AAC/D,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AACvD,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAC/C,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AACvD,eAAO,MAAM,cAAc,qBAAqB,CAAC;AAGjD,eAAO,MAAM,gBAAgB,QAAQ,CAAC;AACtC,eAAO,MAAM,YAAY,QAAQ,CAAC;AAElC,0BAAkB,SAAS;IACzB,kBAAkB,SAAS;IAC3B,iBAAiB,gBAAgB;IACjC,mBAAmB,uCAAuC;IAC1D,SAAS,cAAc;IACvB,SAAS,qBAAqB;IAC9B,iBAAiB,sBAAsB;IACvC,wBAAwB,6BAA6B;IACrD,WAAW,uBAAuB;CACnC;AAED,0BAAkB,cAAc;IAC9B,EAAE,MAAM;IACR,GAAG,MAAM;IACT,IAAI,SAAS;IACb,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,SAAS,cAAc;CACxB;AAGD,0BAAkB,IAAI;IACpB,IAAI,WAAW;IACf,MAAM,WAAW;IACjB,IAAI,WAAW;IACf,UAAU,WAAW;IACrB,GAAG,WAAW;IACd,KAAK,WAAW;IAChB,MAAM,WAAW;IACjB,KAAK,WAAW;IAChB,KAAK,WAAW;IAChB,OAAO,WAAW;IAClB,GAAG,WAAW;IACd,KAAK,WAAW;IAChB,MAAM,WAAW;IACjB,KAAK,WAAW;IAChB,OAAO,WAAW;IAClB,SAAS,WAAW;IACpB,GAAG,WAAW;IACd,IAAI,WAAW;IACf,UAAU,WAAW;IACrB,IAAI,WAAW;IACf,QAAQ,WAAW;IACnB,EAAE,WAAW;IACb,WAAW,WAAW;IACtB,KAAK,WAAW;IAChB,UAAU,WAAW;IACrB,IAAI,WAAW;IACf,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,SAAS,WAAW;IACpB,MAAM,WAAW;IAEjB,OAAO,WAAW;IAClB,OAAO,WAAW;IAClB,OAAO,WAAW;IAClB,OAAO,WAAW;IAClB,OAAO,WAAW;IAClB,OAAO,WAAW;IAClB,OAAO,WAAW;IAClB,OAAO,WAAW;IAClB,OAAO,WAAW;IAClB,OAAO,WAAW;IAClB,QAAQ,WAAW;IACnB,GAAG,WAAW;IACd,SAAS,WAAW;IACpB,QAAQ,WAAW;IACnB,OAAO,WAAW;IAClB,MAAM,WAAW;IAEjB,EAAE,WAAW;IACb,EAAE,WAAW;IACb,EAAE,WAAW;IACb,EAAE,WAAW;IACb,EAAE,WAAW;IACb,EAAE,WAAW;IACb,EAAE,WAAW;IACb,EAAE,WAAW;IACb,EAAE,WAAW;IACb,GAAG,WAAW;IACd,GAAG,WAAW;IACd,GAAG,WAAW;CACf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"E2EMenuTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/E2EMenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"E2EMenuTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/E2EMenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAsD/B,CAAC"}
|
|
@@ -2,26 +2,35 @@ import * as React from 'react';
|
|
|
2
2
|
import { View } from 'react-native';
|
|
3
3
|
import { Stack } from '@fluentui-react-native/stack';
|
|
4
4
|
import { stackStyle } from '../Common/styles';
|
|
5
|
-
import { ButtonV1 as Button
|
|
5
|
+
import { ButtonV1 as Button } from '@fluentui-react-native/button';
|
|
6
6
|
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
7
7
|
import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui-react-native/menu';
|
|
8
|
-
import { MENUITEM_ACCESSIBILITY_LABEL, MENUITEM_NO_A11Y_LABEL_COMPONENT, MENUTRIGGER_TEST_COMPONENT, MENUITEM_TEST_LABEL, MENU_ON_CLOSE, MENU_ON_OPEN, MENUITEM_TEST_COMPONENT, MENUPOPOVER_TEST_COMPONENT,
|
|
8
|
+
import { MENUITEM_ACCESSIBILITY_LABEL, MENUITEM_NO_A11Y_LABEL_COMPONENT, MENUTRIGGER_TEST_COMPONENT, MENUITEM_TEST_LABEL, MENU_ON_CLOSE, MENU_ON_OPEN, MENUITEM_TEST_COMPONENT, MENUPOPOVER_TEST_COMPONENT, MENU_CALLBACK_RESET_BUTTON, MENUITEM_FOURTH_COMPONENT, MENUITEM_DISABLED_COMPONENT, MENUITEM_CALLBACK_LABEL, } from './consts';
|
|
9
9
|
export var E2EMenuTest = function () {
|
|
10
10
|
var _a = React.useState(false), menuOpened = _a[0], setMenuOpened = _a[1];
|
|
11
|
+
var _b = React.useState(0), numOnClickCalls = _b[0], setNumOnClickCalls = _b[1];
|
|
11
12
|
var onOpenChange = React.useCallback(function (_e, isOpen) {
|
|
12
13
|
setMenuOpened(isOpen);
|
|
13
14
|
}, [setMenuOpened]);
|
|
15
|
+
var onItemClick = function () {
|
|
16
|
+
setNumOnClickCalls(function (n) { return n + 1; });
|
|
17
|
+
};
|
|
18
|
+
var onResetClick = function () {
|
|
19
|
+
setNumOnClickCalls(0);
|
|
20
|
+
};
|
|
14
21
|
return (React.createElement(Stack, { style: stackStyle },
|
|
15
22
|
React.createElement(View, { style: { flexDirection: 'row' } },
|
|
16
23
|
menuOpened ? React.createElement(Text, { testID: MENU_ON_OPEN }, "Menu opened") : React.createElement(Text, { testID: MENU_ON_CLOSE }, "Menu closed"),
|
|
17
|
-
React.createElement(
|
|
24
|
+
React.createElement(Button, { onClick: onResetClick, testID: MENU_CALLBACK_RESET_BUTTON }, "Reset Item Callback"),
|
|
18
25
|
React.createElement(Menu, { open: menuOpened, onOpenChange: onOpenChange },
|
|
19
26
|
React.createElement(MenuTrigger, null,
|
|
20
27
|
React.createElement(Button, { testID: MENUTRIGGER_TEST_COMPONENT }, "Test")),
|
|
21
28
|
React.createElement(MenuPopover, { testID: MENUPOPOVER_TEST_COMPONENT },
|
|
22
29
|
React.createElement(MenuList, null,
|
|
23
|
-
React.createElement(MenuItem, { testID: MENUITEM_TEST_COMPONENT, accessibilityLabel: MENUITEM_ACCESSIBILITY_LABEL }, "A plain MenuItem"),
|
|
24
|
-
React.createElement(MenuItem, { disabled: true }, "A second disabled plain MenuItem"),
|
|
25
|
-
React.createElement(MenuItem, { testID: MENUITEM_NO_A11Y_LABEL_COMPONENT }, MENUITEM_TEST_LABEL)
|
|
30
|
+
React.createElement(MenuItem, { onClick: onItemClick, testID: MENUITEM_TEST_COMPONENT, accessibilityLabel: MENUITEM_ACCESSIBILITY_LABEL, persistOnClick: true }, "A plain MenuItem"),
|
|
31
|
+
React.createElement(MenuItem, { onClick: onItemClick, testID: MENUITEM_DISABLED_COMPONENT, disabled: true, persistOnClick: true }, "A second disabled plain MenuItem"),
|
|
32
|
+
React.createElement(MenuItem, { testID: MENUITEM_NO_A11Y_LABEL_COMPONENT }, MENUITEM_TEST_LABEL),
|
|
33
|
+
React.createElement(MenuItem, { testID: MENUITEM_FOURTH_COMPONENT }, "A fourth plain MenuItem"))))),
|
|
34
|
+
React.createElement(Text, { style: { marginVertical: 4 }, testID: MENUITEM_CALLBACK_LABEL }, "onClick fired ".concat(numOnClickCalls, " times"))));
|
|
26
35
|
};
|
|
27
36
|
//# sourceMappingURL=E2EMenuTest.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"E2EMenuTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/E2EMenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"E2EMenuTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/E2EMenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACjG,OAAO,EACL,4BAA4B,EAC5B,gCAAgC,EAChC,0BAA0B,EAC1B,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,uBAAuB,EACvB,0BAA0B,EAC1B,0BAA0B,EAC1B,yBAAyB,EACzB,2BAA2B,EAC3B,uBAAuB,GACxB,MAAM,UAAU,CAAC;AAElB,MAAM,CAAC,IAAM,WAAW,GAA4B;IAC5C,IAAA,KAA8B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAlD,UAAU,QAAA,EAAE,aAAa,QAAyB,CAAC;IACpD,IAAA,KAAwC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAxD,eAAe,QAAA,EAAE,kBAAkB,QAAqB,CAAC;IAEhE,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,UAAC,EAAO,EAAE,MAAe;QACvB,aAAa,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,IAAM,WAAW,GAAG;QAClB,kBAAkB,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,GAAG,CAAC,EAAL,CAAK,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG;QACnB,kBAAkB,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;QACtB,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;YAClC,UAAU,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,MAAM,EAAE,YAAY,kBAAoB,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,MAAM,EAAE,aAAa,kBAAoB;YAC9G,oBAAC,MAAM,IAAC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,0BAA0B,0BAExD;YACT,oBAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY;gBAChD,oBAAC,WAAW;oBACV,oBAAC,MAAM,IAAC,MAAM,EAAE,0BAA0B,WAAe,CAC7C;gBACd,oBAAC,WAAW,IAAC,MAAM,EAAE,0BAA0B;oBAC7C,oBAAC,QAAQ;wBACP,oBAAC,QAAQ,IACP,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,uBAAuB,EAC/B,kBAAkB,EAAE,4BAA4B,EAChD,cAAc,6BAGL;wBACX,oBAAC,QAAQ,IAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,2BAA2B,EAAE,QAAQ,QAAC,cAAc,6CAEjF;wBACX,oBAAC,QAAQ,IAAC,MAAM,EAAE,gCAAgC,IAAG,mBAAmB,CAAY;wBACpF,oBAAC,QAAQ,IAAC,MAAM,EAAE,yBAAyB,8BAAoC,CACtE,CACC,CACT,CACF;QACP,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,uBAAuB,IAChE,wBAAiB,eAAe,WAAQ,CACpC,CACD,CACT,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -8,5 +8,8 @@ export declare const MENUITEM_NO_A11Y_LABEL_COMPONENT = "MenuItem_No_A11y_label_
|
|
|
8
8
|
export declare const MENUITEM_TEST_LABEL = "Test MenuItem2 - No Accessibility Label";
|
|
9
9
|
export declare const MENU_ON_OPEN = "Menu_On_Open";
|
|
10
10
|
export declare const MENU_ON_CLOSE = "Menu_On_Close";
|
|
11
|
-
export declare const
|
|
11
|
+
export declare const MENUITEM_DISABLED_COMPONENT = "MenuItem_Disabled_Component";
|
|
12
|
+
export declare const MENUITEM_FOURTH_COMPONENT = "MenuItem_Fourth_Component";
|
|
13
|
+
export declare const MENU_CALLBACK_RESET_BUTTON = "Menu_Reset_Button";
|
|
14
|
+
export declare const MENUITEM_CALLBACK_LABEL = "Menu_Item_Callback_Label";
|
|
12
15
|
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAC3D,eAAO,MAAM,aAAa,kBAAkB,CAAC;AAE7C,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AACvE,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AAGvE,eAAO,MAAM,uBAAuB,4BAA4B,CAAC;AACjE,eAAO,MAAM,4BAA4B,6CAA6C,CAAC;AAGvF,eAAO,MAAM,gCAAgC,qCAAqC,CAAC;AACnF,eAAO,MAAM,mBAAmB,4CAA4C,CAAC;AAE7E,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAC3C,eAAO,MAAM,aAAa,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAC3D,eAAO,MAAM,aAAa,kBAAkB,CAAC;AAE7C,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AACvE,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AAGvE,eAAO,MAAM,uBAAuB,4BAA4B,CAAC;AACjE,eAAO,MAAM,4BAA4B,6CAA6C,CAAC;AAGvF,eAAO,MAAM,gCAAgC,qCAAqC,CAAC;AACnF,eAAO,MAAM,mBAAmB,4CAA4C,CAAC;AAE7E,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAC3C,eAAO,MAAM,aAAa,kBAAkB,CAAC;AAG7C,eAAO,MAAM,2BAA2B,gCAAgC,CAAC;AAGzE,eAAO,MAAM,yBAAyB,8BAA8B,CAAC;AAErE,eAAO,MAAM,0BAA0B,sBAAsB,CAAC;AAE9D,eAAO,MAAM,uBAAuB,6BAA6B,CAAC"}
|
|
@@ -10,5 +10,10 @@ export var MENUITEM_NO_A11Y_LABEL_COMPONENT = 'MenuItem_No_A11y_label_Component'
|
|
|
10
10
|
export var MENUITEM_TEST_LABEL = 'Test MenuItem2 - No Accessibility Label'; // A component on each specific test page
|
|
11
11
|
export var MENU_ON_OPEN = 'Menu_On_Open'; // For testing the open functionality of Menu
|
|
12
12
|
export var MENU_ON_CLOSE = 'Menu_On_Close'; // For testing the open functionality of Menu
|
|
13
|
-
|
|
13
|
+
/* Test MenuItem 3 */
|
|
14
|
+
export var MENUITEM_DISABLED_COMPONENT = 'MenuItem_Disabled_Component';
|
|
15
|
+
/* Test MenuItem 4 */
|
|
16
|
+
export var MENUITEM_FOURTH_COMPONENT = 'MenuItem_Fourth_Component';
|
|
17
|
+
export var MENU_CALLBACK_RESET_BUTTON = 'Menu_Reset_Button'; // For resetting the menu item callback text
|
|
18
|
+
export var MENUITEM_CALLBACK_LABEL = 'Menu_Item_Callback_Label';
|
|
14
19
|
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,oBAAoB,GAAG,sBAAsB,CAAC;AAC3D,MAAM,CAAC,IAAM,aAAa,GAAG,eAAe,CAAC;AAE7C,MAAM,CAAC,IAAM,0BAA0B,GAAG,4BAA4B,CAAC;AACvE,MAAM,CAAC,IAAM,0BAA0B,GAAG,4BAA4B,CAAC;AAEvE,qBAAqB;AACrB,MAAM,CAAC,IAAM,uBAAuB,GAAG,yBAAyB,CAAC,CAAC,yCAAyC;AAC3G,MAAM,CAAC,IAAM,4BAA4B,GAAG,0CAA0C,CAAC;AAEvF,qBAAqB;AACrB,MAAM,CAAC,IAAM,gCAAgC,GAAG,kCAAkC,CAAC;AACnF,MAAM,CAAC,IAAM,mBAAmB,GAAG,yCAAyC,CAAC,CAAC,yCAAyC;AAEvH,MAAM,CAAC,IAAM,YAAY,GAAG,cAAc,CAAC,CAAC,6CAA6C;AACzF,MAAM,CAAC,IAAM,aAAa,GAAG,eAAe,CAAC,CAAC,6CAA6C;AAE3F,MAAM,CAAC,IAAM,
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,oBAAoB,GAAG,sBAAsB,CAAC;AAC3D,MAAM,CAAC,IAAM,aAAa,GAAG,eAAe,CAAC;AAE7C,MAAM,CAAC,IAAM,0BAA0B,GAAG,4BAA4B,CAAC;AACvE,MAAM,CAAC,IAAM,0BAA0B,GAAG,4BAA4B,CAAC;AAEvE,qBAAqB;AACrB,MAAM,CAAC,IAAM,uBAAuB,GAAG,yBAAyB,CAAC,CAAC,yCAAyC;AAC3G,MAAM,CAAC,IAAM,4BAA4B,GAAG,0CAA0C,CAAC;AAEvF,qBAAqB;AACrB,MAAM,CAAC,IAAM,gCAAgC,GAAG,kCAAkC,CAAC;AACnF,MAAM,CAAC,IAAM,mBAAmB,GAAG,yCAAyC,CAAC,CAAC,yCAAyC;AAEvH,MAAM,CAAC,IAAM,YAAY,GAAG,cAAc,CAAC,CAAC,6CAA6C;AACzF,MAAM,CAAC,IAAM,aAAa,GAAG,eAAe,CAAC,CAAC,6CAA6C;AAE3F,qBAAqB;AACrB,MAAM,CAAC,IAAM,2BAA2B,GAAG,6BAA6B,CAAC;AAEzE,qBAAqB;AACrB,MAAM,CAAC,IAAM,yBAAyB,GAAG,2BAA2B,CAAC;AAErE,MAAM,CAAC,IAAM,0BAA0B,GAAG,mBAAmB,CAAC,CAAC,4CAA4C;AAE3G,MAAM,CAAC,IAAM,uBAAuB,GAAG,0BAA0B,CAAC"}
|
|
@@ -27,7 +27,9 @@ export declare const enum AttributeValue {
|
|
|
27
27
|
on = "1",
|
|
28
28
|
off = "0",
|
|
29
29
|
true = "True",
|
|
30
|
-
false = "False"
|
|
30
|
+
false = "False",
|
|
31
|
+
expanded = "Expanded",
|
|
32
|
+
collapsed = "Collapsed"
|
|
31
33
|
}
|
|
32
34
|
export declare const enum Keys {
|
|
33
35
|
NULL = "\uE000",
|
|
@@ -89,8 +91,4 @@ export declare const enum Keys {
|
|
|
89
91
|
F11 = "\uE03B",
|
|
90
92
|
F12 = "\uE03C"
|
|
91
93
|
}
|
|
92
|
-
export declare const enum ExpandCollapseState {
|
|
93
|
-
EXPANDED = "Expanded",
|
|
94
|
-
COLLAPSED = "Collapsed"
|
|
95
|
-
}
|
|
96
94
|
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../E2E/src/common/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,4BAA4B,CAAC;AAGnD,eAAO,MAAM,gBAAgB,uBAAuB,CAAC;AACrD,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,kBAAkB,yBAAyB,CAAC;AACzD,eAAO,MAAM,cAAc,0BAA0B,CAAC;AACtD,eAAO,MAAM,oBAAoB,uBAAuB,CAAC;AACzD,eAAO,MAAM,cAAc,qBAAqB,CAAC;AACjD,eAAO,MAAM,kBAAkB,yBAAyB,CAAC;AACzD,eAAO,MAAM,qBAAqB,4BAA4B,CAAC;AAC/D,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AACvD,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAC/C,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AACvD,eAAO,MAAM,cAAc,qBAAqB,CAAC;AAGjD,eAAO,MAAM,gBAAgB,QAAQ,CAAC;AACtC,eAAO,MAAM,YAAY,QAAQ,CAAC;AAElC,0BAAkB,SAAS;IACzB,kBAAkB,SAAS;IAC3B,iBAAiB,gBAAgB;IACjC,mBAAmB,uCAAuC;IAC1D,SAAS,cAAc;IACvB,SAAS,qBAAqB;IAC9B,iBAAiB,sBAAsB;IACvC,wBAAwB,6BAA6B;IACrD,WAAW,uBAAuB;CACnC;AAED,0BAAkB,cAAc;IAC9B,EAAE,MAAM;IACR,GAAG,MAAM;IACT,IAAI,SAAS;IACb,KAAK,UAAU;
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../E2E/src/common/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,4BAA4B,CAAC;AAGnD,eAAO,MAAM,gBAAgB,uBAAuB,CAAC;AACrD,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,kBAAkB,yBAAyB,CAAC;AACzD,eAAO,MAAM,cAAc,0BAA0B,CAAC;AACtD,eAAO,MAAM,oBAAoB,uBAAuB,CAAC;AACzD,eAAO,MAAM,cAAc,qBAAqB,CAAC;AACjD,eAAO,MAAM,kBAAkB,yBAAyB,CAAC;AACzD,eAAO,MAAM,qBAAqB,4BAA4B,CAAC;AAC/D,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AACvD,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAC/C,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AACvD,eAAO,MAAM,cAAc,qBAAqB,CAAC;AAGjD,eAAO,MAAM,gBAAgB,QAAQ,CAAC;AACtC,eAAO,MAAM,YAAY,QAAQ,CAAC;AAElC,0BAAkB,SAAS;IACzB,kBAAkB,SAAS;IAC3B,iBAAiB,gBAAgB;IACjC,mBAAmB,uCAAuC;IAC1D,SAAS,cAAc;IACvB,SAAS,qBAAqB;IAC9B,iBAAiB,sBAAsB;IACvC,wBAAwB,6BAA6B;IACrD,WAAW,uBAAuB;CACnC;AAED,0BAAkB,cAAc;IAC9B,EAAE,MAAM;IACR,GAAG,MAAM;IACT,IAAI,SAAS;IACb,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,SAAS,cAAc;CACxB;AAGD,0BAAkB,IAAI;IACpB,IAAI,WAAW;IACf,MAAM,WAAW;IACjB,IAAI,WAAW;IACf,UAAU,WAAW;IACrB,GAAG,WAAW;IACd,KAAK,WAAW;IAChB,MAAM,WAAW;IACjB,KAAK,WAAW;IAChB,KAAK,WAAW;IAChB,OAAO,WAAW;IAClB,GAAG,WAAW;IACd,KAAK,WAAW;IAChB,MAAM,WAAW;IACjB,KAAK,WAAW;IAChB,OAAO,WAAW;IAClB,SAAS,WAAW;IACpB,GAAG,WAAW;IACd,IAAI,WAAW;IACf,UAAU,WAAW;IACrB,IAAI,WAAW;IACf,QAAQ,WAAW;IACnB,EAAE,WAAW;IACb,WAAW,WAAW;IACtB,KAAK,WAAW;IAChB,UAAU,WAAW;IACrB,IAAI,WAAW;IACf,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,SAAS,WAAW;IACpB,MAAM,WAAW;IAEjB,OAAO,WAAW;IAClB,OAAO,WAAW;IAClB,OAAO,WAAW;IAClB,OAAO,WAAW;IAClB,OAAO,WAAW;IAClB,OAAO,WAAW;IAClB,OAAO,WAAW;IAClB,OAAO,WAAW;IAClB,OAAO,WAAW;IAClB,OAAO,WAAW;IAClB,QAAQ,WAAW;IACnB,GAAG,WAAW;IACd,SAAS,WAAW;IACpB,QAAQ,WAAW;IACnB,OAAO,WAAW;IAClB,MAAM,WAAW;IAEjB,EAAE,WAAW;IACb,EAAE,WAAW;IACb,EAAE,WAAW;IACb,EAAE,WAAW;IACb,EAAE,WAAW;IACb,EAAE,WAAW;IACb,EAAE,WAAW;IACb,EAAE,WAAW;IACb,EAAE,WAAW;IACb,GAAG,WAAW;IACd,GAAG,WAAW;IACd,GAAG,WAAW;CACf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"E2EMenuTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/E2EMenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"E2EMenuTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/E2EMenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAsD/B,CAAC"}
|
|
@@ -12,21 +12,30 @@ var menu_1 = require("@fluentui-react-native/menu");
|
|
|
12
12
|
var consts_1 = require("./consts");
|
|
13
13
|
var E2EMenuTest = function () {
|
|
14
14
|
var _a = React.useState(false), menuOpened = _a[0], setMenuOpened = _a[1];
|
|
15
|
+
var _b = React.useState(0), numOnClickCalls = _b[0], setNumOnClickCalls = _b[1];
|
|
15
16
|
var onOpenChange = React.useCallback(function (_e, isOpen) {
|
|
16
17
|
setMenuOpened(isOpen);
|
|
17
18
|
}, [setMenuOpened]);
|
|
19
|
+
var onItemClick = function () {
|
|
20
|
+
setNumOnClickCalls(function (n) { return n + 1; });
|
|
21
|
+
};
|
|
22
|
+
var onResetClick = function () {
|
|
23
|
+
setNumOnClickCalls(0);
|
|
24
|
+
};
|
|
18
25
|
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
19
26
|
React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
|
|
20
27
|
menuOpened ? React.createElement(text_1.TextV1, { testID: consts_1.MENU_ON_OPEN }, "Menu opened") : React.createElement(text_1.TextV1, { testID: consts_1.MENU_ON_CLOSE }, "Menu closed"),
|
|
21
|
-
React.createElement(button_1.ButtonV1, { testID: consts_1.
|
|
28
|
+
React.createElement(button_1.ButtonV1, { onClick: onResetClick, testID: consts_1.MENU_CALLBACK_RESET_BUTTON }, "Reset Item Callback"),
|
|
22
29
|
React.createElement(menu_1.Menu, { open: menuOpened, onOpenChange: onOpenChange },
|
|
23
30
|
React.createElement(menu_1.MenuTrigger, null,
|
|
24
31
|
React.createElement(button_1.ButtonV1, { testID: consts_1.MENUTRIGGER_TEST_COMPONENT }, "Test")),
|
|
25
32
|
React.createElement(menu_1.MenuPopover, { testID: consts_1.MENUPOPOVER_TEST_COMPONENT },
|
|
26
33
|
React.createElement(menu_1.MenuList, null,
|
|
27
|
-
React.createElement(menu_1.MenuItem, { testID: consts_1.MENUITEM_TEST_COMPONENT, accessibilityLabel: consts_1.MENUITEM_ACCESSIBILITY_LABEL }, "A plain MenuItem"),
|
|
28
|
-
React.createElement(menu_1.MenuItem, { disabled: true }, "A second disabled plain MenuItem"),
|
|
29
|
-
React.createElement(menu_1.MenuItem, { testID: consts_1.MENUITEM_NO_A11Y_LABEL_COMPONENT }, consts_1.MENUITEM_TEST_LABEL)
|
|
34
|
+
React.createElement(menu_1.MenuItem, { onClick: onItemClick, testID: consts_1.MENUITEM_TEST_COMPONENT, accessibilityLabel: consts_1.MENUITEM_ACCESSIBILITY_LABEL, persistOnClick: true }, "A plain MenuItem"),
|
|
35
|
+
React.createElement(menu_1.MenuItem, { onClick: onItemClick, testID: consts_1.MENUITEM_DISABLED_COMPONENT, disabled: true, persistOnClick: true }, "A second disabled plain MenuItem"),
|
|
36
|
+
React.createElement(menu_1.MenuItem, { testID: consts_1.MENUITEM_NO_A11Y_LABEL_COMPONENT }, consts_1.MENUITEM_TEST_LABEL),
|
|
37
|
+
React.createElement(menu_1.MenuItem, { testID: consts_1.MENUITEM_FOURTH_COMPONENT }, "A fourth plain MenuItem"))))),
|
|
38
|
+
React.createElement(text_1.TextV1, { style: { marginVertical: 4 }, testID: consts_1.MENUITEM_CALLBACK_LABEL }, "onClick fired ".concat(numOnClickCalls, " times"))));
|
|
30
39
|
};
|
|
31
40
|
exports.E2EMenuTest = E2EMenuTest;
|
|
32
41
|
//# sourceMappingURL=E2EMenuTest.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"E2EMenuTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/E2EMenuTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAoC;AACpC,sDAAqD;AACrD,2CAA8C;AAC9C,
|
|
1
|
+
{"version":3,"file":"E2EMenuTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/E2EMenuTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAoC;AACpC,sDAAqD;AACrD,2CAA8C;AAC9C,wDAAmE;AACnE,oDAA6D;AAC7D,oDAAiG;AACjG,mCAakB;AAEX,IAAM,WAAW,GAA4B;IAC5C,IAAA,KAA8B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAlD,UAAU,QAAA,EAAE,aAAa,QAAyB,CAAC;IACpD,IAAA,KAAwC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAxD,eAAe,QAAA,EAAE,kBAAkB,QAAqB,CAAC;IAEhE,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,UAAC,EAAO,EAAE,MAAe;QACvB,aAAa,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,IAAM,WAAW,GAAG;QAClB,kBAAkB,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,GAAG,CAAC,EAAL,CAAK,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG;QACnB,kBAAkB,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;YAClC,UAAU,CAAC,CAAC,CAAC,oBAAC,aAAI,IAAC,MAAM,EAAE,qBAAY,kBAAoB,CAAC,CAAC,CAAC,oBAAC,aAAI,IAAC,MAAM,EAAE,sBAAa,kBAAoB;YAC9G,oBAAC,iBAAM,IAAC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,mCAA0B,0BAExD;YACT,oBAAC,WAAI,IAAC,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY;gBAChD,oBAAC,kBAAW;oBACV,oBAAC,iBAAM,IAAC,MAAM,EAAE,mCAA0B,WAAe,CAC7C;gBACd,oBAAC,kBAAW,IAAC,MAAM,EAAE,mCAA0B;oBAC7C,oBAAC,eAAQ;wBACP,oBAAC,eAAQ,IACP,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,gCAAuB,EAC/B,kBAAkB,EAAE,qCAA4B,EAChD,cAAc,6BAGL;wBACX,oBAAC,eAAQ,IAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,oCAA2B,EAAE,QAAQ,QAAC,cAAc,6CAEjF;wBACX,oBAAC,eAAQ,IAAC,MAAM,EAAE,yCAAgC,IAAG,4BAAmB,CAAY;wBACpF,oBAAC,eAAQ,IAAC,MAAM,EAAE,kCAAyB,8BAAoC,CACtE,CACC,CACT,CACF;QACP,oBAAC,aAAI,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,gCAAuB,IAChE,wBAAiB,eAAe,WAAQ,CACpC,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAtDW,QAAA,WAAW,eAsDtB"}
|
|
@@ -8,5 +8,8 @@ export declare const MENUITEM_NO_A11Y_LABEL_COMPONENT = "MenuItem_No_A11y_label_
|
|
|
8
8
|
export declare const MENUITEM_TEST_LABEL = "Test MenuItem2 - No Accessibility Label";
|
|
9
9
|
export declare const MENU_ON_OPEN = "Menu_On_Open";
|
|
10
10
|
export declare const MENU_ON_CLOSE = "Menu_On_Close";
|
|
11
|
-
export declare const
|
|
11
|
+
export declare const MENUITEM_DISABLED_COMPONENT = "MenuItem_Disabled_Component";
|
|
12
|
+
export declare const MENUITEM_FOURTH_COMPONENT = "MenuItem_Fourth_Component";
|
|
13
|
+
export declare const MENU_CALLBACK_RESET_BUTTON = "Menu_Reset_Button";
|
|
14
|
+
export declare const MENUITEM_CALLBACK_LABEL = "Menu_Item_Callback_Label";
|
|
12
15
|
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAC3D,eAAO,MAAM,aAAa,kBAAkB,CAAC;AAE7C,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AACvE,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AAGvE,eAAO,MAAM,uBAAuB,4BAA4B,CAAC;AACjE,eAAO,MAAM,4BAA4B,6CAA6C,CAAC;AAGvF,eAAO,MAAM,gCAAgC,qCAAqC,CAAC;AACnF,eAAO,MAAM,mBAAmB,4CAA4C,CAAC;AAE7E,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAC3C,eAAO,MAAM,aAAa,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAC3D,eAAO,MAAM,aAAa,kBAAkB,CAAC;AAE7C,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AACvE,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AAGvE,eAAO,MAAM,uBAAuB,4BAA4B,CAAC;AACjE,eAAO,MAAM,4BAA4B,6CAA6C,CAAC;AAGvF,eAAO,MAAM,gCAAgC,qCAAqC,CAAC;AACnF,eAAO,MAAM,mBAAmB,4CAA4C,CAAC;AAE7E,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAC3C,eAAO,MAAM,aAAa,kBAAkB,CAAC;AAG7C,eAAO,MAAM,2BAA2B,gCAAgC,CAAC;AAGzE,eAAO,MAAM,yBAAyB,8BAA8B,CAAC;AAErE,eAAO,MAAM,0BAA0B,sBAAsB,CAAC;AAE9D,eAAO,MAAM,uBAAuB,6BAA6B,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.MENUITEM_CALLBACK_LABEL = exports.MENU_CALLBACK_RESET_BUTTON = exports.MENUITEM_FOURTH_COMPONENT = exports.MENUITEM_DISABLED_COMPONENT = exports.MENU_ON_CLOSE = exports.MENU_ON_OPEN = exports.MENUITEM_TEST_LABEL = exports.MENUITEM_NO_A11Y_LABEL_COMPONENT = exports.MENUITEM_ACCESSIBILITY_LABEL = exports.MENUITEM_TEST_COMPONENT = exports.MENUPOPOVER_TEST_COMPONENT = exports.MENUTRIGGER_TEST_COMPONENT = exports.MENU_TESTPAGE = exports.HOMEPAGE_MENU_BUTTON = void 0;
|
|
4
4
|
exports.HOMEPAGE_MENU_BUTTON = 'Homepage_Menu_Button';
|
|
5
5
|
exports.MENU_TESTPAGE = 'Menu_TestPage';
|
|
6
6
|
exports.MENUTRIGGER_TEST_COMPONENT = 'MenuTrigger_Test_Component';
|
|
@@ -13,5 +13,10 @@ exports.MENUITEM_NO_A11Y_LABEL_COMPONENT = 'MenuItem_No_A11y_label_Component';
|
|
|
13
13
|
exports.MENUITEM_TEST_LABEL = 'Test MenuItem2 - No Accessibility Label'; // A component on each specific test page
|
|
14
14
|
exports.MENU_ON_OPEN = 'Menu_On_Open'; // For testing the open functionality of Menu
|
|
15
15
|
exports.MENU_ON_CLOSE = 'Menu_On_Close'; // For testing the open functionality of Menu
|
|
16
|
-
|
|
16
|
+
/* Test MenuItem 3 */
|
|
17
|
+
exports.MENUITEM_DISABLED_COMPONENT = 'MenuItem_Disabled_Component';
|
|
18
|
+
/* Test MenuItem 4 */
|
|
19
|
+
exports.MENUITEM_FOURTH_COMPONENT = 'MenuItem_Fourth_Component';
|
|
20
|
+
exports.MENU_CALLBACK_RESET_BUTTON = 'Menu_Reset_Button'; // For resetting the menu item callback text
|
|
21
|
+
exports.MENUITEM_CALLBACK_LABEL = 'Menu_Item_Callback_Label';
|
|
17
22
|
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG,sBAAsB,CAAC;AAC9C,QAAA,aAAa,GAAG,eAAe,CAAC;AAEhC,QAAA,0BAA0B,GAAG,4BAA4B,CAAC;AAC1D,QAAA,0BAA0B,GAAG,4BAA4B,CAAC;AAEvE,qBAAqB;AACR,QAAA,uBAAuB,GAAG,yBAAyB,CAAC,CAAC,yCAAyC;AAC9F,QAAA,4BAA4B,GAAG,0CAA0C,CAAC;AAEvF,qBAAqB;AACR,QAAA,gCAAgC,GAAG,kCAAkC,CAAC;AACtE,QAAA,mBAAmB,GAAG,yCAAyC,CAAC,CAAC,yCAAyC;AAE1G,QAAA,YAAY,GAAG,cAAc,CAAC,CAAC,6CAA6C;AAC5E,QAAA,aAAa,GAAG,eAAe,CAAC,CAAC,6CAA6C;
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG,sBAAsB,CAAC;AAC9C,QAAA,aAAa,GAAG,eAAe,CAAC;AAEhC,QAAA,0BAA0B,GAAG,4BAA4B,CAAC;AAC1D,QAAA,0BAA0B,GAAG,4BAA4B,CAAC;AAEvE,qBAAqB;AACR,QAAA,uBAAuB,GAAG,yBAAyB,CAAC,CAAC,yCAAyC;AAC9F,QAAA,4BAA4B,GAAG,0CAA0C,CAAC;AAEvF,qBAAqB;AACR,QAAA,gCAAgC,GAAG,kCAAkC,CAAC;AACtE,QAAA,mBAAmB,GAAG,yCAAyC,CAAC,CAAC,yCAAyC;AAE1G,QAAA,YAAY,GAAG,cAAc,CAAC,CAAC,6CAA6C;AAC5E,QAAA,aAAa,GAAG,eAAe,CAAC,CAAC,6CAA6C;AAE3F,qBAAqB;AACR,QAAA,2BAA2B,GAAG,6BAA6B,CAAC;AAEzE,qBAAqB;AACR,QAAA,yBAAyB,GAAG,2BAA2B,CAAC;AAExD,QAAA,0BAA0B,GAAG,mBAAmB,CAAC,CAAC,4CAA4C;AAE9F,QAAA,uBAAuB,GAAG,0BAA0B,CAAC"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { View } from 'react-native';
|
|
3
3
|
import { Stack } from '@fluentui-react-native/stack';
|
|
4
4
|
import { stackStyle } from '../Common/styles';
|
|
5
|
-
import { ButtonV1 as Button
|
|
5
|
+
import { ButtonV1 as Button } from '@fluentui-react-native/button';
|
|
6
6
|
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
7
7
|
import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui-react-native/menu';
|
|
8
8
|
import {
|
|
@@ -14,11 +14,15 @@ import {
|
|
|
14
14
|
MENU_ON_OPEN,
|
|
15
15
|
MENUITEM_TEST_COMPONENT,
|
|
16
16
|
MENUPOPOVER_TEST_COMPONENT,
|
|
17
|
-
|
|
17
|
+
MENU_CALLBACK_RESET_BUTTON,
|
|
18
|
+
MENUITEM_FOURTH_COMPONENT,
|
|
19
|
+
MENUITEM_DISABLED_COMPONENT,
|
|
20
|
+
MENUITEM_CALLBACK_LABEL,
|
|
18
21
|
} from './consts';
|
|
19
22
|
|
|
20
23
|
export const E2EMenuTest: React.FunctionComponent = () => {
|
|
21
24
|
const [menuOpened, setMenuOpened] = React.useState(false);
|
|
25
|
+
const [numOnClickCalls, setNumOnClickCalls] = React.useState(0);
|
|
22
26
|
|
|
23
27
|
const onOpenChange = React.useCallback(
|
|
24
28
|
(_e: any, isOpen: boolean) => {
|
|
@@ -27,26 +31,47 @@ export const E2EMenuTest: React.FunctionComponent = () => {
|
|
|
27
31
|
[setMenuOpened],
|
|
28
32
|
);
|
|
29
33
|
|
|
34
|
+
const onItemClick = () => {
|
|
35
|
+
setNumOnClickCalls((n) => n + 1);
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
const onResetClick = () => {
|
|
39
|
+
setNumOnClickCalls(0);
|
|
40
|
+
};
|
|
41
|
+
|
|
30
42
|
return (
|
|
31
43
|
<Stack style={stackStyle}>
|
|
32
44
|
<View style={{ flexDirection: 'row' }}>
|
|
33
45
|
{menuOpened ? <Text testID={MENU_ON_OPEN}>Menu opened</Text> : <Text testID={MENU_ON_CLOSE}>Menu closed</Text>}
|
|
34
|
-
<
|
|
46
|
+
<Button onClick={onResetClick} testID={MENU_CALLBACK_RESET_BUTTON}>
|
|
47
|
+
Reset Item Callback
|
|
48
|
+
</Button>
|
|
35
49
|
<Menu open={menuOpened} onOpenChange={onOpenChange}>
|
|
36
50
|
<MenuTrigger>
|
|
37
51
|
<Button testID={MENUTRIGGER_TEST_COMPONENT}>Test</Button>
|
|
38
52
|
</MenuTrigger>
|
|
39
53
|
<MenuPopover testID={MENUPOPOVER_TEST_COMPONENT}>
|
|
40
54
|
<MenuList>
|
|
41
|
-
<MenuItem
|
|
55
|
+
<MenuItem
|
|
56
|
+
onClick={onItemClick}
|
|
57
|
+
testID={MENUITEM_TEST_COMPONENT}
|
|
58
|
+
accessibilityLabel={MENUITEM_ACCESSIBILITY_LABEL}
|
|
59
|
+
persistOnClick
|
|
60
|
+
>
|
|
42
61
|
A plain MenuItem
|
|
43
62
|
</MenuItem>
|
|
44
|
-
<MenuItem
|
|
63
|
+
<MenuItem onClick={onItemClick} testID={MENUITEM_DISABLED_COMPONENT} disabled persistOnClick>
|
|
64
|
+
A second disabled plain MenuItem
|
|
65
|
+
</MenuItem>
|
|
45
66
|
<MenuItem testID={MENUITEM_NO_A11Y_LABEL_COMPONENT}>{MENUITEM_TEST_LABEL}</MenuItem>
|
|
67
|
+
<MenuItem testID={MENUITEM_FOURTH_COMPONENT}>A fourth plain MenuItem</MenuItem>
|
|
46
68
|
</MenuList>
|
|
47
69
|
</MenuPopover>
|
|
48
70
|
</Menu>
|
|
49
71
|
</View>
|
|
72
|
+
<Text style={{ marginVertical: 4 }} testID={MENUITEM_CALLBACK_LABEL}>
|
|
73
|
+
{`onClick fired ${numOnClickCalls} times`}
|
|
74
|
+
</Text>
|
|
50
75
|
</Stack>
|
|
51
76
|
);
|
|
52
77
|
};
|
|
@@ -15,4 +15,12 @@ export const MENUITEM_TEST_LABEL = 'Test MenuItem2 - No Accessibility Label'; //
|
|
|
15
15
|
export const MENU_ON_OPEN = 'Menu_On_Open'; // For testing the open functionality of Menu
|
|
16
16
|
export const MENU_ON_CLOSE = 'Menu_On_Close'; // For testing the open functionality of Menu
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
/* Test MenuItem 3 */
|
|
19
|
+
export const MENUITEM_DISABLED_COMPONENT = 'MenuItem_Disabled_Component';
|
|
20
|
+
|
|
21
|
+
/* Test MenuItem 4 */
|
|
22
|
+
export const MENUITEM_FOURTH_COMPONENT = 'MenuItem_Fourth_Component';
|
|
23
|
+
|
|
24
|
+
export const MENU_CALLBACK_RESET_BUTTON = 'Menu_Reset_Button'; // For resetting the menu item callback text
|
|
25
|
+
|
|
26
|
+
export const MENUITEM_CALLBACK_LABEL = 'Menu_Item_Callback_Label';
|