@fluentui-react-native/tester 0.56.0 → 0.58.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 +190 -1
- package/CHANGELOG.md +54 -2
- package/lib/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.d.ts +12 -0
- package/lib/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.d.ts.map +1 -1
- package/lib/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.js +45 -1
- package/lib/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.js.map +1 -1
- package/lib/E2E/CheckboxExperimental/specs/ExperimentalCheckbox.spec.win.js +35 -0
- package/lib/E2E/CheckboxExperimental/specs/ExperimentalCheckbox.spec.win.js.map +1 -1
- package/lib/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.d.ts +11 -0
- package/lib/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.d.ts.map +1 -0
- package/lib/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.js +57 -0
- package/lib/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.js.map +1 -0
- package/lib/E2E/common/NativeTesting/specs/NativeTesting.spec.win.d.ts +2 -0
- package/lib/E2E/common/NativeTesting/specs/NativeTesting.spec.win.d.ts.map +1 -0
- package/lib/E2E/common/NativeTesting/specs/NativeTesting.spec.win.js +26 -0
- package/lib/E2E/common/NativeTesting/specs/NativeTesting.spec.win.js.map +1 -0
- package/lib/FluentTester/FluentTester.d.ts.map +1 -1
- package/lib/FluentTester/FluentTester.js +8 -8
- package/lib/FluentTester/FluentTester.js.map +1 -1
- package/lib/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.js +28 -23
- package/lib/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.js +24 -29
- package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.js.map +1 -1
- package/lib/FluentTester/TestComponents/Badge/BadgeTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Badge/BadgeTest.js +9 -9
- package/lib/FluentTester/TestComponents/Badge/BadgeTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/Button/ButtonHOCTestSection.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Button/ButtonHOCTestSection.js +29 -16
- package/lib/FluentTester/TestComponents/Button/ButtonHOCTestSection.js.map +1 -1
- package/lib/FluentTester/TestComponents/Button/ButtonSizeTestSection.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Button/ButtonSizeTestSection.js.map +1 -1
- package/lib/FluentTester/TestComponents/Checkbox/CheckboxTest.js +27 -27
- package/lib/FluentTester/TestComponents/Checkbox/CheckboxTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js +38 -26
- package/lib/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.js +9 -3
- package/lib/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/CheckboxExperimental/consts.d.ts +1 -0
- package/lib/FluentTester/TestComponents/CheckboxExperimental/consts.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/CheckboxExperimental/consts.js +1 -0
- package/lib/FluentTester/TestComponents/CheckboxExperimental/consts.js.map +1 -1
- package/lib/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.js +2 -2
- package/lib/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/Expander/ExpanderTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Expander/ExpanderTest.js +22 -22
- package/lib/FluentTester/TestComponents/Expander/ExpanderTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/MenuButton/CustomizedMenuButtonTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/MenuButton/CustomizedMenuButtonTest.js +11 -11
- package/lib/FluentTester/TestComponents/MenuButton/CustomizedMenuButtonTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/MenuButtonExperimental/CustomizedMenuButtonTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/MenuButtonExperimental/CustomizedMenuButtonTest.js +11 -11
- package/lib/FluentTester/TestComponents/MenuButtonExperimental/CustomizedMenuButtonTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/Persona/CustomizeUsage.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Persona/CustomizeUsage.js +13 -26
- package/lib/FluentTester/TestComponents/Persona/CustomizeUsage.js.map +1 -1
- package/lib/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.js +24 -29
- package/lib/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.js.map +1 -1
- package/lib/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.js +11 -20
- package/lib/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.js.map +1 -1
- package/lib/FluentTester/TestComponents/Shimmer/ShimmerTest.d.ts +2 -0
- package/lib/FluentTester/TestComponents/Shimmer/ShimmerTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Shimmer/ShimmerTest.js +21 -9
- package/lib/FluentTester/TestComponents/Shimmer/ShimmerTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/Text/CustomizeUsage.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Text/CustomizeUsage.js +36 -36
- package/lib/FluentTester/TestComponents/Text/CustomizeUsage.js.map +1 -1
- package/lib/FluentTester/TestComponents/TextExperimental/CustomizeUsage.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/TextExperimental/CustomizeUsage.js +36 -36
- package/lib/FluentTester/TestComponents/TextExperimental/CustomizeUsage.js.map +1 -1
- package/lib-commonjs/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.d.ts +12 -0
- package/lib-commonjs/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.d.ts.map +1 -1
- package/lib-commonjs/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.js +44 -0
- package/lib-commonjs/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.js.map +1 -1
- package/lib-commonjs/E2E/CheckboxExperimental/specs/ExperimentalCheckbox.spec.win.js +35 -0
- package/lib-commonjs/E2E/CheckboxExperimental/specs/ExperimentalCheckbox.spec.win.js.map +1 -1
- package/lib-commonjs/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.d.ts +11 -0
- package/lib-commonjs/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.d.ts.map +1 -0
- package/lib-commonjs/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.js +59 -0
- package/lib-commonjs/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.js.map +1 -0
- package/lib-commonjs/E2E/common/NativeTesting/specs/NativeTesting.spec.win.d.ts +2 -0
- package/lib-commonjs/E2E/common/NativeTesting/specs/NativeTesting.spec.win.d.ts.map +1 -0
- package/lib-commonjs/E2E/common/NativeTesting/specs/NativeTesting.spec.win.js +29 -0
- package/lib-commonjs/E2E/common/NativeTesting/specs/NativeTesting.spec.win.js.map +1 -0
- package/lib-commonjs/FluentTester/FluentTester.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/FluentTester.js +8 -8
- package/lib-commonjs/FluentTester/FluentTester.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.js +28 -23
- package/lib-commonjs/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.js +24 -29
- package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Badge/BadgeTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Badge/BadgeTest.js +9 -9
- package/lib-commonjs/FluentTester/TestComponents/Badge/BadgeTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonHOCTestSection.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonHOCTestSection.js +28 -15
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonHOCTestSection.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonSizeTestSection.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonSizeTestSection.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Checkbox/CheckboxTest.js +27 -27
- package/lib-commonjs/FluentTester/TestComponents/Checkbox/CheckboxTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js +38 -26
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.js +8 -2
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/consts.d.ts +1 -0
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/consts.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/consts.js +2 -1
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/consts.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.js +2 -2
- package/lib-commonjs/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Expander/ExpanderTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Expander/ExpanderTest.js +22 -22
- package/lib-commonjs/FluentTester/TestComponents/Expander/ExpanderTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/MenuButton/CustomizedMenuButtonTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/MenuButton/CustomizedMenuButtonTest.js +11 -11
- package/lib-commonjs/FluentTester/TestComponents/MenuButton/CustomizedMenuButtonTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/MenuButtonExperimental/CustomizedMenuButtonTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/MenuButtonExperimental/CustomizedMenuButtonTest.js +11 -11
- package/lib-commonjs/FluentTester/TestComponents/MenuButtonExperimental/CustomizedMenuButtonTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Persona/CustomizeUsage.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Persona/CustomizeUsage.js +13 -26
- package/lib-commonjs/FluentTester/TestComponents/Persona/CustomizeUsage.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.js +24 -29
- package/lib-commonjs/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.js +11 -20
- package/lib-commonjs/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Shimmer/ShimmerTest.d.ts +2 -0
- package/lib-commonjs/FluentTester/TestComponents/Shimmer/ShimmerTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Shimmer/ShimmerTest.js +24 -10
- package/lib-commonjs/FluentTester/TestComponents/Shimmer/ShimmerTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Text/CustomizeUsage.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Text/CustomizeUsage.js +36 -36
- package/lib-commonjs/FluentTester/TestComponents/Text/CustomizeUsage.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/TextExperimental/CustomizeUsage.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/TextExperimental/CustomizeUsage.js +36 -36
- package/lib-commonjs/FluentTester/TestComponents/TextExperimental/CustomizeUsage.js.map +1 -1
- package/package.json +10 -11
- package/src/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.ts +63 -0
- package/src/E2E/CheckboxExperimental/specs/ExperimentalCheckbox.spec.win.ts +48 -2
- package/src/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.ts +56 -0
- package/src/E2E/common/NativeTesting/specs/NativeTesting.spec.win.ts +28 -0
- package/src/FluentTester/FluentTester.tsx +10 -10
- package/src/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.tsx +36 -26
- package/src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx +25 -31
- package/src/FluentTester/TestComponents/Badge/BadgeTest.tsx +11 -11
- package/src/FluentTester/TestComponents/Button/ButtonHOCTestSection.tsx +33 -17
- package/src/FluentTester/TestComponents/Button/ButtonSizeTestSection.tsx +0 -1
- package/src/FluentTester/TestComponents/Checkbox/CheckboxTest.tsx +29 -29
- package/src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx +51 -34
- package/src/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.tsx +13 -0
- package/src/FluentTester/TestComponents/CheckboxExperimental/consts.ts +2 -0
- package/src/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.tsx +3 -3
- package/src/FluentTester/TestComponents/Expander/ExpanderTest.tsx +23 -22
- package/src/FluentTester/TestComponents/MenuButton/CustomizedMenuButtonTest.tsx +12 -11
- package/src/FluentTester/TestComponents/MenuButtonExperimental/CustomizedMenuButtonTest.tsx +12 -11
- package/src/FluentTester/TestComponents/Persona/CustomizeUsage.tsx +15 -28
- package/src/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.tsx +12 -22
- package/src/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.tsx +25 -31
- package/src/FluentTester/TestComponents/Shimmer/ShimmerTest.tsx +50 -10
- package/src/FluentTester/TestComponents/Text/CustomizeUsage.tsx +42 -42
- package/src/FluentTester/TestComponents/TextExperimental/CustomizeUsage.tsx +42 -42
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizeUsage.mobile.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"CustomizeUsage.mobile.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
export declare const CustomizeAndTokenPropsShimmers: React.FunctionComponent;
|
|
3
|
+
export declare const RoundedCornerClipCheckShimmer: React.FunctionComponent;
|
|
2
4
|
export declare const ShimmerTest: React.FunctionComponent;
|
|
3
5
|
//# sourceMappingURL=ShimmerTest.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShimmerTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shimmer/ShimmerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ShimmerTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shimmer/ShimmerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,iBAqBlD,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,iBAYjD,CAAC;AA8DF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAa/B,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ShimmerTest = void 0;
|
|
3
|
+
exports.ShimmerTest = exports.RoundedCornerClipCheckShimmer = exports.CustomizeAndTokenPropsShimmers = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
var experimental_shimmer_1 = require("@fluentui-react-native/experimental-shimmer");
|
|
@@ -10,6 +10,22 @@ var stack_1 = require("@fluentui-react-native/stack");
|
|
|
10
10
|
var styles_1 = require("../Common/styles");
|
|
11
11
|
var ShimmerTestElementSets_1 = require("./ShimmerTestElementSets");
|
|
12
12
|
var ShimmerE2ETest_1 = require("./ShimmerE2ETest");
|
|
13
|
+
var TestCompareCustomizeShimmer = experimental_shimmer_1.Shimmer.customize({
|
|
14
|
+
shimmerWaveColor: 'blue',
|
|
15
|
+
shimmerColor: 'orange',
|
|
16
|
+
backgroundColor: 'red',
|
|
17
|
+
});
|
|
18
|
+
var CustomizeAndTokenPropsShimmers = function () {
|
|
19
|
+
return (React.createElement(stack_1.Stack, { style: { margin: 4 } },
|
|
20
|
+
React.createElement(TestCompareCustomizeShimmer, { elements: (0, ShimmerTestElementSets_1.shimmerRectsAndCircle)(), duration: 2000, delay: 1000, style: { height: 100, width: '50%', borderWidth: 2, borderColor: 'black' } }),
|
|
21
|
+
React.createElement(experimental_shimmer_1.Shimmer, { elements: (0, ShimmerTestElementSets_1.shimmerRectsAndCircle)(), duration: 2000, delay: 1000, style: { height: 100, width: '50%', borderWidth: 2, borderColor: 'black' }, shimmerWaveColor: "blue", shimmerColor: "orange", backgroundColor: "red" })));
|
|
22
|
+
};
|
|
23
|
+
exports.CustomizeAndTokenPropsShimmers = CustomizeAndTokenPropsShimmers;
|
|
24
|
+
var RoundedCornerClipCheckShimmer = function () {
|
|
25
|
+
return (React.createElement(stack_1.Stack, { style: { margin: 4 } },
|
|
26
|
+
React.createElement(experimental_shimmer_1.Shimmer, { elements: (0, ShimmerTestElementSets_1.shimmerRectsAndCircle)(), duration: 2000, delay: 1000, style: { height: 100, width: 150, borderRadius: 16, borderWidth: 2, borderColor: 'black' }, backgroundColor: "teal" })));
|
|
27
|
+
};
|
|
28
|
+
exports.RoundedCornerClipCheckShimmer = RoundedCornerClipCheckShimmer;
|
|
13
29
|
var RectShimmers = function () {
|
|
14
30
|
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
15
31
|
React.createElement(experimental_shimmer_1.Shimmer, { elements: (0, ShimmerTestElementSets_1.shimmerRectsAndRect)(), duration: 2000, delay: 1000, style: { width: 300, height: 100 } })));
|
|
@@ -19,22 +35,15 @@ var RectCircleShimmers = function () {
|
|
|
19
35
|
React.createElement(experimental_shimmer_1.Shimmer, { elements: (0, ShimmerTestElementSets_1.shimmerRectsAndCircle)(), duration: 3000, style: { width: 300, height: 100 } })));
|
|
20
36
|
};
|
|
21
37
|
var CustomizedShimmer = function () {
|
|
22
|
-
var PinkShimmer = experimental_shimmer_1.Shimmer.customize({
|
|
23
|
-
shimmerWaveColor: 'pink',
|
|
24
|
-
});
|
|
25
38
|
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
26
|
-
React.createElement(
|
|
39
|
+
React.createElement(exports.CustomizeAndTokenPropsShimmers, null),
|
|
40
|
+
React.createElement(exports.RoundedCornerClipCheckShimmer, null)));
|
|
27
41
|
};
|
|
28
42
|
var ShimmerBorderRadii = function () {
|
|
29
43
|
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
30
44
|
React.createElement(experimental_shimmer_1.Shimmer, { elements: (0, ShimmerTestElementSets_1.shimmerBorderRadiusTests)(), duration: 3000, style: { width: 800, height: 400 } })));
|
|
31
45
|
};
|
|
32
46
|
var shimmerSections = [
|
|
33
|
-
{
|
|
34
|
-
name: 'Customized Shimmer',
|
|
35
|
-
testID: consts_1.SHIMMER_TESTPAGE,
|
|
36
|
-
component: CustomizedShimmer,
|
|
37
|
-
},
|
|
38
47
|
{
|
|
39
48
|
name: 'Shimmer Rects',
|
|
40
49
|
testID: consts_1.SHIMMER_TESTPAGE,
|
|
@@ -50,6 +59,11 @@ var shimmerSections = [
|
|
|
50
59
|
testID: consts_1.SHIMMER_TESTPAGE,
|
|
51
60
|
component: ShimmerBorderRadii,
|
|
52
61
|
},
|
|
62
|
+
{
|
|
63
|
+
name: 'Customized Shimmer',
|
|
64
|
+
testID: consts_1.SHIMMER_TESTPAGE,
|
|
65
|
+
component: CustomizedShimmer,
|
|
66
|
+
},
|
|
53
67
|
{
|
|
54
68
|
name: 'Shimmer for E2E Testing',
|
|
55
69
|
component: ShimmerE2ETest_1.E2ETestingShimmer,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShimmerTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shimmer/ShimmerTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,oFAAsE;AACtE,mCAA4C;AAC5C,gCAA4D;AAC5D,sDAAqD;AACrD,2CAA8C;AAC9C,mEAAgH;AAChH,mDAAqD;AAErD,IAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"ShimmerTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shimmer/ShimmerTest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizeUsage.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Text/CustomizeUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CustomizeUsage.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Text/CustomizeUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgD/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA2ElC,CAAC"}
|
|
@@ -7,14 +7,43 @@ var react_native_1 = require("react-native");
|
|
|
7
7
|
var stack_1 = require("@fluentui-react-native/stack");
|
|
8
8
|
var react_native_2 = require("@fluentui/react-native");
|
|
9
9
|
var styles_1 = require("../Common/styles");
|
|
10
|
+
var RedCaptionBold = react_native_2.Text.customize({ tokens: { variant: 'captionStandard', fontWeight: '700', color: '#ff0000' } });
|
|
11
|
+
var OrangeSecondaryBold = react_native_2.Text.customize({ tokens: { variant: 'secondaryStandard', fontWeight: '700', color: '#ff9900' } });
|
|
12
|
+
var YellowBodyBold = react_native_2.Text.customize({ tokens: { variant: 'bodyStandard', fontWeight: '700', color: '#f3ce00' } });
|
|
13
|
+
var GreenSubheaderBold = react_native_2.Text.customize({ tokens: { variant: 'subheaderStandard', fontWeight: '700', color: '#02c440' } });
|
|
14
|
+
var BlueHeaderBold = react_native_2.Text.customize({ tokens: { variant: 'headerStandard', fontWeight: '700', color: '#0229c4' } });
|
|
15
|
+
var IndigoHeroBold = react_native_2.Text.customize({ tokens: { variant: 'heroStandard', fontWeight: '700', color: '#4b0082' } });
|
|
16
|
+
var PurpleHeroLargeBold = react_native_2.Text.customize({ tokens: { variant: 'heroLargeStandard', fontWeight: '700', color: '#8402c4' } });
|
|
17
|
+
// Android has a limited fontFamily support and unknown fonts fallback to sans-serif (Roboto).
|
|
18
|
+
// Custom fonts (ttf, otf) are supported but need to be linked using 'react-native link'
|
|
19
|
+
// The supported font families can be found as <aliases> at https://android.googlesource.com/platform/frameworks/base/+/master/data/fonts/fonts.xml
|
|
20
|
+
var CustomFontNames = (0, tslib_1.__assign)({}, react_native_1.Platform.select({
|
|
21
|
+
android: {
|
|
22
|
+
CourierNew: 'courier new',
|
|
23
|
+
Georgia: 'georgia',
|
|
24
|
+
TimesNewRoman: 'times new roman',
|
|
25
|
+
},
|
|
26
|
+
default: {
|
|
27
|
+
CourierNew: 'Courier New',
|
|
28
|
+
Georgia: 'Georgia',
|
|
29
|
+
TimesNewRoman: 'Times New Roman',
|
|
30
|
+
},
|
|
31
|
+
}));
|
|
32
|
+
var ArialBlack = react_native_2.Text.customize({ tokens: { variant: 'heroLargeStandard', fontFamily: 'Arial Black' } });
|
|
33
|
+
var BrushScriptMT = react_native_2.Text.customize({ tokens: { variant: 'heroStandard', fontFamily: 'Brush Script MT' } });
|
|
34
|
+
var CourierNew = react_native_2.Text.customize({ tokens: { variant: 'headerStandard', fontFamily: CustomFontNames.CourierNew } });
|
|
35
|
+
var Georgia = react_native_2.Text.customize({ tokens: { variant: 'subheaderStandard', fontFamily: CustomFontNames.Georgia } });
|
|
36
|
+
var TimesNewRoman = react_native_2.Text.customize({ tokens: { variant: 'secondaryStandard', fontFamily: CustomFontNames.TimesNewRoman } });
|
|
37
|
+
var Wingdings = react_native_2.Text.customize({ tokens: { variant: 'captionStandard', fontFamily: 'Wingdings' } });
|
|
38
|
+
// Examples of supported Android fonts.
|
|
39
|
+
var Casual = react_native_2.Text.customize({ tokens: { variant: 'heroStandard', fontFamily: 'casual' } });
|
|
40
|
+
var Cursive = react_native_2.Text.customize({ tokens: { variant: 'heroStandard', fontFamily: 'cursive' } });
|
|
41
|
+
// Examples of iOS fonts.
|
|
42
|
+
var Papyrus = react_native_2.Text.customize({ tokens: { variant: 'heroLargeStandard', fontFamily: 'Papyrus' } });
|
|
43
|
+
var Helvetica = react_native_2.Text.customize({ tokens: { variant: 'heroLargeStandard', fontFamily: 'Helvetica' } });
|
|
44
|
+
// Fonts supported on Android and iOS
|
|
45
|
+
var Arial = react_native_2.Text.customize({ tokens: { variant: 'heroLargeStandard', fontFamily: 'arial' } });
|
|
10
46
|
var CustomizeUsage = function () {
|
|
11
|
-
var RedCaptionBold = react_native_2.Text.customize({ tokens: { variant: 'captionStandard', fontWeight: '700', color: '#ff0000' } });
|
|
12
|
-
var OrangeSecondaryBold = react_native_2.Text.customize({ tokens: { variant: 'secondaryStandard', fontWeight: '700', color: '#ff9900' } });
|
|
13
|
-
var YellowBodyBold = react_native_2.Text.customize({ tokens: { variant: 'bodyStandard', fontWeight: '700', color: '#f3ce00' } });
|
|
14
|
-
var GreenSubheaderBold = react_native_2.Text.customize({ tokens: { variant: 'subheaderStandard', fontWeight: '700', color: '#02c440' } });
|
|
15
|
-
var BlueHeaderBold = react_native_2.Text.customize({ tokens: { variant: 'headerStandard', fontWeight: '700', color: '#0229c4' } });
|
|
16
|
-
var IndigoHeroBold = react_native_2.Text.customize({ tokens: { variant: 'heroStandard', fontWeight: '700', color: '#4b0082' } });
|
|
17
|
-
var PurpleHeroLargeBold = react_native_2.Text.customize({ tokens: { variant: 'heroLargeStandard', fontWeight: '700', color: '#8402c4' } });
|
|
18
47
|
var CustomUsageStack = function () {
|
|
19
48
|
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle, gap: 5 },
|
|
20
49
|
React.createElement(RedCaptionBold, null, "RedCaptionBold"),
|
|
@@ -25,35 +54,6 @@ var CustomizeUsage = function () {
|
|
|
25
54
|
React.createElement(IndigoHeroBold, null, "IndigoHeroBold"),
|
|
26
55
|
React.createElement(PurpleHeroLargeBold, null, "PurpleHeroLargeBold")));
|
|
27
56
|
};
|
|
28
|
-
// Android has a limited fontFamily support and unknown fonts fallback to sans-serif (Roboto).
|
|
29
|
-
// Custom fonts (ttf, otf) are supported but need to be linked using 'react-native link'
|
|
30
|
-
// The supported font families can be found as <aliases> at https://android.googlesource.com/platform/frameworks/base/+/master/data/fonts/fonts.xml
|
|
31
|
-
var CustomFontNames = (0, tslib_1.__assign)({}, react_native_1.Platform.select({
|
|
32
|
-
android: {
|
|
33
|
-
CourierNew: 'courier new',
|
|
34
|
-
Georgia: 'georgia',
|
|
35
|
-
TimesNewRoman: 'times new roman',
|
|
36
|
-
},
|
|
37
|
-
default: {
|
|
38
|
-
CourierNew: 'Courier New',
|
|
39
|
-
Georgia: 'Georgia',
|
|
40
|
-
TimesNewRoman: 'Times New Roman',
|
|
41
|
-
},
|
|
42
|
-
}));
|
|
43
|
-
var ArialBlack = react_native_2.Text.customize({ tokens: { variant: 'heroLargeStandard', fontFamily: 'Arial Black' } });
|
|
44
|
-
var BrushScriptMT = react_native_2.Text.customize({ tokens: { variant: 'heroStandard', fontFamily: 'Brush Script MT' } });
|
|
45
|
-
var CourierNew = react_native_2.Text.customize({ tokens: { variant: 'headerStandard', fontFamily: CustomFontNames.CourierNew } });
|
|
46
|
-
var Georgia = react_native_2.Text.customize({ tokens: { variant: 'subheaderStandard', fontFamily: CustomFontNames.Georgia } });
|
|
47
|
-
var TimesNewRoman = react_native_2.Text.customize({ tokens: { variant: 'secondaryStandard', fontFamily: CustomFontNames.TimesNewRoman } });
|
|
48
|
-
var Wingdings = react_native_2.Text.customize({ tokens: { variant: 'captionStandard', fontFamily: 'Wingdings' } });
|
|
49
|
-
// Examples of supported Android fonts.
|
|
50
|
-
var Casual = react_native_2.Text.customize({ tokens: { variant: 'heroStandard', fontFamily: 'casual' } });
|
|
51
|
-
var Cursive = react_native_2.Text.customize({ tokens: { variant: 'heroStandard', fontFamily: 'cursive' } });
|
|
52
|
-
// Examples of iOS fonts.
|
|
53
|
-
var Papyrus = react_native_2.Text.customize({ tokens: { variant: 'heroLargeStandard', fontFamily: 'Papyrus' } });
|
|
54
|
-
var Helvetica = react_native_2.Text.customize({ tokens: { variant: 'heroLargeStandard', fontFamily: 'Helvetica' } });
|
|
55
|
-
// Fonts supported on Android and iOS
|
|
56
|
-
var Arial = react_native_2.Text.customize({ tokens: { variant: 'heroLargeStandard', fontFamily: 'arial' } });
|
|
57
57
|
var CustomFontStack = function () {
|
|
58
58
|
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle, gap: 5 },
|
|
59
59
|
React.createElement(ArialBlack, null, "Arial Black"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizeUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Text/CustomizeUsage.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAA8C;AAC9C,sDAAqD;AACrD,uDAA8C;AAC9C,2CAA8C;
|
|
1
|
+
{"version":3,"file":"CustomizeUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Text/CustomizeUsage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizeUsage.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/CustomizeUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CustomizeUsage.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/CustomizeUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgD/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA2ElC,CAAC"}
|
|
@@ -7,14 +7,43 @@ var react_native_1 = require("react-native");
|
|
|
7
7
|
var stack_1 = require("@fluentui-react-native/stack");
|
|
8
8
|
var experimental_text_1 = require("@fluentui-react-native/experimental-text");
|
|
9
9
|
var styles_1 = require("../Common/styles");
|
|
10
|
+
var RedCaptionBold = experimental_text_1.Text.customize({ variant: 'captionStandard', fontWeight: '700', color: '#ff0000' });
|
|
11
|
+
var OrangeSecondaryBold = experimental_text_1.Text.customize({ variant: 'secondaryStandard', fontWeight: '700', color: '#ff9900' });
|
|
12
|
+
var YellowBodyBold = experimental_text_1.Text.customize({ variant: 'bodyStandard', fontWeight: '700', color: '#f3ce00' });
|
|
13
|
+
var GreenSubheaderBold = experimental_text_1.Text.customize({ variant: 'subheaderStandard', fontWeight: '700', color: '#02c440' });
|
|
14
|
+
var BlueHeaderBold = experimental_text_1.Text.customize({ variant: 'headerStandard', fontWeight: '700', color: '#0229c4' });
|
|
15
|
+
var IndigoHeroBold = experimental_text_1.Text.customize({ variant: 'heroStandard', fontWeight: '700', color: '#4b0082' });
|
|
16
|
+
var PurpleHeroLargeBold = experimental_text_1.Text.customize({ variant: 'heroLargeStandard', fontWeight: '700', color: '#8402c4' });
|
|
17
|
+
// Android has a limited fontFamily support and unknown fonts fallback to sans-serif (Roboto).
|
|
18
|
+
// Custom fonts (ttf, otf) are supported but need to be linked using 'react-native link'
|
|
19
|
+
// The supported font families can be found as <aliases> at https://android.googlesource.com/platform/frameworks/base/+/master/data/fonts/fonts.xml
|
|
20
|
+
var CustomFontNames = (0, tslib_1.__assign)({}, react_native_1.Platform.select({
|
|
21
|
+
android: {
|
|
22
|
+
CourierNew: 'courier new',
|
|
23
|
+
Georgia: 'georgia',
|
|
24
|
+
TimesNewRoman: 'times new roman',
|
|
25
|
+
},
|
|
26
|
+
default: {
|
|
27
|
+
CourierNew: 'Courier New',
|
|
28
|
+
Georgia: 'Georgia',
|
|
29
|
+
TimesNewRoman: 'Times New Roman',
|
|
30
|
+
},
|
|
31
|
+
}));
|
|
32
|
+
var ArialBlack = experimental_text_1.Text.customize({ variant: 'heroLargeStandard', fontFamily: 'Arial Black' });
|
|
33
|
+
var BrushScriptMT = experimental_text_1.Text.customize({ variant: 'heroStandard', fontFamily: 'Brush Script MT' });
|
|
34
|
+
var CourierNew = experimental_text_1.Text.customize({ variant: 'headerStandard', fontFamily: CustomFontNames.CourierNew });
|
|
35
|
+
var Georgia = experimental_text_1.Text.customize({ variant: 'subheaderStandard', fontFamily: CustomFontNames.Georgia });
|
|
36
|
+
var TimesNewRoman = experimental_text_1.Text.customize({ variant: 'secondaryStandard', fontFamily: CustomFontNames.TimesNewRoman });
|
|
37
|
+
var Wingdings = experimental_text_1.Text.customize({ variant: 'captionStandard', fontFamily: 'Wingdings' });
|
|
38
|
+
// Examples of supported Android fonts.
|
|
39
|
+
var Casual = experimental_text_1.Text.customize({ variant: 'heroStandard', fontFamily: 'casual' });
|
|
40
|
+
var Cursive = experimental_text_1.Text.customize({ variant: 'heroStandard', fontFamily: 'cursive' });
|
|
41
|
+
// Examples of iOS fonts.
|
|
42
|
+
var Papyrus = experimental_text_1.Text.customize({ variant: 'heroLargeStandard', fontFamily: 'Papyrus' });
|
|
43
|
+
var Helvetica = experimental_text_1.Text.customize({ variant: 'heroLargeStandard', fontFamily: 'Helvetica' });
|
|
44
|
+
// Fonts supported on Android and iOS
|
|
45
|
+
var Arial = experimental_text_1.Text.customize({ variant: 'heroLargeStandard', fontFamily: 'arial' });
|
|
10
46
|
var CustomizeUsage = function () {
|
|
11
|
-
var RedCaptionBold = experimental_text_1.Text.customize({ variant: 'captionStandard', fontWeight: '700', color: '#ff0000' });
|
|
12
|
-
var OrangeSecondaryBold = experimental_text_1.Text.customize({ variant: 'secondaryStandard', fontWeight: '700', color: '#ff9900' });
|
|
13
|
-
var YellowBodyBold = experimental_text_1.Text.customize({ variant: 'bodyStandard', fontWeight: '700', color: '#f3ce00' });
|
|
14
|
-
var GreenSubheaderBold = experimental_text_1.Text.customize({ variant: 'subheaderStandard', fontWeight: '700', color: '#02c440' });
|
|
15
|
-
var BlueHeaderBold = experimental_text_1.Text.customize({ variant: 'headerStandard', fontWeight: '700', color: '#0229c4' });
|
|
16
|
-
var IndigoHeroBold = experimental_text_1.Text.customize({ variant: 'heroStandard', fontWeight: '700', color: '#4b0082' });
|
|
17
|
-
var PurpleHeroLargeBold = experimental_text_1.Text.customize({ variant: 'heroLargeStandard', fontWeight: '700', color: '#8402c4' });
|
|
18
47
|
var CustomUsageStack = function () {
|
|
19
48
|
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle, gap: 5 },
|
|
20
49
|
React.createElement(RedCaptionBold, null, "RedCaptionBold"),
|
|
@@ -25,35 +54,6 @@ var CustomizeUsage = function () {
|
|
|
25
54
|
React.createElement(IndigoHeroBold, null, "IndigoHeroBold"),
|
|
26
55
|
React.createElement(PurpleHeroLargeBold, null, "PurpleHeroLargeBold")));
|
|
27
56
|
};
|
|
28
|
-
// Android has a limited fontFamily support and unknown fonts fallback to sans-serif (Roboto).
|
|
29
|
-
// Custom fonts (ttf, otf) are supported but need to be linked using 'react-native link'
|
|
30
|
-
// The supported font families can be found as <aliases> at https://android.googlesource.com/platform/frameworks/base/+/master/data/fonts/fonts.xml
|
|
31
|
-
var CustomFontNames = (0, tslib_1.__assign)({}, react_native_1.Platform.select({
|
|
32
|
-
android: {
|
|
33
|
-
CourierNew: 'courier new',
|
|
34
|
-
Georgia: 'georgia',
|
|
35
|
-
TimesNewRoman: 'times new roman',
|
|
36
|
-
},
|
|
37
|
-
default: {
|
|
38
|
-
CourierNew: 'Courier New',
|
|
39
|
-
Georgia: 'Georgia',
|
|
40
|
-
TimesNewRoman: 'Times New Roman',
|
|
41
|
-
},
|
|
42
|
-
}));
|
|
43
|
-
var ArialBlack = experimental_text_1.Text.customize({ variant: 'heroLargeStandard', fontFamily: 'Arial Black' });
|
|
44
|
-
var BrushScriptMT = experimental_text_1.Text.customize({ variant: 'heroStandard', fontFamily: 'Brush Script MT' });
|
|
45
|
-
var CourierNew = experimental_text_1.Text.customize({ variant: 'headerStandard', fontFamily: CustomFontNames.CourierNew });
|
|
46
|
-
var Georgia = experimental_text_1.Text.customize({ variant: 'subheaderStandard', fontFamily: CustomFontNames.Georgia });
|
|
47
|
-
var TimesNewRoman = experimental_text_1.Text.customize({ variant: 'secondaryStandard', fontFamily: CustomFontNames.TimesNewRoman });
|
|
48
|
-
var Wingdings = experimental_text_1.Text.customize({ variant: 'captionStandard', fontFamily: 'Wingdings' });
|
|
49
|
-
// Examples of supported Android fonts.
|
|
50
|
-
var Casual = experimental_text_1.Text.customize({ variant: 'heroStandard', fontFamily: 'casual' });
|
|
51
|
-
var Cursive = experimental_text_1.Text.customize({ variant: 'heroStandard', fontFamily: 'cursive' });
|
|
52
|
-
// Examples of iOS fonts.
|
|
53
|
-
var Papyrus = experimental_text_1.Text.customize({ variant: 'heroLargeStandard', fontFamily: 'Papyrus' });
|
|
54
|
-
var Helvetica = experimental_text_1.Text.customize({ variant: 'heroLargeStandard', fontFamily: 'Helvetica' });
|
|
55
|
-
// Fonts supported on Android and iOS
|
|
56
|
-
var Arial = experimental_text_1.Text.customize({ variant: 'heroLargeStandard', fontFamily: 'arial' });
|
|
57
57
|
var CustomFontStack = function () {
|
|
58
58
|
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle, gap: 5 },
|
|
59
59
|
React.createElement(ArialBlack, null, "Arial Black"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizeUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/CustomizeUsage.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAA8C;AAC9C,sDAAqD;AACrD,8EAAgE;AAChE,2CAA8C;
|
|
1
|
+
{"version":3,"file":"CustomizeUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/CustomizeUsage.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.58.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>",
|
|
@@ -27,29 +27,29 @@
|
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@fluentui-react-native/android-theme": ">=0.5.4 <1.0.0",
|
|
29
29
|
"@fluentui-react-native/apple-theme": ">=0.9.10 <1.0.0",
|
|
30
|
-
"@fluentui-react-native/badge": ">=0.0.
|
|
31
|
-
"@fluentui-react-native/button": ">=0.22.
|
|
30
|
+
"@fluentui-react-native/badge": ">=0.0.15 <1.0.0",
|
|
31
|
+
"@fluentui-react-native/button": ">=0.22.5 <1.0.0",
|
|
32
32
|
"@fluentui-react-native/default-theme": ">=0.9.10 <1.0.0",
|
|
33
33
|
"@fluentui-react-native/experimental-activity-indicator": ">=0.5.13 <1.0.0",
|
|
34
34
|
"@fluentui-react-native/experimental-avatar": ">=0.14.5 <1.0.0",
|
|
35
|
-
"@fluentui-react-native/experimental-button": "0.15.
|
|
36
|
-
"@fluentui-react-native/experimental-checkbox": "0.
|
|
35
|
+
"@fluentui-react-native/experimental-button": "0.15.5",
|
|
36
|
+
"@fluentui-react-native/experimental-checkbox": "0.9.0",
|
|
37
37
|
"@fluentui-react-native/experimental-native-date-picker": ">=0.4.1 <1.0.0",
|
|
38
38
|
"@fluentui-react-native/experimental-expander": "0.3.14",
|
|
39
|
-
"@fluentui-react-native/experimental-menu-button": ">=0.3.
|
|
40
|
-
"@fluentui-react-native/experimental-shimmer": "0.6.
|
|
41
|
-
"@fluentui-react-native/experimental-tabs": "0.4.
|
|
39
|
+
"@fluentui-react-native/experimental-menu-button": ">=0.3.14 <1.0.0",
|
|
40
|
+
"@fluentui-react-native/experimental-shimmer": "0.6.17",
|
|
41
|
+
"@fluentui-react-native/experimental-tabs": "0.4.24",
|
|
42
42
|
"@fluentui-react-native/experimental-text": ">=0.7.14 <1.0.0",
|
|
43
43
|
"@fluentui-react-native/framework": ">=0.7.14 <1.0.0",
|
|
44
44
|
"@fluentui-react-native/icon": "0.11.9",
|
|
45
|
-
"@fluentui-react-native/interactive-hooks": ">=0.
|
|
45
|
+
"@fluentui-react-native/interactive-hooks": ">=0.14.0 <1.0.0",
|
|
46
46
|
"@fluentui-react-native/stack": ">=0.6.14 <1.0.0",
|
|
47
47
|
"@fluentui-react-native/theme": ">=0.6.4 <1.0.0",
|
|
48
48
|
"@fluentui-react-native/theme-types": ">=0.13.3 <1.0.0",
|
|
49
49
|
"@fluentui-react-native/themed-stylesheet": "^1.3.2",
|
|
50
50
|
"@fluentui-react-native/theming-utils": ">=0.8.10 <1.0.0",
|
|
51
51
|
"@fluentui-react-native/win32-theme": ">=0.14.11 <1.0.0",
|
|
52
|
-
"@fluentui/react-native": ">=0.27.
|
|
52
|
+
"@fluentui/react-native": ">=0.27.35 <1.0.0",
|
|
53
53
|
"@react-native-community/slider": "^4.2.0",
|
|
54
54
|
"@react-native-menu/menu": "^0.1.2",
|
|
55
55
|
"@react-native-picker/picker": "^2.2.1",
|
|
@@ -79,7 +79,6 @@
|
|
|
79
79
|
"react-native-svg-transformer": "^1.0.0",
|
|
80
80
|
"react-native-windows": "^0.64.0",
|
|
81
81
|
"react-test-renderer": "17.0.1",
|
|
82
|
-
"rnpm-plugin-windows": "^0.5.1-0",
|
|
83
82
|
"ts-node": "^8.10.1",
|
|
84
83
|
"tsconfig-paths": "^3.9.0",
|
|
85
84
|
"typescript": "4.5.4",
|
|
@@ -3,10 +3,73 @@ import {
|
|
|
3
3
|
EXPERIMENTAL_CHECKBOX_TESTPAGE,
|
|
4
4
|
EXPERIMENTAL_CHECKBOX_TEST_COMPONENT,
|
|
5
5
|
EXPERIMENTAL_CHECKBOX_NO_A11Y_LABEL_COMPONENT,
|
|
6
|
+
EXPERIMENTAL_CHECKBOX_ON_PRESS,
|
|
6
7
|
} from '../../../FluentTester/TestComponents/CheckboxExperimental/consts';
|
|
7
8
|
import { BasePage, By } from '../../common/BasePage.win';
|
|
8
9
|
|
|
10
|
+
/* This enum gives the spec file an EASY way to interact with SPECIFIC UI elements on the page.
|
|
11
|
+
* The spec file should import this enum and use it when wanting to interact with different elements on the page. */
|
|
12
|
+
export const enum ExperimentalCheckboxSelector {
|
|
13
|
+
Primary, //this._primaryComponent
|
|
14
|
+
}
|
|
15
|
+
|
|
9
16
|
class ExperimentalCheckboxPageObject extends BasePage {
|
|
17
|
+
/******************************************************************/
|
|
18
|
+
/**************** UI Element Interaction Methods ******************/
|
|
19
|
+
/******************************************************************/
|
|
20
|
+
isCheckboxChecked(): boolean {
|
|
21
|
+
return this._primaryComponent.isSelected();
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
waitForCheckboxChecked(timeout?: number): void {
|
|
25
|
+
browser.waitUntil(
|
|
26
|
+
() => {
|
|
27
|
+
return this.isCheckboxChecked();
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
timeout: timeout ?? this.waitForPageTimeout,
|
|
31
|
+
timeoutMsg: 'The Checkbox was not toggled correctly',
|
|
32
|
+
interval: 1000,
|
|
33
|
+
},
|
|
34
|
+
);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
/* Useful in beforeEach() hook to reset the checkbox before every test */
|
|
38
|
+
toggleCheckboxToUnchecked(): void {
|
|
39
|
+
if (this.isCheckboxChecked()) {
|
|
40
|
+
this._primaryComponent.click();
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
didOnChangeCallbackFire(): boolean {
|
|
45
|
+
const callbackText = By(EXPERIMENTAL_CHECKBOX_ON_PRESS);
|
|
46
|
+
browser.waitUntil(
|
|
47
|
+
() => {
|
|
48
|
+
return callbackText.isDisplayed();
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
timeout: this.waitForPageTimeout,
|
|
52
|
+
timeoutMsg: 'The OnChange callback did not fire.',
|
|
53
|
+
interval: 1000,
|
|
54
|
+
},
|
|
55
|
+
);
|
|
56
|
+
|
|
57
|
+
return callbackText.isDisplayed();
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/* Sends a Keyboarding command on a specific UI element */
|
|
61
|
+
sendKey(selector: ExperimentalCheckboxSelector, key: string): void {
|
|
62
|
+
this.getCheckboxSelector(selector).addValue(key);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
/* Returns the correct WebDriverIO element from the Checkbox Selector */
|
|
66
|
+
getCheckboxSelector(selector?: ExperimentalCheckboxSelector): WebdriverIO.Element {
|
|
67
|
+
if (selector == ExperimentalCheckboxSelector.Primary) {
|
|
68
|
+
return this._primaryComponent;
|
|
69
|
+
}
|
|
70
|
+
return this._primaryComponent;
|
|
71
|
+
}
|
|
72
|
+
|
|
10
73
|
/*****************************************/
|
|
11
74
|
/**************** Getters ****************/
|
|
12
75
|
/*****************************************/
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import NavigateAppPage from '../../common/NavigateAppPage.win';
|
|
2
|
-
import ExperimentalCheckboxPageObject from '../pages/ExperimentalCheckboxPageObject';
|
|
2
|
+
import ExperimentalCheckboxPageObject, { ExperimentalCheckboxSelector } from '../pages/ExperimentalCheckboxPageObject';
|
|
3
3
|
import { ComponentSelector } from '../../common/BasePage.win';
|
|
4
4
|
import {
|
|
5
5
|
EXPERIMENTAL_CHECKBOX_TEST_COMPONENT_LABEL,
|
|
6
6
|
EXPERIMENTAL_CHECKBOX_ACCESSIBILITY_LABEL,
|
|
7
7
|
} from '../../../FluentTester/TestComponents/CheckboxExperimental/consts';
|
|
8
|
-
import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, CHECKBOX_A11Y_ROLE } from '../../common/consts';
|
|
8
|
+
import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, CHECKBOX_A11Y_ROLE, Keys } from '../../common/consts';
|
|
9
9
|
|
|
10
10
|
describe('Experimental Checkbox Testing Initialization', () => {
|
|
11
11
|
it('Wait for app load', () => {
|
|
@@ -28,6 +28,12 @@ describe('Experimental Checkbox Testing Initialization', () => {
|
|
|
28
28
|
});
|
|
29
29
|
|
|
30
30
|
describe('Experimental Checkbox Accessibility Testing', () => {
|
|
31
|
+
/* Scrolls and waits for the Checkbox to be visible on the Test Page */
|
|
32
|
+
beforeEach(() => {
|
|
33
|
+
ExperimentalCheckboxPageObject.scrollToTestElement();
|
|
34
|
+
ExperimentalCheckboxPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
|
|
35
|
+
});
|
|
36
|
+
|
|
31
37
|
it('Experimental Checkbox - Validate accessibilityRole is correct', () => {
|
|
32
38
|
ExperimentalCheckboxPageObject.scrollToTestElement();
|
|
33
39
|
ExperimentalCheckboxPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
|
|
@@ -56,3 +62,43 @@ describe('Experimental Checkbox Accessibility Testing', () => {
|
|
|
56
62
|
expect(ExperimentalCheckboxPageObject.didAssertPopup()).toBeFalsy(ExperimentalCheckboxPageObject.ERRORMESSAGE_ASSERT);
|
|
57
63
|
});
|
|
58
64
|
});
|
|
65
|
+
|
|
66
|
+
describe('Checkbox Functional Testing', () => {
|
|
67
|
+
/* Scrolls and waits for the Checkbox to be visible on the Test Page AND un-checks the Checkbox */
|
|
68
|
+
beforeEach(() => {
|
|
69
|
+
ExperimentalCheckboxPageObject.scrollToTestElement();
|
|
70
|
+
ExperimentalCheckboxPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
|
|
71
|
+
|
|
72
|
+
ExperimentalCheckboxPageObject.toggleCheckboxToUnchecked();
|
|
73
|
+
});
|
|
74
|
+
|
|
75
|
+
it("Click on a Checkbox -> Validate it toggles correctly AND calls the user's onChange", () => {
|
|
76
|
+
/* Validate the Checkbox is initially toggled OFF */
|
|
77
|
+
expect(ExperimentalCheckboxPageObject.isCheckboxChecked()).toBeFalsy();
|
|
78
|
+
|
|
79
|
+
/* Click on the Checkbox to toggle on */
|
|
80
|
+
ExperimentalCheckboxPageObject.clickComponent();
|
|
81
|
+
ExperimentalCheckboxPageObject.waitForCheckboxChecked(PAGE_TIMEOUT);
|
|
82
|
+
|
|
83
|
+
expect(ExperimentalCheckboxPageObject.didOnChangeCallbackFire()).toBeTruthy();
|
|
84
|
+
|
|
85
|
+
/* Validate the Checkbox is toggled ON */
|
|
86
|
+
expect(ExperimentalCheckboxPageObject.isCheckboxChecked()).toBeTruthy();
|
|
87
|
+
|
|
88
|
+
ExperimentalCheckboxPageObject.clickComponent();
|
|
89
|
+
|
|
90
|
+
/* Validate the Checkbox is toggled OFF */
|
|
91
|
+
expect(ExperimentalCheckboxPageObject.isCheckboxChecked()).toBeFalsy();
|
|
92
|
+
expect(ExperimentalCheckboxPageObject.didAssertPopup()).toBeFalsy(ExperimentalCheckboxPageObject.ERRORMESSAGE_ASSERT);
|
|
93
|
+
});
|
|
94
|
+
|
|
95
|
+
it('Click the "Spacebar" on a Checkbox and verify it toggles', () => {
|
|
96
|
+
/* Presses the "space bar" to select the Checkbox */
|
|
97
|
+
ExperimentalCheckboxPageObject.sendKey(ExperimentalCheckboxSelector.Primary, Keys.Spacebar);
|
|
98
|
+
ExperimentalCheckboxPageObject.waitForCheckboxChecked(PAGE_TIMEOUT);
|
|
99
|
+
|
|
100
|
+
/* Validate the Checkbox is selected */
|
|
101
|
+
expect(ExperimentalCheckboxPageObject.isCheckboxChecked()).toBeTruthy();
|
|
102
|
+
expect(ExperimentalCheckboxPageObject.didAssertPopup()).toBeFalsy(ExperimentalCheckboxPageObject.ERRORMESSAGE_ASSERT);
|
|
103
|
+
});
|
|
104
|
+
});
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { BasePage, By } from '../../../common/BasePage.win';
|
|
2
|
+
|
|
3
|
+
const ScrollViewTestId = 'SCROLLVIEW_TEST_ID';
|
|
4
|
+
|
|
5
|
+
class NativeTestingPageObject extends BasePage {
|
|
6
|
+
waitForScrollViewDisplayed(timeout?: number): void {
|
|
7
|
+
browser.waitUntil(
|
|
8
|
+
() => {
|
|
9
|
+
return this.doesScrollViewParentExist();
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
timeout: timeout ?? this.waitForPageTimeout,
|
|
13
|
+
timeoutMsg:
|
|
14
|
+
'For testing purposes we require that the root view contains a non-empty, immutable ScrollView of buttons that navigate to test pages.',
|
|
15
|
+
interval: 1000,
|
|
16
|
+
},
|
|
17
|
+
);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
doesScrollViewParentExist(): boolean {
|
|
21
|
+
return this._scrollViewParent.isExisting();
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
/* Validate the Children of the ScrollView stay intact. The children are the buttons that
|
|
25
|
+
* navigate to each test page. Also, validate these children exist with the proper testId format */
|
|
26
|
+
validateScrollViewChildren(): boolean {
|
|
27
|
+
// Gets all the children
|
|
28
|
+
const testChildren = this._scrollViewParent.$$('//*');
|
|
29
|
+
let foundValidButton = false;
|
|
30
|
+
|
|
31
|
+
// Ensure the testID (maps 1:1 to automationId) properties of the button children match the defined testing format
|
|
32
|
+
const reg = new RegExp('Homepage_[a-zA-Z]*_Button');
|
|
33
|
+
|
|
34
|
+
// Iterate through children. Validate at least one valid button exists as a child to the ScrollView.
|
|
35
|
+
// If automationId is found in the wrong format, return false.
|
|
36
|
+
for (const child of testChildren) {
|
|
37
|
+
const autoId = child.getAttribute('AutomationId');
|
|
38
|
+
if (autoId && autoId !== ScrollViewTestId) {
|
|
39
|
+
if (autoId.match(reg)) {
|
|
40
|
+
foundValidButton = true;
|
|
41
|
+
} else {
|
|
42
|
+
// The correct format for testId was not followed. Return a failure.
|
|
43
|
+
return false;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
return foundValidButton;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
get _scrollViewParent() {
|
|
52
|
+
return By(ScrollViewTestId);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
export default new NativeTestingPageObject();
|