@fluentui-react-native/tester 0.81.2 → 0.82.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 +225 -1
- package/CHANGELOG.md +52 -2
- package/docs/android.md +2 -2
- package/lib/TestComponents/Button/ButtonHOCTestSection.js +1 -1
- package/lib/TestComponents/Button/ButtonHOCTestSection.js.map +1 -1
- package/lib/TestComponents/Button/E2EButtonTest.d.ts.map +1 -1
- package/lib/TestComponents/Button/E2EButtonTest.js +25 -2
- package/lib/TestComponents/Button/E2EButtonTest.js.map +1 -1
- package/lib/TestComponents/Button/consts.d.ts +3 -0
- package/lib/TestComponents/Button/consts.d.ts.map +1 -1
- package/lib/TestComponents/Button/consts.js +4 -0
- package/lib/TestComponents/Button/consts.js.map +1 -1
- package/lib/TestComponents/Menu/E2EMenuTest.js +1 -1
- package/lib/TestComponents/Menu/E2EMenuTest.js.map +1 -1
- package/lib/TestComponents/Menu/MenuTest.js +1 -1
- package/lib/TestComponents/Menu/MenuTest.js.map +1 -1
- package/lib/TestComponents/Notification/NotificationTest.js +2 -2
- package/lib/TestComponents/Notification/NotificationTest.js.map +1 -1
- package/lib/TestComponents/TabsExperimental/TabsExperimentalE2ETest.js +1 -1
- package/lib/TestComponents/TabsExperimental/TabsExperimentalE2ETest.js.map +1 -1
- package/lib/TestComponents/TabsExperimental/TabsTest.js +1 -1
- package/lib/TestComponents/TabsExperimental/TabsTest.js.map +1 -1
- package/lib/testPages.android.d.ts.map +1 -1
- package/lib/testPages.android.js +6 -0
- package/lib/testPages.android.js.map +1 -1
- package/lib/theme/ThemePickers.android.js +1 -1
- package/lib/theme/ThemePickers.android.js.map +1 -1
- package/lib/theme/ThemePickers.js +1 -1
- package/lib/theme/ThemePickers.js.map +1 -1
- package/lib/theme/ThemePickers.macos.js +1 -1
- package/lib/theme/ThemePickers.macos.js.map +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonHOCTestSection.js +2 -2
- package/lib-commonjs/TestComponents/Button/ButtonHOCTestSection.js.map +1 -1
- package/lib-commonjs/TestComponents/Button/E2EButtonTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Button/E2EButtonTest.js +23 -1
- package/lib-commonjs/TestComponents/Button/E2EButtonTest.js.map +1 -1
- package/lib-commonjs/TestComponents/Button/consts.d.ts +3 -0
- package/lib-commonjs/TestComponents/Button/consts.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Button/consts.js +5 -1
- package/lib-commonjs/TestComponents/Button/consts.js.map +1 -1
- package/lib-commonjs/TestComponents/Menu/E2EMenuTest.js +2 -2
- package/lib-commonjs/TestComponents/Menu/E2EMenuTest.js.map +1 -1
- package/lib-commonjs/TestComponents/Menu/MenuTest.js +2 -2
- package/lib-commonjs/TestComponents/Menu/MenuTest.js.map +1 -1
- package/lib-commonjs/TestComponents/Notification/NotificationTest.js +2 -2
- package/lib-commonjs/TestComponents/Notification/NotificationTest.js.map +1 -1
- package/lib-commonjs/TestComponents/TabsExperimental/TabsExperimentalE2ETest.js +7 -7
- package/lib-commonjs/TestComponents/TabsExperimental/TabsExperimentalE2ETest.js.map +1 -1
- package/lib-commonjs/TestComponents/TabsExperimental/TabsTest.js +23 -23
- package/lib-commonjs/TestComponents/TabsExperimental/TabsTest.js.map +1 -1
- package/lib-commonjs/testPages.android.d.ts.map +1 -1
- package/lib-commonjs/testPages.android.js +6 -0
- package/lib-commonjs/testPages.android.js.map +1 -1
- package/lib-commonjs/theme/ThemePickers.android.js +2 -2
- package/lib-commonjs/theme/ThemePickers.android.js.map +1 -1
- package/lib-commonjs/theme/ThemePickers.js +2 -2
- package/lib-commonjs/theme/ThemePickers.js.map +1 -1
- package/lib-commonjs/theme/ThemePickers.macos.js +3 -3
- package/lib-commonjs/theme/ThemePickers.macos.js.map +1 -1
- package/package.json +16 -15
- package/src/TestComponents/Button/ButtonHOCTestSection.tsx +1 -1
- package/src/TestComponents/Button/E2EButtonTest.tsx +32 -0
- package/src/TestComponents/Button/consts.ts +5 -0
- package/src/TestComponents/Menu/E2EMenuTest.tsx +1 -1
- package/src/TestComponents/Menu/MenuTest.tsx +1 -1
- package/src/TestComponents/Notification/NotificationTest.tsx +2 -2
- package/src/TestComponents/TabsExperimental/TabsExperimentalE2ETest.tsx +1 -1
- package/src/TestComponents/TabsExperimental/TabsTest.tsx +1 -1
- package/src/testPages.android.ts +6 -0
- package/src/theme/ThemePickers.android.tsx +1 -1
- package/src/theme/ThemePickers.macos.tsx +1 -1
- package/src/theme/ThemePickers.tsx +1 -1
|
@@ -24,6 +24,7 @@ var ActivityIndicator_1 = require("./TestComponents/ActivityIndicator");
|
|
|
24
24
|
var Tokens_1 = require("./TestComponents/Tokens");
|
|
25
25
|
var CheckboxExperimental_1 = require("./TestComponents/CheckboxExperimental");
|
|
26
26
|
var TextExperimental_1 = require("./TestComponents/TextExperimental");
|
|
27
|
+
var Notification_1 = require("./TestComponents/Notification");
|
|
27
28
|
exports.tests = [
|
|
28
29
|
{
|
|
29
30
|
name: 'ActivityIndicator Test',
|
|
@@ -140,5 +141,10 @@ exports.tests = [
|
|
|
140
141
|
component: Tokens_1.TokenTest,
|
|
141
142
|
testPage: Tokens_1.HOMEPAGE_TOKEN_BUTTON,
|
|
142
143
|
},
|
|
144
|
+
{
|
|
145
|
+
name: 'Notification Test',
|
|
146
|
+
component: Notification_1.NotificationTest,
|
|
147
|
+
testPage: Notification_1.HOMEPAGE_NOTIFICATION_BUTTON,
|
|
148
|
+
},
|
|
143
149
|
];
|
|
144
150
|
//# sourceMappingURL=testPages.android.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testPages.android.js","sourceRoot":"","sources":["../src/testPages.android.ts"],"names":[],"mappings":";;;AACA,kDAA6E;AAC7E,gDAAmE;AACnE,kDAA6E;AAC7E,oDAAgF;AAChF,sDAAmF;AACnF,kEAAqG;AACrG,gFAAgF;AAChF,gEAA8F;AAC9F,8CAAuE;AACvE,oDAAgF;AAChF,4DAA4F;AAC5F,wDAAsF;AACtF,0DAAyF;AACzF,wDAAsF;AACtF,oDAAgF;AAChF,4CAAoE;AACpE,8CAAuE;AACvE,gDAA0E;AAC1E,8CAAuE;AACvE,wEAA+G;AAC/G,kDAA2E;AAC3E,8EAAwH;AACxH,sEAA4G;
|
|
1
|
+
{"version":3,"file":"testPages.android.js","sourceRoot":"","sources":["../src/testPages.android.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ exports.ThemePickers = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
var react_native_1 = require("react-native");
|
|
7
|
-
var
|
|
7
|
+
var text_1 = require("@fluentui-react-native/text");
|
|
8
8
|
var CustomThemes_1 = require("./CustomThemes");
|
|
9
9
|
var applyTheme_1 = require("./applyTheme");
|
|
10
10
|
var applyBrand_1 = require("./applyBrand");
|
|
@@ -34,7 +34,7 @@ var getThemedDropdownStyles = (0, themed_stylesheet_1.themedStyleSheet)(function
|
|
|
34
34
|
},
|
|
35
35
|
};
|
|
36
36
|
});
|
|
37
|
-
var PickerLabel =
|
|
37
|
+
var PickerLabel = text_1.TextV1.customize({ variant: 'subheaderSemibold' });
|
|
38
38
|
var ThemePickers = function () {
|
|
39
39
|
var onBrandChange = React.useCallback(function (newBrand) {
|
|
40
40
|
CustomThemes_1.testerTheme.brand = newBrand;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemePickers.android.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.android.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"ThemePickers.android.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.android.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAoC;AACpC,oDAA6D;AAC7D,+CAA+D;AAC/D,2CAAwD;AACxD,2CAAyD;AACzD,8DAAmE;AACnE,8EAA4E;AAC5E,sDAAkE;AAElE,IAAM,uBAAuB,GAAG,IAAA,oCAAgB,EAAC,UAAC,CAAQ;IACxD,OAAO;QACL,UAAU,EAAE;YACV,aAAa,EAAE,KAAK;SACrB;QACD,MAAM,EAAE;YACN,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,CAAC;SACX;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,GAAG;YACV,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ;SACzB;QACD,cAAc,EAAE;YACd,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,gBAAgB;YACtC,WAAW,EAAE,CAAC;SACf;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAM,WAAW,GAAG,aAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC,CAAC;AAE9D,IAAM,YAAY,GAA4B;IACnD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACvD,0BAAW,CAAC,KAAK,GAAG,QAAuB,CAAC;IAC9C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACzD,0BAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,aAAqB;QACjE,0BAAW,CAAC,UAAU,GAAG,aAA6C,CAAC;IACzE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,KAAK,GAAG,IAAA,oBAAQ,GAAE,CAAC;IACzB,IAAM,kBAAkB,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAC;IAM1D,IAAM,aAAa,GAAyD;QAC1E,KAAK,EAAE,kBAAkB,CAAC,QAAQ;QAClC,IAAI,EAAE,UAAU;KACjB,CAAC;IAEF,IAAM,QAAQ,GAAG,UAAC,KAAoB;QAC5B,IAAA,OAAO,GAA6B,KAAK,QAAlC,EAAE,aAAa,GAAc,KAAK,cAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAW;QAClD,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,kBAAkB,CAAC,cAAc;YAC5C,oBAAC,eAAM,0BAAC,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,IAAM,aAAa,GACzH,OAAO,CAAC,GAAG,CAAC,UAAC,KAAoB,EAAE,KAAa,IAAK,OAAA,CACpD,oBAAC,eAAM,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,eAAQ,KAAK,CAAE,GAAI,CAC9E,EAFqD,CAErD,CAAC,CACK,CACJ,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,kBAAkB,CAAC,UAAU;QACxC,oBAAC,mBAAI,IAAC,KAAK,EAAE,kBAAkB,CAAC,MAAM;YACpC,oBAAC,WAAW,kBAAsB;YAClC,oBAAC,QAAQ,IAAC,OAAO,EAAE,0BAAW,CAAC,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,OAAO,EAAE,yBAAY,GAAI,CAC9F;QAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,kBAAkB,CAAC,MAAM;YACpC,oBAAC,WAAW,uBAA2B;YACvC,oBAAC,QAAQ,IAAC,OAAO,EAAE,0BAAW,CAAC,UAAU,EAAE,aAAa,EAAE,kBAAkB,EAAE,OAAO,EAAE,+BAAgB,GAAI,CACtG;QAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,kBAAkB,CAAC,MAAM;YACpC,oBAAC,WAAW,kBAAsB;YAClC,oBAAC,QAAQ,IAAC,OAAO,EAAE,0BAAW,CAAC,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,yBAAY,GAAI,CACxF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAxDW,QAAA,YAAY,gBAwDvB"}
|
|
@@ -4,7 +4,7 @@ exports.ThemePickers = exports.PartPicker = exports.themePickerStyles = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
var react_native_1 = require("react-native");
|
|
7
|
-
var
|
|
7
|
+
var text_1 = require("@fluentui-react-native/text");
|
|
8
8
|
var CustomThemes_1 = require("./CustomThemes");
|
|
9
9
|
var applyTheme_1 = require("./applyTheme");
|
|
10
10
|
var applyBrand_1 = require("./applyBrand");
|
|
@@ -34,7 +34,7 @@ var PartPicker = function (props) {
|
|
|
34
34
|
return React.createElement(MenuPicker_1.MenuPicker, { selected: selected, style: exports.themePickerStyles.dropdown, onChange: onValueChange, collection: contents });
|
|
35
35
|
};
|
|
36
36
|
exports.PartPicker = PartPicker;
|
|
37
|
-
var PickerLabel =
|
|
37
|
+
var PickerLabel = text_1.TextV1.customize({ variant: 'bodySemibold' });
|
|
38
38
|
var ThemePickers = function () {
|
|
39
39
|
var onBrandChange = React.useCallback(function (newBrand) {
|
|
40
40
|
CustomThemes_1.testerTheme.brand = newBrand;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemePickers.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAgD;AAChD,
|
|
1
|
+
{"version":3,"file":"ThemePickers.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAgD;AAChD,oDAA6D;AAC7D,+CAA+D;AAC/D,2CAAwD;AACxD,2CAAyD;AAEzD,kEAAiE;AAEpD,QAAA,iBAAiB,GAAG,yBAAU,CAAC,MAAM,CAAC;IACjD,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;KACrB;IAED,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,CAAC;KACX;IAED,QAAQ,EAAE;QACR,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC;AAUI,IAAM,UAAU,GAA6C,UAAC,KAAsB;IACjF,IAAA,OAAO,GAAyB,KAAK,QAA9B,EAAE,QAAQ,GAAe,KAAK,SAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IACxC,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAhD,QAAQ,QAAA,EAAE,WAAW,QAA2B,CAAC;IACxD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,UAAC,KAAa;QACZ,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EACD,CAAC,WAAW,EAAE,QAAQ,CAAC,CACxB,CAAC;IAEF,OAAO,oBAAC,uBAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,yBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,GAAI,CAAC;AAC9H,CAAC,CAAC;AAZW,QAAA,UAAU,cAYrB;AAEF,IAAM,WAAW,GAAG,aAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC;AAEzD,IAAM,YAAY,GAA4B;IACnD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACvD,0BAAW,CAAC,KAAK,GAAG,QAAuB,CAAC;IAC9C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACzD,0BAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,aAAqB;QACjE,0BAAW,CAAC,UAAU,GAAG,aAA2C,CAAC;IACvE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,UAAU;QACvC,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,kBAAsB;YAClC,oBAAC,kBAAU,IAAC,OAAO,EAAE,0BAAW,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,yBAAY,GAAI,CAC5F;QAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,uBAA2B;YACvC,oBAAC,kBAAU,IAAC,OAAO,EAAE,0BAAW,CAAC,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAE,QAAQ,EAAE,+BAAgB,GAAI,CACpG;QAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,kBAAsB;YAClC,oBAAC,kBAAU,IAAC,OAAO,EAAE,0BAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,yBAAY,GAAI,CACtF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,YAAY,gBA+BvB"}
|
|
@@ -4,7 +4,7 @@ exports.ThemePickers = exports.PartPicker = exports.themePickerStyles = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
var react_native_1 = require("react-native");
|
|
7
|
-
var
|
|
7
|
+
var text_1 = require("@fluentui-react-native/text");
|
|
8
8
|
var react_native_svg_1 = require("react-native-svg");
|
|
9
9
|
var menu_1 = require("@fluentui-react-native/menu");
|
|
10
10
|
var react_native_2 = require("@fluentui/react-native");
|
|
@@ -43,7 +43,7 @@ var ThemeMenuPicker = function (_a) {
|
|
|
43
43
|
React.createElement(menu_1.Menu, null,
|
|
44
44
|
React.createElement(menu_1.MenuTrigger, null,
|
|
45
45
|
React.createElement(react_native_2.ButtonV1, null,
|
|
46
|
-
React.createElement(
|
|
46
|
+
React.createElement(text_1.TextV1, null, selected),
|
|
47
47
|
React.createElement(react_native_1.View, { style: themeMenuPickerStyles.svg },
|
|
48
48
|
React.createElement(react_native_svg_1.SvgXml, { xml: chevronXml })))),
|
|
49
49
|
React.createElement(menu_1.MenuPopover, null,
|
|
@@ -59,7 +59,7 @@ var PartPicker = function (props) {
|
|
|
59
59
|
return React.createElement(ThemeMenuPicker, { selected: value, style: exports.themePickerStyles.dropdown, onChange: onValueChange, collection: contents });
|
|
60
60
|
};
|
|
61
61
|
exports.PartPicker = PartPicker;
|
|
62
|
-
var PickerLabel =
|
|
62
|
+
var PickerLabel = text_1.TextV1.customize({ variant: 'bodySemibold' });
|
|
63
63
|
var ThemePickers = function () {
|
|
64
64
|
var onBrandChange = React.useCallback(function (newBrand) {
|
|
65
65
|
CustomThemes_1.testerTheme.brand = newBrand;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemePickers.macos.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.macos.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAgD;AAChD,
|
|
1
|
+
{"version":3,"file":"ThemePickers.macos.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.macos.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAgD;AAChD,oDAA6D;AAC7D,qDAA0C;AAC1C,oDAAiG;AACjG,uDAA4D;AAC5D,+CAA6C;AAC7C,2CAAwD;AACxD,2CAAyD;AAE5C,QAAA,iBAAiB,GAAG,yBAAU,CAAC,MAAM,CAAC;IACjD,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;KACrB;IAED,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,CAAC;KACX;IAED,QAAQ,EAAE;QACR,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC;AAEH,IAAM,qBAAqB,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC9C,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,CAAC;KACV;IACD,GAAG,EAAE;QACH,OAAO,EAAE,CAAC;KACX;CACF,CAAC,CAAC;AAUH,IAAM,eAAe,GAAG,UAAC,EAAyC;QAAvC,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,KAAK,WAAA;IAC9D,IAAM,UAAU,GAAG,ycAGZ,CAAC;IAER,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,kDAAO,qBAAqB,CAAC,SAAS,GAAK,KAAK;QACzD,oBAAC,WAAI;YACH,oBAAC,kBAAW;gBACV,oBAAC,uBAAM;oBACL,oBAAC,aAAI,QAAE,QAAQ,CAAQ;oBACvB,oBAAC,mBAAI,IAAC,KAAK,EAAE,qBAAqB,CAAC,GAAG;wBACpC,oBAAC,yBAAM,IAAC,GAAG,EAAE,UAAU,GAAI,CACtB,CACA,CACG;YACd,oBAAC,kBAAW;gBACV,oBAAC,eAAQ,QACN,UAAU,CAAC,GAAG,CAAC,UAAC,KAAsB,EAAE,KAAa,IAAK,OAAA,CACzD,oBAAC,eAAQ,IAAC,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,EAArB,CAAqB,EAAE,GAAG,EAAE,eAAQ,KAAK,CAAE,IACjE,KAAK,CAAC,KAAK,CACH,CACZ,EAJ0D,CAI1D,CAAC,CACO,CACC,CACT,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEK,IAAM,UAAU,GAA6C,UAAC,KAAsB;IACjF,IAAA,OAAO,GAAyB,KAAK,QAA9B,EAAE,QAAQ,GAAe,KAAK,SAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IACxC,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,EAA1C,KAAK,QAAA,EAAE,QAAQ,QAA2B,CAAC;IAClD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,UAAC,QAAgB;QACf,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IACF,OAAO,oBAAC,eAAe,IAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,GAAI,CAAC;AAChI,CAAC,CAAC;AAXW,QAAA,UAAU,cAWrB;AAEF,IAAM,WAAW,GAAG,aAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC;AAEzD,IAAM,YAAY,GAA4B;IACnD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACvD,0BAAW,CAAC,KAAK,GAAG,QAAuB,CAAC;IAC9C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACzD,0BAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,UAAU;QACvC,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,kBAAsB;YAClC,oBAAC,kBAAU,IAAC,OAAO,EAAE,0BAAW,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,yBAAY,GAAI,CAC5F;QAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,kBAAsB;YAClC,oBAAC,kBAAU,IAAC,OAAO,EAAE,0BAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,yBAAY,GAAI,CACtF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,YAAY,gBAsBvB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.82.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>",
|
|
@@ -37,33 +37,34 @@
|
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@fluentui-react-native/android-theme": ">=0.11.0 <1.0.0",
|
|
39
39
|
"@fluentui-react-native/apple-theme": ">=0.13.2 <1.0.0",
|
|
40
|
-
"@fluentui-react-native/avatar": "^1.1.
|
|
41
|
-
"@fluentui-react-native/badge": ">=0.1.
|
|
42
|
-
"@fluentui-react-native/button": ">=0.24.
|
|
40
|
+
"@fluentui-react-native/avatar": "^1.1.27",
|
|
41
|
+
"@fluentui-react-native/badge": ">=0.1.13 <1.0.0",
|
|
42
|
+
"@fluentui-react-native/button": ">=0.24.11 <1.0.0",
|
|
43
43
|
"@fluentui-react-native/default-theme": ">=0.14.0 <1.0.0",
|
|
44
44
|
"@fluentui-react-native/experimental-activity-indicator": ">=0.6.0 <1.0.0",
|
|
45
45
|
"@fluentui-react-native/experimental-avatar": ">=0.16.0 <1.0.0",
|
|
46
|
-
"@fluentui-react-native/experimental-button": "0.16.
|
|
47
|
-
"@fluentui-react-native/experimental-checkbox": "0.12.
|
|
46
|
+
"@fluentui-react-native/experimental-button": "0.16.11",
|
|
47
|
+
"@fluentui-react-native/experimental-checkbox": "0.12.8",
|
|
48
48
|
"@fluentui-react-native/experimental-expander": "0.4.0",
|
|
49
|
-
"@fluentui-react-native/experimental-menu-button": ">=0.4.
|
|
49
|
+
"@fluentui-react-native/experimental-menu-button": ">=0.4.13 <1.0.0",
|
|
50
50
|
"@fluentui-react-native/experimental-native-date-picker": ">=0.6.0 <1.0.0",
|
|
51
51
|
"@fluentui-react-native/experimental-shadow": "0.2.10",
|
|
52
52
|
"@fluentui-react-native/experimental-shimmer": "0.7.0",
|
|
53
|
-
"@fluentui-react-native/experimental-tabs": "0.5.
|
|
54
|
-
"@fluentui-react-native/experimental-text": ">=0.
|
|
53
|
+
"@fluentui-react-native/experimental-tabs": "0.5.8",
|
|
54
|
+
"@fluentui-react-native/experimental-text": ">=0.11.0 <1.0.0",
|
|
55
55
|
"@fluentui-react-native/framework": ">=0.8.0 <1.0.0",
|
|
56
|
-
"@fluentui-react-native/icon": "0.13.
|
|
57
|
-
"@fluentui-react-native/interactive-hooks": ">=0.
|
|
58
|
-
"@fluentui-react-native/menu": "^1.0.
|
|
59
|
-
"@fluentui-react-native/notification": "0.
|
|
60
|
-
"@fluentui-react-native/stack": ">=0.7.
|
|
56
|
+
"@fluentui-react-native/icon": "0.13.3",
|
|
57
|
+
"@fluentui-react-native/interactive-hooks": ">=0.18.0 <1.0.0",
|
|
58
|
+
"@fluentui-react-native/menu": "^1.0.20",
|
|
59
|
+
"@fluentui-react-native/notification": "0.11.2",
|
|
60
|
+
"@fluentui-react-native/stack": ">=0.7.2 <1.0.0",
|
|
61
|
+
"@fluentui-react-native/text": ">=0.13.0 <1.0.0",
|
|
61
62
|
"@fluentui-react-native/theme": ">=0.7.0 <1.0.0",
|
|
62
63
|
"@fluentui-react-native/theme-types": ">=0.18.0 <1.0.0",
|
|
63
64
|
"@fluentui-react-native/themed-stylesheet": "^1.4.0",
|
|
64
65
|
"@fluentui-react-native/theming-utils": ">=0.14.0 <1.0.0",
|
|
65
66
|
"@fluentui-react-native/win32-theme": ">=0.20.1 <1.0.0",
|
|
66
|
-
"@fluentui/react-native": ">=0.
|
|
67
|
+
"@fluentui/react-native": ">=0.32.0 <1.0.0",
|
|
67
68
|
"@react-native-community/slider": "^4.2.0",
|
|
68
69
|
"@react-native-menu/menu": "^0.1.2",
|
|
69
70
|
"@react-native-picker/picker": "^2.2.1",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
2
|
-
import { Text } from '@fluentui-react-native/
|
|
2
|
+
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
3
3
|
import { Icon, SvgIconProps } from '@fluentui-react-native/icon';
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { Platform, View } from 'react-native';
|
|
@@ -11,15 +11,38 @@ import {
|
|
|
11
11
|
BUTTON_NO_A11Y_LABEL_COMPONENT,
|
|
12
12
|
BUTTON_ACCESSIBILITY_LABEL,
|
|
13
13
|
BUTTON_TEST_COMPONENT_LABEL,
|
|
14
|
+
BUTTON_ON_KEY,
|
|
15
|
+
BUTTON_PRESS_TEST_COMPONENT,
|
|
16
|
+
BUTTON_PRESS_TEST_COMPONENT_LABEL,
|
|
14
17
|
} from './consts';
|
|
18
|
+
import { IViewWin32Props } from '@office-iss/react-native-win32';
|
|
15
19
|
|
|
16
20
|
export const E2EButtonExperimentalTest: React.FunctionComponent = () => {
|
|
17
21
|
const [buttonPressed, setButtonPressed] = React.useState(false);
|
|
22
|
+
const [keyDetected, setKeyDetected] = React.useState('');
|
|
18
23
|
|
|
19
24
|
const onClick = React.useCallback(() => {
|
|
20
25
|
setButtonPressed(!buttonPressed);
|
|
26
|
+
setKeyDetected('');
|
|
21
27
|
}, [buttonPressed]);
|
|
22
28
|
|
|
29
|
+
const keyPressProps: Omit<IViewWin32Props, 'accessibilityRole' | 'onBlur' | 'onFocus'> = {
|
|
30
|
+
keyDownEvents: [{ key: 'a' }],
|
|
31
|
+
onKeyDown: (args) => {
|
|
32
|
+
if (args.nativeEvent.key === 'a') {
|
|
33
|
+
setKeyDetected('a (down)');
|
|
34
|
+
args.stopPropagation();
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
keyUpEvents: [{ key: 'b' }],
|
|
38
|
+
onKeyUp: (args) => {
|
|
39
|
+
if (args.nativeEvent.key === 'b') {
|
|
40
|
+
setKeyDetected('b (up)');
|
|
41
|
+
args.stopPropagation();
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
};
|
|
45
|
+
|
|
23
46
|
return (
|
|
24
47
|
<View>
|
|
25
48
|
<Stack style={stackStyle}>
|
|
@@ -29,7 +52,16 @@ export const E2EButtonExperimentalTest: React.FunctionComponent = () => {
|
|
|
29
52
|
<Button testID={BUTTON_NO_A11Y_LABEL_COMPONENT} onClick={onClick}>
|
|
30
53
|
{BUTTON_TEST_COMPONENT_LABEL}
|
|
31
54
|
</Button>
|
|
55
|
+
<Button
|
|
56
|
+
testID={BUTTON_PRESS_TEST_COMPONENT}
|
|
57
|
+
onClick={onClick}
|
|
58
|
+
accessibilityLabel={BUTTON_PRESS_TEST_COMPONENT_LABEL}
|
|
59
|
+
{...keyPressProps}
|
|
60
|
+
>
|
|
61
|
+
Press "a" or "b" after focusing this button
|
|
62
|
+
</Button>
|
|
32
63
|
{buttonPressed ? <Text testID={BUTTON_ON_PRESS}>Button Pressed</Text> : null}
|
|
64
|
+
{keyDetected ? <Text testID={BUTTON_ON_KEY}>Button Key Press detected: {keyDetected}</Text> : null}
|
|
33
65
|
</Stack>
|
|
34
66
|
</View>
|
|
35
67
|
);
|
|
@@ -19,4 +19,9 @@ export const BUTTON_ACCESSIBILITY_LABEL = 'E2E testing Button accessibility labe
|
|
|
19
19
|
export const BUTTON_NO_A11Y_LABEL_COMPONENT = 'Button_No_A11y_label_Component';
|
|
20
20
|
export const BUTTON_TEST_COMPONENT_LABEL = 'Test Button2 - No Accessibility Label'; // A component on each specific test page
|
|
21
21
|
|
|
22
|
+
/* Test Button 3 */
|
|
23
|
+
export const BUTTON_PRESS_TEST_COMPONENT = 'Button_Press_Test_Component';
|
|
24
|
+
export const BUTTON_PRESS_TEST_COMPONENT_LABEL = 'Test Button3 - For Key Presses';
|
|
25
|
+
|
|
22
26
|
export const BUTTON_ON_PRESS = 'Button_On_Press'; // For testing the press functionality on a button
|
|
27
|
+
export const BUTTON_ON_KEY = 'Button_On_Key'; // For testing the key press functionality on a button
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { Stack } from '@fluentui-react-native/stack';
|
|
3
3
|
import { stackStyle } from '../Common/styles';
|
|
4
4
|
import { ButtonV1 as Button } from '@fluentui-react-native/button';
|
|
5
|
-
import { Text } from '@fluentui-react-native/
|
|
5
|
+
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
6
6
|
import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui-react-native/menu';
|
|
7
7
|
import {
|
|
8
8
|
MENUITEM_ACCESSIBILITY_LABEL,
|
|
@@ -14,7 +14,7 @@ import { Stack } from '@fluentui-react-native/stack';
|
|
|
14
14
|
import { stackStyle } from '../Common/styles';
|
|
15
15
|
import { MENU_TESTPAGE } from './consts';
|
|
16
16
|
import { Test, TestSection, PlatformStatus } from '../Test';
|
|
17
|
-
import { Text } from '@fluentui-react-native/
|
|
17
|
+
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
18
18
|
import { E2EMenuTest } from './E2EMenuTest';
|
|
19
19
|
|
|
20
20
|
const MenuDefault: React.FunctionComponent = () => {
|
|
@@ -109,7 +109,7 @@ const CustomBar: React.FunctionComponent = () => {
|
|
|
109
109
|
};
|
|
110
110
|
|
|
111
111
|
const PrimaryWithAutoHide: React.FunctionComponent = () => {
|
|
112
|
-
const [visible, setVisible] = React.useState(
|
|
112
|
+
const [visible, setVisible] = React.useState(true);
|
|
113
113
|
const onButtonPress = () => setVisible(!visible);
|
|
114
114
|
|
|
115
115
|
const [hidden, setHidden] = React.useState<boolean>(!visible);
|
|
@@ -183,7 +183,7 @@ const PrimaryWithAutoHide: React.FunctionComponent = () => {
|
|
|
183
183
|
);
|
|
184
184
|
};
|
|
185
185
|
const PrimaryBarWithAutoHide: React.FunctionComponent = () => {
|
|
186
|
-
const [visible, setVisible] = React.useState(
|
|
186
|
+
const [visible, setVisible] = React.useState(true);
|
|
187
187
|
const onButtonPress = () => setVisible(!visible);
|
|
188
188
|
|
|
189
189
|
const [hidden, setHidden] = React.useState<boolean>(!visible);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { View } from 'react-native';
|
|
3
|
-
import { Text } from '@fluentui-react-native/
|
|
3
|
+
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
4
4
|
import { Tabs, TabsItem } from '@fluentui-react-native/experimental-tabs';
|
|
5
5
|
import { stackStyle } from '../Common/styles';
|
|
6
6
|
import {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { View, Platform } from 'react-native';
|
|
3
|
-
import { Text } from '@fluentui-react-native/
|
|
3
|
+
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
4
4
|
import { Button } from '@fluentui-react-native/experimental-button';
|
|
5
5
|
import { Tabs, TabsItem } from '@fluentui-react-native/experimental-tabs';
|
|
6
6
|
import { stackStyle } from '../Common/styles';
|
package/src/testPages.android.ts
CHANGED
|
@@ -22,6 +22,7 @@ import { ActivityIndicatorTest, HOMEPAGE_ACTIVITY_INDICATOR_BUTTON } from './Tes
|
|
|
22
22
|
import { HOMEPAGE_TOKEN_BUTTON, TokenTest } from './TestComponents/Tokens';
|
|
23
23
|
import { ExperimentalCheckboxTest, HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON } from './TestComponents/CheckboxExperimental';
|
|
24
24
|
import { TextExperimentalTest, HOMEPAGE_EXPERIMENTAL_TEXT_BUTTON } from './TestComponents/TextExperimental';
|
|
25
|
+
import { HOMEPAGE_NOTIFICATION_BUTTON, NotificationTest } from './TestComponents/Notification';
|
|
25
26
|
|
|
26
27
|
export const tests: TestDescription[] = [
|
|
27
28
|
{
|
|
@@ -139,4 +140,9 @@ export const tests: TestDescription[] = [
|
|
|
139
140
|
component: TokenTest,
|
|
140
141
|
testPage: HOMEPAGE_TOKEN_BUTTON,
|
|
141
142
|
},
|
|
143
|
+
{
|
|
144
|
+
name: 'Notification Test',
|
|
145
|
+
component: NotificationTest,
|
|
146
|
+
testPage: HOMEPAGE_NOTIFICATION_BUTTON,
|
|
147
|
+
},
|
|
142
148
|
];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { View } from 'react-native';
|
|
3
|
-
import { Text } from '@fluentui-react-native/
|
|
3
|
+
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
4
4
|
import { lightnessOptions, testerTheme } from './CustomThemes';
|
|
5
5
|
import { themeChoices, ThemeNames } from './applyTheme';
|
|
6
6
|
import { brandOptions, OfficeBrand } from './applyBrand';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { View, StyleSheet } from 'react-native';
|
|
3
|
-
import { Text } from '@fluentui-react-native/
|
|
3
|
+
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
4
4
|
import { SvgXml } from 'react-native-svg';
|
|
5
5
|
import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
|
|
6
6
|
import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { View, StyleSheet } from 'react-native';
|
|
3
|
-
import { Text } from '@fluentui-react-native/
|
|
3
|
+
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
4
4
|
import { lightnessOptions, testerTheme } from './CustomThemes';
|
|
5
5
|
import { themeChoices, ThemeNames } from './applyTheme';
|
|
6
6
|
import { brandOptions, OfficeBrand } from './applyBrand';
|