@fluentui-react-native/tester 0.123.0 → 0.124.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 +241 -1
- package/CHANGELOG.md +53 -2
- package/lib/fluent-tester/src/TestComponents/CheckboxExperimental/CheckboxTest.d.ts.map +1 -1
- package/lib/fluent-tester/src/TestComponents/CheckboxExperimental/CheckboxTest.js +11 -7
- package/lib/fluent-tester/src/TestComponents/CheckboxExperimental/CheckboxTest.js.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Common/styles.d.ts +4 -0
- package/lib/fluent-tester/src/TestComponents/Common/styles.d.ts.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Common/styles.js +4 -0
- package/lib/fluent-tester/src/TestComponents/Common/styles.js.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.d.ts +4 -0
- package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.d.ts.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.js +4 -0
- package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.js.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.d.ts.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.d.ts +4 -0
- package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.d.ts.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.js +4 -0
- package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.js.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.js +9 -8
- package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.js.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.d.ts +3 -0
- package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.d.ts.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.js +59 -0
- package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.js.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/CheckboxExperimental/CheckboxTest.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/CheckboxExperimental/CheckboxTest.js +11 -7
- package/lib-commonjs/fluent-tester/src/TestComponents/CheckboxExperimental/CheckboxTest.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.d.ts +4 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.js +4 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.d.ts +4 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.d.ts.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.js +8 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.js.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.d.ts +4 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.d.ts.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.js +8 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.js.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.js +14 -13
- package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.d.ts +3 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.d.ts.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.js +64 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.js.map +1 -0
- package/package.json +34 -33
- package/src/TestComponents/CheckboxExperimental/CheckboxTest.tsx +14 -7
- package/src/TestComponents/Common/styles.ts +4 -0
- package/src/TestComponents/Separator/SeparatorTest.android.tsx +3 -0
- package/src/TestComponents/Separator/SeparatorTest.ios.tsx +3 -0
- package/src/TestComponents/Separator/SeparatorTest.mobile.tsx +78 -0
- package/src/TestComponents/Separator/SeparatorTest.tsx +9 -8
|
@@ -45,13 +45,14 @@ var OtherCheckbox = function () {
|
|
|
45
45
|
var setCheckedFalse = React.useCallback(function () {
|
|
46
46
|
setisChecked(false);
|
|
47
47
|
}, []);
|
|
48
|
-
var memoizedStyles = React.useMemo(function () { return (react_native_1.Platform.OS === 'android' ? (0, tslib_1.__assign)((0, tslib_1.__assign)({}, styles_1.mobileStyles.containerSpacedEvenly), { height:
|
|
48
|
+
var memoizedStyles = React.useMemo(function () { return (react_native_1.Platform.OS === 'android' ? (0, tslib_1.__assign)((0, tslib_1.__assign)({}, styles_1.mobileStyles.containerSpacedEvenly), { height: 150 }) : {}); }, []);
|
|
49
49
|
return (React.createElement(react_native_1.View, { style: memoizedStyles },
|
|
50
50
|
React.createElement(button_1.ButtonV1, { onClick: setCheckedTrue, size: "small" }, "Check controlled checkboxes below"),
|
|
51
51
|
React.createElement(button_1.ButtonV1, { onClick: setCheckedFalse, size: "small" }, "Uncheck controlled checkboxes below"),
|
|
52
52
|
React.createElement(experimental_checkbox_1.Checkbox, { label: "This is a controlled Checkbox", checked: isChecked }),
|
|
53
|
-
|
|
54
|
-
|
|
53
|
+
react_native_1.Platform.OS !== 'android' && (React.createElement(React.Fragment, null,
|
|
54
|
+
React.createElement(experimental_checkbox_1.Checkbox, { label: "Checkbox rendered with labelPosition 'before' (controlled)", labelPosition: "before", checked: isChecked }),
|
|
55
|
+
React.createElement(experimental_checkbox_1.Checkbox, { label: "A required checkbox with other required text", required: "**" })))));
|
|
55
56
|
};
|
|
56
57
|
var CircleColorCheckbox = experimental_checkbox_1.Checkbox.customize({
|
|
57
58
|
checked: {
|
|
@@ -129,10 +130,13 @@ var checkboxSections = [
|
|
|
129
130
|
name: 'Other Implementations',
|
|
130
131
|
component: OtherCheckbox,
|
|
131
132
|
},
|
|
132
|
-
{
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
133
|
+
react_native_1.Platform.select({
|
|
134
|
+
android: null,
|
|
135
|
+
default: {
|
|
136
|
+
name: 'Token Customized Checkboxes',
|
|
137
|
+
component: TokenCheckbox,
|
|
138
|
+
},
|
|
139
|
+
}),
|
|
136
140
|
{
|
|
137
141
|
name: 'E2E Testing for Experimental Checkbox',
|
|
138
142
|
component: E2ECheckboxExperimentalTest_1.E2ECheckboxExperimentalTest,
|
package/lib-commonjs/fluent-tester/src/TestComponents/CheckboxExperimental/CheckboxTest.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"CheckboxTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+D3B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8D7B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,WAAW,CAAC,OAAO,CAM3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAIpD,CAAC;AAEF,eAAO,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+D3B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8D7B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,WAAW,CAAC,OAAO,CAM3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAIpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BvB,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;IAAsC,CAAC"}
|
|
@@ -163,6 +163,10 @@ exports.mobileStyles = react_native_1.StyleSheet.create({
|
|
|
163
163
|
fontSize: 18,
|
|
164
164
|
paddingVertical: 8,
|
|
165
165
|
},
|
|
166
|
+
testSection: {
|
|
167
|
+
width: '100%',
|
|
168
|
+
marginVertical: 15,
|
|
169
|
+
},
|
|
166
170
|
containerSpacedEvenly: {
|
|
167
171
|
display: 'flex',
|
|
168
172
|
flexDirection: 'column',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"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"}
|
package/lib-commonjs/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SeparatorTest.android.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.android.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SeparatorTest = void 0;
|
|
4
|
+
var SeparatorTest_mobile_1 = require("./SeparatorTest.mobile");
|
|
5
|
+
var SeparatorTest_mobile_2 = require("./SeparatorTest.mobile");
|
|
6
|
+
Object.defineProperty(exports, "SeparatorTest", { enumerable: true, get: function () { return SeparatorTest_mobile_2.SeparatorTest; } });
|
|
7
|
+
exports.default = SeparatorTest_mobile_1.SeparatorTest;
|
|
8
|
+
//# sourceMappingURL=SeparatorTest.android.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SeparatorTest.android.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.android.tsx"],"names":[],"mappings":";;;AAAA,+DAAuD;AACvD,+DAAuD;AAA9C,qHAAA,aAAa,OAAA;AACtB,kBAAe,oCAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SeparatorTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SeparatorTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsC/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAajC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SeparatorTest.ios.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SeparatorTest = void 0;
|
|
4
|
+
var SeparatorTest_mobile_1 = require("./SeparatorTest.mobile");
|
|
5
|
+
var SeparatorTest_mobile_2 = require("./SeparatorTest.mobile");
|
|
6
|
+
Object.defineProperty(exports, "SeparatorTest", { enumerable: true, get: function () { return SeparatorTest_mobile_2.SeparatorTest; } });
|
|
7
|
+
exports.default = SeparatorTest_mobile_1.SeparatorTest;
|
|
8
|
+
//# sourceMappingURL=SeparatorTest.ios.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SeparatorTest.ios.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.ios.tsx"],"names":[],"mappings":";;;AAAA,+DAAuD;AACvD,+DAAuD;AAA9C,qHAAA,aAAa,OAAA;AACtB,kBAAe,oCAAa,CAAC"}
|
|
@@ -3,30 +3,31 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.SeparatorTest = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
-
var
|
|
7
|
-
var
|
|
6
|
+
var separator_1 = require("@fluentui-react-native/separator");
|
|
7
|
+
var button_1 = require("@fluentui-react-native/button");
|
|
8
|
+
var experimental_text_1 = require("@fluentui-react-native/experimental-text");
|
|
8
9
|
var styles_1 = require("../Common/styles");
|
|
9
10
|
var stack_1 = require("@fluentui-react-native/stack");
|
|
10
11
|
var consts_1 = require("./consts");
|
|
11
12
|
var Test_1 = require("../Test");
|
|
12
|
-
var BlueSeparator =
|
|
13
|
-
var RedSeparator =
|
|
13
|
+
var BlueSeparator = separator_1.Separator.customize({ color: 'blue' });
|
|
14
|
+
var RedSeparator = separator_1.Separator.customize({ color: 'red' });
|
|
14
15
|
var SeparatorMainTest = function () {
|
|
15
16
|
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle, gap: 5 },
|
|
16
17
|
React.createElement(stack_1.Stack, { gap: 4, style: styles_1.separatorStackStyle },
|
|
17
|
-
React.createElement(
|
|
18
|
+
React.createElement(button_1.ButtonV1, null, "Button1"),
|
|
18
19
|
React.createElement(BlueSeparator, { vertical: true }),
|
|
19
|
-
React.createElement(
|
|
20
|
+
React.createElement(button_1.ButtonV1, null, "Button2"),
|
|
20
21
|
React.createElement(RedSeparator, { vertical: true }),
|
|
21
|
-
React.createElement(
|
|
22
|
-
React.createElement(
|
|
23
|
-
React.createElement(
|
|
24
|
-
React.createElement(
|
|
25
|
-
React.createElement(
|
|
22
|
+
React.createElement(button_1.ButtonV1, null, "Button3 "),
|
|
23
|
+
React.createElement(separator_1.Separator, null)),
|
|
24
|
+
React.createElement(experimental_text_1.Text, null, "This is a text element"),
|
|
25
|
+
React.createElement(separator_1.Separator, null),
|
|
26
|
+
React.createElement(button_1.ButtonV1, null, "This button has longer text")));
|
|
26
27
|
};
|
|
27
28
|
var separatorSections = [
|
|
28
29
|
{
|
|
29
|
-
name: 'Basic
|
|
30
|
+
name: 'Basic Seperator',
|
|
30
31
|
testID: consts_1.SEPARATOR_TESTPAGE,
|
|
31
32
|
component: SeparatorMainTest,
|
|
32
33
|
},
|
|
@@ -37,7 +38,7 @@ var SeparatorTest = function () {
|
|
|
37
38
|
uwpStatus: 'Experimental',
|
|
38
39
|
iosStatus: 'Experimental',
|
|
39
40
|
macosStatus: 'Beta',
|
|
40
|
-
androidStatus: '
|
|
41
|
+
androidStatus: 'Experimental',
|
|
41
42
|
};
|
|
42
43
|
var description = "A separator visually separates content into groups.\n\nYou can render content in the separator by specifying the component's children. The component's children can be plain text or a component like Icon. The content is center-aligned by default.";
|
|
43
44
|
return React.createElement(Test_1.Test, { name: "Separator Test", description: description, sections: separatorSections, status: status });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SeparatorTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"SeparatorTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,8DAA6D;AAC7D,wDAAyD;AACzD,8EAAgE;AAChE,2CAAmE;AACnE,sDAAqD;AACrD,mCAA8C;AAC9C,gCAA4D;AAE5D,IAAM,aAAa,GAAG,qBAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;AAC7D,IAAM,YAAY,GAAG,qBAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AAE3D,IAAM,iBAAiB,GAA4B;IACjD,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU,EAAE,GAAG,EAAE,CAAC;QAC9B,oBAAC,aAAK,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,4BAAmB;YACvC,oBAAC,iBAAQ,kBAAmB;YAC5B,oBAAC,aAAa,IAAC,QAAQ,SAAG;YAC1B,oBAAC,iBAAQ,kBAAmB;YAC5B,oBAAC,YAAY,IAAC,QAAQ,SAAG;YACzB,oBAAC,iBAAQ,mBAAoB;YAC7B,oBAAC,qBAAS,OAAG,CACP;QACR,oBAAC,wBAAI,iCAA8B;QACnC,oBAAC,qBAAS,OAAG;QACb,oBAAC,iBAAQ,sCAAuC,CAC1C,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAkB;IACvC;QACE,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,2BAAkB;QAC1B,SAAS,EAAE,iBAAiB;KAC7B;CACF,CAAC;AAEK,IAAM,aAAa,GAA4B;IACpD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GACf,uPAAuP,CAAC;IAE1P,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAC/G,CAAC,CAAC;AAbW,QAAA,aAAa,iBAaxB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SeparatorTest.mobile.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.mobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgE/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAajC,CAAC"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SeparatorTest = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
+
var separator_1 = require("@fluentui-react-native/separator");
|
|
7
|
+
var experimental_text_1 = require("@fluentui-react-native/experimental-text");
|
|
8
|
+
var styles_1 = require("../Common/styles");
|
|
9
|
+
var stack_1 = require("@fluentui-react-native/stack");
|
|
10
|
+
var consts_1 = require("./consts");
|
|
11
|
+
var Test_1 = require("../Test");
|
|
12
|
+
var CustomisedText = experimental_text_1.Text.customize({
|
|
13
|
+
textAlign: 'right',
|
|
14
|
+
fontSize: 'caption',
|
|
15
|
+
});
|
|
16
|
+
var SeparatorBasicUsage = function () {
|
|
17
|
+
return (React.createElement(stack_1.Stack, { style: styles_1.commonTestStyles.section, gap: 5 },
|
|
18
|
+
React.createElement(separator_1.Separator, { insetSpacing: 0 }),
|
|
19
|
+
React.createElement(CustomisedText, null, "Inset : 0"),
|
|
20
|
+
React.createElement(separator_1.Separator, { insetSpacing: 16 }),
|
|
21
|
+
React.createElement(CustomisedText, null, "Inset : 16"),
|
|
22
|
+
React.createElement(separator_1.Separator, { insetSpacing: 56 }),
|
|
23
|
+
React.createElement(CustomisedText, null, "Inset : 56"),
|
|
24
|
+
React.createElement(separator_1.Separator, { insetSpacing: 68 }),
|
|
25
|
+
React.createElement(CustomisedText, null, "Inset : 68"),
|
|
26
|
+
React.createElement(separator_1.Separator, { insetSpacing: 72 }),
|
|
27
|
+
React.createElement(CustomisedText, null, "Inset : 72"),
|
|
28
|
+
React.createElement(separator_1.Separator, { insetSpacing: 108 }),
|
|
29
|
+
React.createElement(CustomisedText, null, "Inset : 108")));
|
|
30
|
+
};
|
|
31
|
+
var RedSeparator = separator_1.Separator.customize({ color: 'red' });
|
|
32
|
+
var BlueSeparatorWithCustomWidth = separator_1.Separator.customize({ color: 'blue', separatorWidth: 10 });
|
|
33
|
+
var SeparatorCustomisedUsage = function () {
|
|
34
|
+
return (React.createElement(stack_1.Stack, { style: styles_1.mobileStyles.testSection, gap: 5 },
|
|
35
|
+
React.createElement(RedSeparator, null),
|
|
36
|
+
React.createElement(CustomisedText, null, "Customised Color Seperator"),
|
|
37
|
+
React.createElement(BlueSeparatorWithCustomWidth, { insetSpacing: 16 }),
|
|
38
|
+
React.createElement(CustomisedText, null, "Customised Color and Width Seperator")));
|
|
39
|
+
};
|
|
40
|
+
var separatorSections = [
|
|
41
|
+
{
|
|
42
|
+
name: 'Basic Mobile Seperator',
|
|
43
|
+
testID: consts_1.SEPARATOR_TESTPAGE,
|
|
44
|
+
component: SeparatorBasicUsage,
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
name: 'Customised Mobile Seperator',
|
|
48
|
+
testID: consts_1.SEPARATOR_TESTPAGE,
|
|
49
|
+
component: SeparatorCustomisedUsage,
|
|
50
|
+
},
|
|
51
|
+
];
|
|
52
|
+
var SeparatorTest = function () {
|
|
53
|
+
var status = {
|
|
54
|
+
win32Status: 'Beta',
|
|
55
|
+
uwpStatus: 'Experimental',
|
|
56
|
+
iosStatus: 'Experimental',
|
|
57
|
+
macosStatus: 'Beta',
|
|
58
|
+
androidStatus: 'Experimental',
|
|
59
|
+
};
|
|
60
|
+
var description = "A separator visually separates content into groups.\n\nYou can render content in the separator by specifying the component's children. The component's children can be plain text or a component like Icon. The content is center-aligned by default.";
|
|
61
|
+
return React.createElement(Test_1.Test, { name: "Separator Test", description: description, sections: separatorSections, status: status });
|
|
62
|
+
};
|
|
63
|
+
exports.SeparatorTest = SeparatorTest;
|
|
64
|
+
//# sourceMappingURL=SeparatorTest.mobile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SeparatorTest.mobile.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.mobile.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,8DAA6D;AAC7D,8EAAgE;AAChE,2CAAkE;AAClE,sDAAqD;AACrD,mCAA8C;AAC9C,gCAA4D;AAE5D,IAAM,cAAc,GAAG,wBAAI,CAAC,SAAS,CAAC;IACpC,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,SAAS;CACpB,CAAC,CAAC;AAEH,IAAM,mBAAmB,GAA4B;IACnD,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC;QAC5C,oBAAC,qBAAS,IAAC,YAAY,EAAE,CAAC,GAAI;QAC9B,oBAAC,cAAc,oBAA2B;QAE1C,oBAAC,qBAAS,IAAC,YAAY,EAAE,EAAE,GAAI;QAC/B,oBAAC,cAAc,qBAA4B;QAE3C,oBAAC,qBAAS,IAAC,YAAY,EAAE,EAAE,GAAI;QAC/B,oBAAC,cAAc,qBAA4B;QAE3C,oBAAC,qBAAS,IAAC,YAAY,EAAE,EAAE,GAAI;QAC/B,oBAAC,cAAc,qBAA4B;QAE3C,oBAAC,qBAAS,IAAC,YAAY,EAAE,EAAE,GAAI;QAC/B,oBAAC,cAAc,qBAA4B;QAE3C,oBAAC,qBAAS,IAAC,YAAY,EAAE,GAAG,GAAI;QAChC,oBAAC,cAAc,sBAA6B,CACtC,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,qBAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AAC3D,IAAM,4BAA4B,GAAG,qBAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;AAEhG,IAAM,wBAAwB,GAA4B;IACxD,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,qBAAY,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC;QAC5C,oBAAC,YAAY,OAAG;QAChB,oBAAC,cAAc,qCAA4C;QAC3D,oBAAC,4BAA4B,IAAC,YAAY,EAAE,EAAE,GAAI;QAClD,oBAAC,cAAc,+CAAsD,CAC/D,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAkB;IACvC;QACE,IAAI,EAAE,wBAAwB;QAC9B,MAAM,EAAE,2BAAkB;QAC1B,SAAS,EAAE,mBAAmB;KAC/B;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,MAAM,EAAE,2BAAkB;QAC1B,SAAS,EAAE,wBAAwB;KACpC;CACF,CAAC;AAEK,IAAM,aAAa,GAA4B;IACpD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GACf,uPAAuP,CAAC;IAE1P,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAC/G,CAAC,CAAC;AAbW,QAAA,aAAa,iBAaxB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.124.0",
|
|
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>",
|
|
@@ -33,43 +33,44 @@
|
|
|
33
33
|
"directory": "apps/fluent-tester"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@fluentui-react-native/android-theme": ">=0.15.
|
|
37
|
-
"@fluentui-react-native/apple-theme": ">=0.17.
|
|
38
|
-
"@fluentui-react-native/avatar": "^1.5.
|
|
39
|
-
"@fluentui-react-native/badge": ">=0.4.
|
|
40
|
-
"@fluentui-react-native/button": ">=0.32.
|
|
41
|
-
"@fluentui-react-native/default-theme": ">=0.16.
|
|
42
|
-
"@fluentui-react-native/dropdown": ">=0.7.
|
|
43
|
-
"@fluentui-react-native/experimental-activity-indicator": ">=0.7.
|
|
44
|
-
"@fluentui-react-native/experimental-avatar": ">=0.16.
|
|
45
|
-
"@fluentui-react-native/experimental-button": "0.16.
|
|
46
|
-
"@fluentui-react-native/experimental-checkbox": "0.13.
|
|
47
|
-
"@fluentui-react-native/experimental-expander": "0.5.
|
|
48
|
-
"@fluentui-react-native/experimental-icon": ">=0.1.
|
|
49
|
-
"@fluentui-react-native/experimental-link": "^0.4.
|
|
50
|
-
"@fluentui-react-native/experimental-menu-button": ">=0.6.
|
|
36
|
+
"@fluentui-react-native/android-theme": ">=0.15.3 <1.0.0",
|
|
37
|
+
"@fluentui-react-native/apple-theme": ">=0.17.4 <1.0.0",
|
|
38
|
+
"@fluentui-react-native/avatar": "^1.5.3",
|
|
39
|
+
"@fluentui-react-native/badge": ">=0.4.4 <1.0.0",
|
|
40
|
+
"@fluentui-react-native/button": ">=0.32.9 <1.0.0",
|
|
41
|
+
"@fluentui-react-native/default-theme": ">=0.16.18 <1.0.0",
|
|
42
|
+
"@fluentui-react-native/dropdown": ">=0.7.4 <1.0.0",
|
|
43
|
+
"@fluentui-react-native/experimental-activity-indicator": ">=0.7.4 <1.0.0",
|
|
44
|
+
"@fluentui-react-native/experimental-avatar": ">=0.16.31 <1.0.0",
|
|
45
|
+
"@fluentui-react-native/experimental-button": "0.16.67",
|
|
46
|
+
"@fluentui-react-native/experimental-checkbox": "0.13.16",
|
|
47
|
+
"@fluentui-react-native/experimental-expander": "0.5.4",
|
|
48
|
+
"@fluentui-react-native/experimental-icon": ">=0.1.7 <1.0.0",
|
|
49
|
+
"@fluentui-react-native/experimental-link": "^0.4.2",
|
|
50
|
+
"@fluentui-react-native/experimental-menu-button": ">=0.6.6 <1.0.0",
|
|
51
51
|
"@fluentui-react-native/experimental-native-date-picker": ">=0.7.3 <1.0.0",
|
|
52
|
-
"@fluentui-react-native/experimental-radio-group": "^0.8.
|
|
53
|
-
"@fluentui-react-native/experimental-shadow": "0.2.
|
|
54
|
-
"@fluentui-react-native/experimental-shimmer": "0.8.
|
|
55
|
-
"@fluentui-react-native/experimental-tabs": "0.8.
|
|
56
|
-
"@fluentui-react-native/experimental-text": ">=0.11.
|
|
57
|
-
"@fluentui-react-native/framework": ">=0.8.
|
|
58
|
-
"@fluentui-react-native/icon": "0.16.
|
|
59
|
-
"@fluentui-react-native/interactive-hooks": ">=0.22.
|
|
60
|
-
"@fluentui-react-native/menu": "^1.2.
|
|
52
|
+
"@fluentui-react-native/experimental-radio-group": "^0.8.8",
|
|
53
|
+
"@fluentui-react-native/experimental-shadow": "0.2.51",
|
|
54
|
+
"@fluentui-react-native/experimental-shimmer": "0.8.4",
|
|
55
|
+
"@fluentui-react-native/experimental-tabs": "0.8.12",
|
|
56
|
+
"@fluentui-react-native/experimental-text": ">=0.11.32 <1.0.0",
|
|
57
|
+
"@fluentui-react-native/framework": ">=0.8.27 <1.0.0",
|
|
58
|
+
"@fluentui-react-native/icon": "0.16.4",
|
|
59
|
+
"@fluentui-react-native/interactive-hooks": ">=0.22.2 <1.0.0",
|
|
60
|
+
"@fluentui-react-native/menu": "^1.2.1",
|
|
61
61
|
"@fluentui-react-native/merge-props": ">=0.5.1 <1.0.0",
|
|
62
|
-
"@fluentui-react-native/
|
|
63
|
-
"@fluentui-react-native/
|
|
64
|
-
"@fluentui-react-native/
|
|
65
|
-
"@fluentui-react-native/
|
|
62
|
+
"@fluentui-react-native/separator": "^0.14.0",
|
|
63
|
+
"@fluentui-react-native/notification": "0.21.3",
|
|
64
|
+
"@fluentui-react-native/stack": ">=0.7.33 <1.0.0",
|
|
65
|
+
"@fluentui-react-native/switch": "^0.8.3",
|
|
66
|
+
"@fluentui-react-native/text": ">=0.19.1 <1.0.0",
|
|
66
67
|
"@fluentui-react-native/theme": ">=0.7.12 <1.0.0",
|
|
67
|
-
"@fluentui-react-native/theme-tokens": "^0.22.
|
|
68
|
+
"@fluentui-react-native/theme-tokens": "^0.22.3",
|
|
68
69
|
"@fluentui-react-native/theme-types": ">=0.27.0 <1.0.0",
|
|
69
70
|
"@fluentui-react-native/themed-stylesheet": "^1.4.1",
|
|
70
71
|
"@fluentui-react-native/theming-utils": ">=0.20.1 <1.0.0",
|
|
71
|
-
"@fluentui-react-native/win32-theme": ">=0.24.
|
|
72
|
-
"@fluentui/react-native": ">=0.34.
|
|
72
|
+
"@fluentui-react-native/win32-theme": ">=0.24.5 <1.0.0",
|
|
73
|
+
"@fluentui/react-native": ">=0.34.7 <1.0.0",
|
|
73
74
|
"@fortawesome/fontawesome-svg-core": "^6.2.0",
|
|
74
75
|
"@fortawesome/free-solid-svg-icons": "^6.2.0",
|
|
75
76
|
"@fortawesome/react-native-fontawesome": "^0.3.0",
|
|
@@ -97,7 +98,7 @@
|
|
|
97
98
|
"react-native-svg-transformer": "^1.0.0",
|
|
98
99
|
"react-native-test-app": "^2.0.2",
|
|
99
100
|
"react-test-renderer": "17.0.2",
|
|
100
|
-
"@fluentui-react-native/focus-zone": "^0.11.
|
|
101
|
+
"@fluentui-react-native/focus-zone": "^0.11.14"
|
|
101
102
|
},
|
|
102
103
|
"peerDependencies": {
|
|
103
104
|
"@office-iss/react-native-win32": "^0.68.0"
|
|
@@ -59,7 +59,7 @@ const OtherCheckbox: React.FunctionComponent = () => {
|
|
|
59
59
|
setisChecked(false);
|
|
60
60
|
}, []);
|
|
61
61
|
|
|
62
|
-
const memoizedStyles = React.useMemo(() => (Platform.OS === 'android' ? { ...mobileStyles.containerSpacedEvenly, height:
|
|
62
|
+
const memoizedStyles = React.useMemo(() => (Platform.OS === 'android' ? { ...mobileStyles.containerSpacedEvenly, height: 150 } : {}), []);
|
|
63
63
|
|
|
64
64
|
return (
|
|
65
65
|
<View style={memoizedStyles}>
|
|
@@ -71,8 +71,12 @@ const OtherCheckbox: React.FunctionComponent = () => {
|
|
|
71
71
|
</Button>
|
|
72
72
|
|
|
73
73
|
<Checkbox label="This is a controlled Checkbox" checked={isChecked} />
|
|
74
|
-
|
|
75
|
-
|
|
74
|
+
{Platform.OS !== 'android' && (
|
|
75
|
+
<>
|
|
76
|
+
<Checkbox label="Checkbox rendered with labelPosition 'before' (controlled)" labelPosition="before" checked={isChecked} />
|
|
77
|
+
<Checkbox label="A required checkbox with other required text" required="**" />
|
|
78
|
+
</>
|
|
79
|
+
)}
|
|
76
80
|
</View>
|
|
77
81
|
);
|
|
78
82
|
};
|
|
@@ -193,10 +197,13 @@ const checkboxSections: TestSection[] = [
|
|
|
193
197
|
name: 'Other Implementations',
|
|
194
198
|
component: OtherCheckbox,
|
|
195
199
|
},
|
|
196
|
-
{
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
+
Platform.select({
|
|
201
|
+
android: null,
|
|
202
|
+
default: {
|
|
203
|
+
name: 'Token Customized Checkboxes',
|
|
204
|
+
component: TokenCheckbox,
|
|
205
|
+
},
|
|
206
|
+
}),
|
|
200
207
|
{
|
|
201
208
|
name: 'E2E Testing for Experimental Checkbox',
|
|
202
209
|
component: E2ECheckboxExperimentalTest,
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Separator } from '@fluentui-react-native/separator';
|
|
3
|
+
import { Text } from '@fluentui-react-native/experimental-text';
|
|
4
|
+
import { commonTestStyles, mobileStyles } from '../Common/styles';
|
|
5
|
+
import { Stack } from '@fluentui-react-native/stack';
|
|
6
|
+
import { SEPARATOR_TESTPAGE } from './consts';
|
|
7
|
+
import { Test, TestSection, PlatformStatus } from '../Test';
|
|
8
|
+
|
|
9
|
+
const CustomisedText = Text.customize({
|
|
10
|
+
textAlign: 'right',
|
|
11
|
+
fontSize: 'caption',
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
const SeparatorBasicUsage: React.FunctionComponent = () => {
|
|
15
|
+
return (
|
|
16
|
+
<Stack style={commonTestStyles.section} gap={5}>
|
|
17
|
+
<Separator insetSpacing={0} />
|
|
18
|
+
<CustomisedText>Inset : 0</CustomisedText>
|
|
19
|
+
|
|
20
|
+
<Separator insetSpacing={16} />
|
|
21
|
+
<CustomisedText>Inset : 16</CustomisedText>
|
|
22
|
+
|
|
23
|
+
<Separator insetSpacing={56} />
|
|
24
|
+
<CustomisedText>Inset : 56</CustomisedText>
|
|
25
|
+
|
|
26
|
+
<Separator insetSpacing={68} />
|
|
27
|
+
<CustomisedText>Inset : 68</CustomisedText>
|
|
28
|
+
|
|
29
|
+
<Separator insetSpacing={72} />
|
|
30
|
+
<CustomisedText>Inset : 72</CustomisedText>
|
|
31
|
+
|
|
32
|
+
<Separator insetSpacing={108} />
|
|
33
|
+
<CustomisedText>Inset : 108</CustomisedText>
|
|
34
|
+
</Stack>
|
|
35
|
+
);
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
const RedSeparator = Separator.customize({ color: 'red' });
|
|
39
|
+
const BlueSeparatorWithCustomWidth = Separator.customize({ color: 'blue', separatorWidth: 10 });
|
|
40
|
+
|
|
41
|
+
const SeparatorCustomisedUsage: React.FunctionComponent = () => {
|
|
42
|
+
return (
|
|
43
|
+
<Stack style={mobileStyles.testSection} gap={5}>
|
|
44
|
+
<RedSeparator />
|
|
45
|
+
<CustomisedText>Customised Color Seperator</CustomisedText>
|
|
46
|
+
<BlueSeparatorWithCustomWidth insetSpacing={16} />
|
|
47
|
+
<CustomisedText>Customised Color and Width Seperator</CustomisedText>
|
|
48
|
+
</Stack>
|
|
49
|
+
);
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
const separatorSections: TestSection[] = [
|
|
53
|
+
{
|
|
54
|
+
name: 'Basic Mobile Seperator',
|
|
55
|
+
testID: SEPARATOR_TESTPAGE,
|
|
56
|
+
component: SeparatorBasicUsage,
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
name: 'Customised Mobile Seperator',
|
|
60
|
+
testID: SEPARATOR_TESTPAGE,
|
|
61
|
+
component: SeparatorCustomisedUsage,
|
|
62
|
+
},
|
|
63
|
+
];
|
|
64
|
+
|
|
65
|
+
export const SeparatorTest: React.FunctionComponent = () => {
|
|
66
|
+
const status: PlatformStatus = {
|
|
67
|
+
win32Status: 'Beta',
|
|
68
|
+
uwpStatus: 'Experimental',
|
|
69
|
+
iosStatus: 'Experimental',
|
|
70
|
+
macosStatus: 'Beta',
|
|
71
|
+
androidStatus: 'Experimental',
|
|
72
|
+
};
|
|
73
|
+
|
|
74
|
+
const description =
|
|
75
|
+
"A separator visually separates content into groups.\n\nYou can render content in the separator by specifying the component's children. The component's children can be plain text or a component like Icon. The content is center-aligned by default.";
|
|
76
|
+
|
|
77
|
+
return <Test name="Separator Test" description={description} sections={separatorSections} status={status} />;
|
|
78
|
+
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { Separator } from '@fluentui-react-native/separator';
|
|
3
|
+
import { ButtonV1 } from '@fluentui-react-native/button';
|
|
4
|
+
import { Text } from '@fluentui-react-native/experimental-text';
|
|
4
5
|
import { stackStyle, separatorStackStyle } from '../Common/styles';
|
|
5
6
|
import { Stack } from '@fluentui-react-native/stack';
|
|
6
7
|
import { SEPARATOR_TESTPAGE } from './consts';
|
|
@@ -13,23 +14,23 @@ const SeparatorMainTest: React.FunctionComponent = () => {
|
|
|
13
14
|
return (
|
|
14
15
|
<Stack style={stackStyle} gap={5}>
|
|
15
16
|
<Stack gap={4} style={separatorStackStyle}>
|
|
16
|
-
<
|
|
17
|
+
<ButtonV1>Button1</ButtonV1>
|
|
17
18
|
<BlueSeparator vertical />
|
|
18
|
-
<
|
|
19
|
+
<ButtonV1>Button2</ButtonV1>
|
|
19
20
|
<RedSeparator vertical />
|
|
20
|
-
<
|
|
21
|
+
<ButtonV1>Button3 </ButtonV1>
|
|
21
22
|
<Separator />
|
|
22
23
|
</Stack>
|
|
23
24
|
<Text>This is a text element</Text>
|
|
24
25
|
<Separator />
|
|
25
|
-
<
|
|
26
|
+
<ButtonV1>This button has longer text</ButtonV1>
|
|
26
27
|
</Stack>
|
|
27
28
|
);
|
|
28
29
|
};
|
|
29
30
|
|
|
30
31
|
const separatorSections: TestSection[] = [
|
|
31
32
|
{
|
|
32
|
-
name: 'Basic
|
|
33
|
+
name: 'Basic Seperator',
|
|
33
34
|
testID: SEPARATOR_TESTPAGE,
|
|
34
35
|
component: SeparatorMainTest,
|
|
35
36
|
},
|
|
@@ -41,7 +42,7 @@ export const SeparatorTest: React.FunctionComponent = () => {
|
|
|
41
42
|
uwpStatus: 'Experimental',
|
|
42
43
|
iosStatus: 'Experimental',
|
|
43
44
|
macosStatus: 'Beta',
|
|
44
|
-
androidStatus: '
|
|
45
|
+
androidStatus: 'Experimental',
|
|
45
46
|
};
|
|
46
47
|
|
|
47
48
|
const description =
|