@fluentui-react-native/tester 0.141.1 → 0.142.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 +37 -1
- package/CHANGELOG.md +11 -2
- package/android/build.gradle +2 -5
- package/lib/E2E/src/Input/consts.d.ts +6 -2
- package/lib/E2E/src/Input/consts.d.ts.map +1 -1
- package/lib/E2E/src/Input/consts.js +6 -3
- package/lib/E2E/src/Input/consts.js.map +1 -1
- package/lib/E2E/src/common/consts.d.ts +3 -1
- package/lib/E2E/src/common/consts.d.ts.map +1 -1
- package/lib/E2E/src/common/consts.js +1 -0
- package/lib/E2E/src/common/consts.js.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Input/E2EInputTest.d.ts +6 -0
- package/lib/fluent-tester/src/TestComponents/Input/E2EInputTest.d.ts.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Input/E2EInputTest.js +33 -0
- package/lib/fluent-tester/src/TestComponents/Input/E2EInputTest.js.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Input/InputDefault.d.ts.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Input/InputDefault.js +14 -9
- package/lib/fluent-tester/src/TestComponents/Input/InputDefault.js.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Input/InputTest.d.ts.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Input/InputTest.js +8 -1
- package/lib/fluent-tester/src/TestComponents/Input/InputTest.js.map +1 -1
- package/lib-commonjs/E2E/src/Input/consts.d.ts +6 -2
- package/lib-commonjs/E2E/src/Input/consts.d.ts.map +1 -1
- package/lib-commonjs/E2E/src/Input/consts.js +7 -4
- package/lib-commonjs/E2E/src/Input/consts.js.map +1 -1
- package/lib-commonjs/E2E/src/common/consts.d.ts +3 -1
- package/lib-commonjs/E2E/src/common/consts.d.ts.map +1 -1
- package/lib-commonjs/E2E/src/common/consts.js +2 -1
- package/lib-commonjs/E2E/src/common/consts.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Input/E2EInputTest.d.ts +6 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Input/E2EInputTest.d.ts.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Input/E2EInputTest.js +37 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Input/E2EInputTest.js.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Input/InputDefault.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Input/InputDefault.js +13 -8
- package/lib-commonjs/fluent-tester/src/TestComponents/Input/InputDefault.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Input/InputTest.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Input/InputTest.js +8 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Input/InputTest.js.map +1 -1
- package/package.json +2 -2
- package/src/TestComponents/Input/E2EInputTest.tsx +63 -0
- package/src/TestComponents/Input/InputDefault.tsx +36 -15
- package/src/TestComponents/Input/InputTest.tsx +9 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,43 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Thu, 20 Apr 2023 09:40:54 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.142.0",
|
|
7
|
+
"version": "0.142.0",
|
|
8
|
+
"comments": {
|
|
9
|
+
"minor": [
|
|
10
|
+
{
|
|
11
|
+
"author": "ayushsinghs@yahoo.in",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "b2c2e21264313a0897cbf692315c01acd85fb4b5",
|
|
14
|
+
"comment": "Expand input functionality"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/input to v0.2.0",
|
|
20
|
+
"commit": "b2c2e21264313a0897cbf692315c01acd85fb4b5"
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"date": "Wed, 19 Apr 2023 15:57:29 GMT",
|
|
27
|
+
"tag": "@fluentui-react-native/tester_v0.141.1",
|
|
28
|
+
"version": "0.141.1",
|
|
29
|
+
"comments": {
|
|
30
|
+
"none": [
|
|
31
|
+
{
|
|
32
|
+
"author": "ayushsinghs@yahoo.in",
|
|
33
|
+
"package": "@fluentui-react-native/tester",
|
|
34
|
+
"commit": "b4f4b99587f7cef25c187c0bc08183d55d2b3551",
|
|
35
|
+
"comment": "Fix android build issue"
|
|
36
|
+
}
|
|
37
|
+
]
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"date": "Wed, 19 Apr 2023 10:08:39 GMT",
|
|
6
42
|
"tag": "@fluentui-react-native/tester_v0.141.1",
|
|
7
43
|
"version": "0.141.1",
|
|
8
44
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 20 Apr 2023 09:40:54 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.142.0
|
|
8
|
+
|
|
9
|
+
Thu, 20 Apr 2023 09:40:54 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- Expand input functionality (ayushsinghs@yahoo.in)
|
|
14
|
+
- Bump @fluentui-react-native/input to v0.2.0
|
|
15
|
+
|
|
7
16
|
## 0.141.1
|
|
8
17
|
|
|
9
|
-
Wed, 19 Apr 2023 10:08:
|
|
18
|
+
Wed, 19 Apr 2023 10:08:39 GMT
|
|
10
19
|
|
|
11
20
|
### Patches
|
|
12
21
|
|
package/android/build.gradle
CHANGED
|
@@ -9,11 +9,8 @@ buildscript {
|
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
dependencies {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
if (isNewArchitectureEnabled(project)) {
|
|
15
|
-
classpath("com.facebook.react:react-native-gradle-plugin")
|
|
16
|
-
classpath("de.undercouch:gradle-download-task:5.3.0")
|
|
12
|
+
getReactNativeDependencies().each { dependency ->
|
|
13
|
+
classpath(dependency)
|
|
17
14
|
}
|
|
18
15
|
}
|
|
19
16
|
}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
export declare const HOMEPAGE_INPUT_BUTTON = "Homepage_Input_Button";
|
|
2
2
|
export declare const INPUT_TESTPAGE = "Input_TestPage";
|
|
3
3
|
export declare const INPUT_TEST_COMPONENT = "Input_Test_Component";
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
4
|
+
export declare const INPUT_TEST_COMPONENT_DISMISS_BUTTON = "Input_Test_Component_Dismiss_Button";
|
|
5
|
+
export declare const INPUT_TEXT = "Input_Text";
|
|
6
|
+
export declare const INPUT_START_STRING = "Test";
|
|
7
|
+
export declare const INPUT_TYPE_STRING = " ";
|
|
8
|
+
export declare const INPUT_ERROR_STRING = "Input_Error_String";
|
|
9
|
+
export declare const INPUT_ONCLICK_STRING = "Input_Onclick_String";
|
|
6
10
|
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../E2E/src/Input/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAC7D,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAG/C,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAC3D,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../E2E/src/Input/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAC7D,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAG/C,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAC3D,eAAO,MAAM,mCAAmC,wCAAwC,CAAC;AAEzF,eAAO,MAAM,UAAU,eAAe,CAAC;AAEvC,eAAO,MAAM,kBAAkB,SAAS,CAAC;AACzC,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,kBAAkB,uBAAuB,CAAC;AACvD,eAAO,MAAM,oBAAoB,yBAAyB,CAAC"}
|
|
@@ -2,7 +2,10 @@ export var HOMEPAGE_INPUT_BUTTON = 'Homepage_Input_Button';
|
|
|
2
2
|
export var INPUT_TESTPAGE = 'Input_TestPage';
|
|
3
3
|
/* E2E Testing Input 1 */
|
|
4
4
|
export var INPUT_TEST_COMPONENT = 'Input_Test_Component'; // A component on each specific test page
|
|
5
|
-
export var
|
|
6
|
-
|
|
7
|
-
export var
|
|
5
|
+
export var INPUT_TEST_COMPONENT_DISMISS_BUTTON = 'Input_Test_Component_Dismiss_Button'; // A component on each specific test page
|
|
6
|
+
export var INPUT_TEXT = 'Input_Text'; // For testing the text input functionality of input
|
|
7
|
+
export var INPUT_START_STRING = 'Test';
|
|
8
|
+
export var INPUT_TYPE_STRING = ' '; // For testing the typing functionality of input
|
|
9
|
+
export var INPUT_ERROR_STRING = 'Input_Error_String'; // For testing the error functionality of input
|
|
10
|
+
export var INPUT_ONCLICK_STRING = 'Input_Onclick_String'; // For testing the accessory icon button functionality of input
|
|
8
11
|
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../E2E/src/Input/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,qBAAqB,GAAG,uBAAuB,CAAC;AAC7D,MAAM,CAAC,IAAM,cAAc,GAAG,gBAAgB,CAAC;AAE/C,yBAAyB;AACzB,MAAM,CAAC,IAAM,oBAAoB,GAAG,sBAAsB,CAAC,CAAC,yCAAyC;AACrG,MAAM,CAAC,IAAM,
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../E2E/src/Input/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,qBAAqB,GAAG,uBAAuB,CAAC;AAC7D,MAAM,CAAC,IAAM,cAAc,GAAG,gBAAgB,CAAC;AAE/C,yBAAyB;AACzB,MAAM,CAAC,IAAM,oBAAoB,GAAG,sBAAsB,CAAC,CAAC,yCAAyC;AACrG,MAAM,CAAC,IAAM,mCAAmC,GAAG,qCAAqC,CAAC,CAAC,yCAAyC;AAEnI,MAAM,CAAC,IAAM,UAAU,GAAG,YAAY,CAAC,CAAC,oDAAoD;AAE5F,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC;AACzC,MAAM,CAAC,IAAM,iBAAiB,GAAG,GAAG,CAAC,CAAC,gDAAgD;AACtF,MAAM,CAAC,IAAM,kBAAkB,GAAG,oBAAoB,CAAC,CAAC,+CAA+C;AACvG,MAAM,CAAC,IAAM,oBAAoB,GAAG,sBAAsB,CAAC,CAAC,+DAA+D"}
|
|
@@ -19,6 +19,7 @@ export declare const ANDROID_CHECKBOX = "android.widget.CheckBox";
|
|
|
19
19
|
export declare const ANDROID_IMAGE = "android.widget.ImageView";
|
|
20
20
|
export declare const ANDROID_TEXT = "android.widget.TextView";
|
|
21
21
|
export declare const ANDROID_RADIOBUTTON = "android.widget.RadioButton";
|
|
22
|
+
export declare const ANDROID_EDITTEXT = "android.widget.EditText";
|
|
22
23
|
export declare const BOOT_APP_TIMEOUT = 60000;
|
|
23
24
|
export declare const PAGE_TIMEOUT = 15000;
|
|
24
25
|
export declare const enum Attribute {
|
|
@@ -37,7 +38,8 @@ export declare const enum AndroidAttribute {
|
|
|
37
38
|
AccessibilityLabel = "content-desc",
|
|
38
39
|
Class = "class",
|
|
39
40
|
Clickable = "clickable",
|
|
40
|
-
Checked = "checked"
|
|
41
|
+
Checked = "checked",
|
|
42
|
+
Text = "text"
|
|
41
43
|
}
|
|
42
44
|
export declare const attributeToEnumName: {
|
|
43
45
|
HelpText: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../E2E/src/common/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,4BAA4B,CAAC;AACnD,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,gBAAgB,qBAAqB,CAAC;AAGnD,eAAO,MAAM,gBAAgB,uBAAuB,CAAC;AACrD,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,kBAAkB,yBAAyB,CAAC;AACzD,eAAO,MAAM,eAAe,sBAAsB,CAAC;AACnD,eAAO,MAAM,cAAc,0BAA0B,CAAC;AACtD,eAAO,MAAM,oBAAoB,uBAAuB,CAAC;AACzD,eAAO,MAAM,cAAc,qBAAqB,CAAC;AACjD,eAAO,MAAM,kBAAkB,yBAAyB,CAAC;AACzD,eAAO,MAAM,qBAAqB,4BAA4B,CAAC;AAC/D,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AACvD,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAC/C,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AACvD,eAAO,MAAM,cAAc,qBAAqB,CAAC;AAGjD,eAAO,MAAM,cAAc,0BAA0B,CAAC;AACtD,eAAO,MAAM,gBAAgB,4BAA4B,CAAC;AAC1D,eAAO,MAAM,aAAa,6BAA6B,CAAC;AACxD,eAAO,MAAM,YAAY,4BAA4B,CAAC;AACtD,eAAO,MAAM,mBAAmB,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../E2E/src/common/consts.ts"],"names":[],"mappings":"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"}
|
|
@@ -22,6 +22,7 @@ export var ANDROID_CHECKBOX = 'android.widget.CheckBox';
|
|
|
22
22
|
export var ANDROID_IMAGE = 'android.widget.ImageView';
|
|
23
23
|
export var ANDROID_TEXT = 'android.widget.TextView';
|
|
24
24
|
export var ANDROID_RADIOBUTTON = 'android.widget.RadioButton';
|
|
25
|
+
export var ANDROID_EDITTEXT = 'android.widget.EditText';
|
|
25
26
|
/* Jasmine Timeouts */
|
|
26
27
|
export var BOOT_APP_TIMEOUT = 60000;
|
|
27
28
|
export var PAGE_TIMEOUT = 15000;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../E2E/src/common/consts.ts"],"names":[],"mappings":";AAAA,MAAM,CAAC,IAAM,SAAS,GAAG,yBAAyB,CAAC;AACnD,MAAM,CAAC,IAAM,eAAe,GAAG,iBAAiB,CAAC;AACjD,MAAM,CAAC,IAAM,gBAAgB,GAAG,kBAAkB,CAAC;AAEnD,sHAAsH;AACtH,MAAM,CAAC,IAAM,gBAAgB,GAAG,oBAAoB,CAAC;AACrD,MAAM,CAAC,IAAM,iBAAiB,GAAG,mBAAmB,CAAC;AACrD,MAAM,CAAC,IAAM,kBAAkB,GAAG,sBAAsB,CAAC;AACzD,MAAM,CAAC,IAAM,eAAe,GAAG,mBAAmB,CAAC;AACnD,MAAM,CAAC,IAAM,cAAc,GAAG,uBAAuB,CAAC;AACtD,MAAM,CAAC,IAAM,oBAAoB,GAAG,oBAAoB,CAAC;AACzD,MAAM,CAAC,IAAM,cAAc,GAAG,kBAAkB,CAAC;AACjD,MAAM,CAAC,IAAM,kBAAkB,GAAG,sBAAsB,CAAC;AACzD,MAAM,CAAC,IAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAC/D,MAAM,CAAC,IAAM,oBAAoB,GAAG,kBAAkB,CAAC;AACvD,MAAM,CAAC,IAAM,aAAa,GAAG,iBAAiB,CAAC;AAC/C,MAAM,CAAC,IAAM,iBAAiB,GAAG,qBAAqB,CAAC;AACvD,MAAM,CAAC,IAAM,cAAc,GAAG,kBAAkB,CAAC;AAEjD,iHAAiH;AACjH,MAAM,CAAC,IAAM,cAAc,GAAG,uBAAuB,CAAC;AACtD,MAAM,CAAC,IAAM,gBAAgB,GAAG,yBAAyB,CAAC;AAC1D,MAAM,CAAC,IAAM,aAAa,GAAG,0BAA0B,CAAC;AACxD,MAAM,CAAC,IAAM,YAAY,GAAG,yBAAyB,CAAC;AACtD,MAAM,CAAC,IAAM,mBAAmB,GAAG,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../E2E/src/common/consts.ts"],"names":[],"mappings":";AAAA,MAAM,CAAC,IAAM,SAAS,GAAG,yBAAyB,CAAC;AACnD,MAAM,CAAC,IAAM,eAAe,GAAG,iBAAiB,CAAC;AACjD,MAAM,CAAC,IAAM,gBAAgB,GAAG,kBAAkB,CAAC;AAEnD,sHAAsH;AACtH,MAAM,CAAC,IAAM,gBAAgB,GAAG,oBAAoB,CAAC;AACrD,MAAM,CAAC,IAAM,iBAAiB,GAAG,mBAAmB,CAAC;AACrD,MAAM,CAAC,IAAM,kBAAkB,GAAG,sBAAsB,CAAC;AACzD,MAAM,CAAC,IAAM,eAAe,GAAG,mBAAmB,CAAC;AACnD,MAAM,CAAC,IAAM,cAAc,GAAG,uBAAuB,CAAC;AACtD,MAAM,CAAC,IAAM,oBAAoB,GAAG,oBAAoB,CAAC;AACzD,MAAM,CAAC,IAAM,cAAc,GAAG,kBAAkB,CAAC;AACjD,MAAM,CAAC,IAAM,kBAAkB,GAAG,sBAAsB,CAAC;AACzD,MAAM,CAAC,IAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAC/D,MAAM,CAAC,IAAM,oBAAoB,GAAG,kBAAkB,CAAC;AACvD,MAAM,CAAC,IAAM,aAAa,GAAG,iBAAiB,CAAC;AAC/C,MAAM,CAAC,IAAM,iBAAiB,GAAG,qBAAqB,CAAC;AACvD,MAAM,CAAC,IAAM,cAAc,GAAG,kBAAkB,CAAC;AAEjD,iHAAiH;AACjH,MAAM,CAAC,IAAM,cAAc,GAAG,uBAAuB,CAAC;AACtD,MAAM,CAAC,IAAM,gBAAgB,GAAG,yBAAyB,CAAC;AAC1D,MAAM,CAAC,IAAM,aAAa,GAAG,0BAA0B,CAAC;AACxD,MAAM,CAAC,IAAM,YAAY,GAAG,yBAAyB,CAAC;AACtD,MAAM,CAAC,IAAM,mBAAmB,GAAG,4BAA4B,CAAC;AAChE,MAAM,CAAC,IAAM,gBAAgB,GAAG,yBAAyB,CAAC;AAE1D,sBAAsB;AACtB,MAAM,CAAC,IAAM,gBAAgB,GAAG,KAAK,CAAC;AACtC,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC;AA0BlC,MAAM,CAAC,IAAM,mBAAmB;IAC9B,mDAA+B,mBAAmB;IAClD,gDAAgC,oBAAoB;IACpD,sDAA+B,mBAAmB;IAClD,+EAAiC,qBAAqB;IACtD,4CAAuB,WAAW;IAClC,mDAAuB,WAAW;IAClC,4DAA+B,mBAAmB;IAClD,0EAAsC,0BAA0B;IAChE,4CAAoB,QAAQ;IAC5B,uDAAyB,aAAa;OACvC,CAAC;AA6EF,oDAAoD;AACpD,MAAM,CAAC,IAAM,aAAa,GAAG,eAAe,CAAC;AAE7C,2DAA2D;AAC3D,MAAM,CAAC,IAAM,6BAA6B,GAAG,+BAA+B,CAAC;AAE7E,2DAA2D;AAC3D,MAAM,CAAC,IAAM,6BAA6B,GAAG,+BAA+B,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { IconProps } from '@fluentui-react-native/icon';
|
|
3
|
+
export declare const outlineIconProps: IconProps;
|
|
4
|
+
export declare const filledIconProps: IconProps;
|
|
5
|
+
export declare const E2EInputTest: React.FunctionComponent;
|
|
6
|
+
//# sourceMappingURL=E2EInputTest.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"E2EInputTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/E2EInputTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAkB7D,eAAO,MAAM,gBAAgB,EAAE,SAAoE,CAAC;AACpG,eAAO,MAAM,eAAe,EAAE,SAAmE,CAAC;AAElG,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAuChC,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { Input } from '@fluentui-react-native/input';
|
|
4
|
+
import { Stack } from '@fluentui-react-native/stack';
|
|
5
|
+
import { Text } from '@fluentui-react-native/text';
|
|
6
|
+
import { INPUT_TEST_COMPONENT, INPUT_TEXT, INPUT_TEST_COMPONENT_DISMISS_BUTTON, INPUT_ERROR_STRING, INPUT_ONCLICK_STRING, INPUT_START_STRING, } from '../../../../E2E/src/Input/consts';
|
|
7
|
+
import FilledSvg from '../../../assets/filledIcon.svg';
|
|
8
|
+
import OutlineSvg from '../../../assets/outlineIcon.svg';
|
|
9
|
+
import { stackStyle } from '../Common/styles';
|
|
10
|
+
import { testProps } from '../Common/TestProps';
|
|
11
|
+
export var outlineIconProps = { svgSource: { src: OutlineSvg, viewBox: '0 0 20 20' } };
|
|
12
|
+
export var filledIconProps = { svgSource: { src: FilledSvg, viewBox: '0 0 20 20' } };
|
|
13
|
+
export var E2EInputTest = function () {
|
|
14
|
+
var _a = React.useState(''), error = _a[0], setError = _a[1];
|
|
15
|
+
var _b = React.useState(INPUT_START_STRING), text = _b[0], setText = _b[1];
|
|
16
|
+
return (React.createElement(Stack, { style: stackStyle },
|
|
17
|
+
React.createElement(Text
|
|
18
|
+
/* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
|
|
19
|
+
, __assign({}, testProps(INPUT_TEXT)), text),
|
|
20
|
+
React.createElement(Input, __assign({ error: error, defaultIcon: outlineIconProps, value: text, focusedStateIcon: filledIconProps, textInputProps: { autoFocus: true }, placeholder: "Only text upto 5 characters!", assistiveText: "Assistive Text", label: "Label", onChange: function (text) {
|
|
21
|
+
setText(text);
|
|
22
|
+
if (text.length > 5) {
|
|
23
|
+
setError('Text must be less than 5 characters!');
|
|
24
|
+
setText(INPUT_ERROR_STRING);
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
setError('');
|
|
28
|
+
}
|
|
29
|
+
} }, testProps(INPUT_TEST_COMPONENT), { accessoryIconAccessibilityLabel: INPUT_TEST_COMPONENT_DISMISS_BUTTON, accessoryButtonOnPress: function () {
|
|
30
|
+
setText(INPUT_ONCLICK_STRING);
|
|
31
|
+
} }))));
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=E2EInputTest.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"E2EInputTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/E2EInputTest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD,OAAO,EACL,oBAAoB,EACpB,UAAU,EACV,mCAAmC,EACnC,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,SAAS,MAAM,gCAAgC,CAAC;AACvD,OAAO,UAAU,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,IAAM,gBAAgB,GAAc,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,CAAC;AACpG,MAAM,CAAC,IAAM,eAAe,GAAc,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,CAAC;AAElG,MAAM,CAAC,IAAM,YAAY,GAA4B;IAC7C,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,EAA7C,KAAK,QAAA,EAAE,QAAQ,QAA8B,CAAC;IAC/C,IAAA,KAAkB,KAAK,CAAC,QAAQ,CAAS,kBAAkB,CAAC,EAA3D,IAAI,QAAA,EAAE,OAAO,QAA8C,CAAC;IAEnE,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;QACtB,oBAAC,IAAI;QACH,6FAA6F;uBACzF,SAAS,CAAC,UAAU,CAAC,GAExB,IAAI,CACA;QACP,oBAAC,KAAK,aACJ,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,gBAAgB,EAC7B,KAAK,EAAE,IAAI,EACX,gBAAgB,EAAE,eAAe,EACjC,cAAc,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EACnC,WAAW,EAAC,8BAA8B,EAC1C,aAAa,EAAC,gBAAgB,EAC9B,KAAK,EAAC,OAAO,EACb,QAAQ,EAAE,UAAC,IAAY;gBACrB,OAAO,CAAC,IAAI,CAAC,CAAC;gBACd,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;oBACnB,QAAQ,CAAC,sCAAsC,CAAC,CAAC;oBACjD,OAAO,CAAC,kBAAkB,CAAC,CAAC;iBAC7B;qBAAM;oBACL,QAAQ,CAAC,EAAE,CAAC,CAAC;iBACd;YACH,CAAC,IAEG,SAAS,CAAC,oBAAoB,CAAC,IACnC,+BAA+B,EAAE,mCAAmC,EACpE,sBAAsB,EAAE;gBACtB,OAAO,CAAC,oBAAoB,CAAC,CAAC;YAChC,CAAC,IACD,CACI,CACT,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputDefault.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/InputDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAO7D,eAAO,MAAM,gBAAgB,EAAE,SAAoE,CAAC;AACpG,eAAO,MAAM,gBAAgB,EAAE,SAAoE,CAAC;AACpG,eAAO,MAAM,eAAe,EAAE,SAAmE,CAAC;AAElG,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"InputDefault.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/InputDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAO7D,eAAO,MAAM,gBAAgB,EAAE,SAAoE,CAAC;AACpG,eAAO,MAAM,gBAAgB,EAAE,SAAoE,CAAC;AACpG,eAAO,MAAM,eAAe,EAAE,SAAmE,CAAC;AAElG,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAkDhC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { KeyboardAvoidingView } from 'react-native';
|
|
3
3
|
import { Input } from '@fluentui-react-native/input';
|
|
4
4
|
import DismissSvg from '../../../assets/dismissIcon.svg';
|
|
5
5
|
import FilledSvg from '../../../assets/filledIcon.svg';
|
|
@@ -10,17 +10,22 @@ export var filledIconProps = { svgSource: { src: FilledSvg, viewBox: '0 0 20 20'
|
|
|
10
10
|
export var InputDefault = function () {
|
|
11
11
|
var _a = React.useState(''), error = _a[0], setError = _a[1];
|
|
12
12
|
var _b = React.useState('Controls other text input!'), controlText = _b[0], setControlText = _b[1];
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
React.createElement(Input, {
|
|
16
|
-
React.createElement(Input, { placeholder: "Enter text here!", type: "decimal-pad", accessoryIcon: null }),
|
|
17
|
-
React.createElement(Input, { placeholder: "Custom dismiss icon", accessoryIcon: outlineIconProps, secondaryText: "Secondary", type: "email-address" }),
|
|
18
|
-
React.createElement(Input, { placeholder: "Enter text here!", accessoryIcon: dismissIconProps, label: "Label", assistiveText: "Assistive Text", secondaryText: "Secondary" }),
|
|
19
|
-
React.createElement(Input, { error: error, icon: outlineIconProps, placeholder: "Only text up to 5 characters!", label: "Label", onChange: function (text) {
|
|
13
|
+
var textInputRef = React.useRef(null);
|
|
14
|
+
return (React.createElement(KeyboardAvoidingView, { behavior: "padding", keyboardVerticalOffset: 200, style: { flex: 1 } },
|
|
15
|
+
React.createElement(Input, { error: error, defaultIcon: outlineIconProps, focusedStateIcon: filledIconProps, textInputProps: { autoFocus: true }, placeholder: "Only text upto 5 characters!", assistiveText: "Assistive Text", label: "Label", onChange: function (text) {
|
|
20
16
|
if (text.length > 5)
|
|
21
17
|
setError('Text must be less than 5 characters!');
|
|
22
18
|
else
|
|
23
19
|
setError('');
|
|
24
|
-
} })
|
|
20
|
+
} }),
|
|
21
|
+
React.createElement(Input, { defaultIcon: outlineIconProps, placeholder: "No focused state icon!", label: "Label" }),
|
|
22
|
+
React.createElement(Input, { placeholder: "Enter text here!", accessoryIcon: dismissIconProps, label: "Label", assistiveText: "Assistive Text", accessoryText: "Accessory" }),
|
|
23
|
+
React.createElement(Input, { placeholder: "Enter text here!", type: "decimal-pad", accessoryIcon: null, onFocus: function () { return console.log('focused'); }, onBlur: function () { return console.log('blurred'); } }),
|
|
24
|
+
React.createElement(Input, { placeholder: "Custom dismiss icon onPress - Blur", componentRef: textInputRef, accessoryIcon: outlineIconProps, accessoryButtonOnPress: function () {
|
|
25
|
+
// Demonstrating blur on the text input
|
|
26
|
+
textInputRef.current.blur();
|
|
27
|
+
}, accessoryText: "Accessory", type: "email-address" }),
|
|
28
|
+
React.createElement(Input, { onChange: function (text) { return setControlText(text); }, placeholder: 'Text entered here shows below too', defaultValue: controlText }),
|
|
29
|
+
React.createElement(Input, { value: 'Controlled text - ' + controlText })));
|
|
25
30
|
};
|
|
26
31
|
//# sourceMappingURL=InputDefault.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputDefault.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/InputDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"InputDefault.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/InputDefault.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/InputTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"InputTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/InputTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAY7B,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { E2EInputTest } from './E2EInputTest';
|
|
2
3
|
import { InputDefault } from './InputDefault';
|
|
3
4
|
import { INPUT_TESTPAGE } from '../../../../E2E/src/Input/consts';
|
|
4
5
|
import { Test } from '../Test';
|
|
@@ -9,6 +10,12 @@ var inputSections = [
|
|
|
9
10
|
component: InputDefault,
|
|
10
11
|
},
|
|
11
12
|
];
|
|
13
|
+
var e2eSections = [
|
|
14
|
+
{
|
|
15
|
+
name: 'E2E Input Testing',
|
|
16
|
+
component: E2EInputTest,
|
|
17
|
+
},
|
|
18
|
+
];
|
|
12
19
|
export var InputTest = function () {
|
|
13
20
|
var status = {
|
|
14
21
|
win32Status: 'Backlog',
|
|
@@ -18,6 +25,6 @@ export var InputTest = function () {
|
|
|
18
25
|
androidStatus: 'Experimental',
|
|
19
26
|
};
|
|
20
27
|
var description = 'Input allows the user to enter and edit text.';
|
|
21
|
-
return React.createElement(Test, { name: "Input Test", description: description, sections: inputSections, status: status });
|
|
28
|
+
return React.createElement(Test, { name: "Input Test", description: description, sections: inputSections, status: status, e2eSections: e2eSections });
|
|
22
29
|
};
|
|
23
30
|
//# sourceMappingURL=InputTest.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/InputTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAElE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,aAAa,GAAkB;IACnC;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,cAAc;QACtB,SAAS,EAAE,YAAY;KACxB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAA4B;IAChD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GAAG,+CAA+C,CAAC;IAEpE,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,GAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"InputTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/InputTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAElE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,aAAa,GAAkB;IACnC;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,cAAc;QACtB,SAAS,EAAE,YAAY;KACxB;CACF,CAAC;AAEF,IAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,mBAAmB;QACzB,SAAS,EAAE,YAAY;KACxB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAA4B;IAChD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GAAG,+CAA+C,CAAC;IAEpE,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAS,CAAC;AACtI,CAAC,CAAC"}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
export declare const HOMEPAGE_INPUT_BUTTON = "Homepage_Input_Button";
|
|
2
2
|
export declare const INPUT_TESTPAGE = "Input_TestPage";
|
|
3
3
|
export declare const INPUT_TEST_COMPONENT = "Input_Test_Component";
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
4
|
+
export declare const INPUT_TEST_COMPONENT_DISMISS_BUTTON = "Input_Test_Component_Dismiss_Button";
|
|
5
|
+
export declare const INPUT_TEXT = "Input_Text";
|
|
6
|
+
export declare const INPUT_START_STRING = "Test";
|
|
7
|
+
export declare const INPUT_TYPE_STRING = " ";
|
|
8
|
+
export declare const INPUT_ERROR_STRING = "Input_Error_String";
|
|
9
|
+
export declare const INPUT_ONCLICK_STRING = "Input_Onclick_String";
|
|
6
10
|
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../E2E/src/Input/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAC7D,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAG/C,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAC3D,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../E2E/src/Input/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAC7D,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAG/C,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAC3D,eAAO,MAAM,mCAAmC,wCAAwC,CAAC;AAEzF,eAAO,MAAM,UAAU,eAAe,CAAC;AAEvC,eAAO,MAAM,kBAAkB,SAAS,CAAC;AACzC,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,kBAAkB,uBAAuB,CAAC;AACvD,eAAO,MAAM,oBAAoB,yBAAyB,CAAC"}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.INPUT_ONCLICK_STRING = exports.INPUT_ERROR_STRING = exports.INPUT_TYPE_STRING = exports.INPUT_START_STRING = exports.INPUT_TEXT = exports.INPUT_TEST_COMPONENT_DISMISS_BUTTON = exports.INPUT_TEST_COMPONENT = exports.INPUT_TESTPAGE = exports.HOMEPAGE_INPUT_BUTTON = void 0;
|
|
4
4
|
exports.HOMEPAGE_INPUT_BUTTON = 'Homepage_Input_Button';
|
|
5
5
|
exports.INPUT_TESTPAGE = 'Input_TestPage';
|
|
6
6
|
/* E2E Testing Input 1 */
|
|
7
7
|
exports.INPUT_TEST_COMPONENT = 'Input_Test_Component'; // A component on each specific test page
|
|
8
|
-
exports.
|
|
9
|
-
|
|
10
|
-
exports.
|
|
8
|
+
exports.INPUT_TEST_COMPONENT_DISMISS_BUTTON = 'Input_Test_Component_Dismiss_Button'; // A component on each specific test page
|
|
9
|
+
exports.INPUT_TEXT = 'Input_Text'; // For testing the text input functionality of input
|
|
10
|
+
exports.INPUT_START_STRING = 'Test';
|
|
11
|
+
exports.INPUT_TYPE_STRING = ' '; // For testing the typing functionality of input
|
|
12
|
+
exports.INPUT_ERROR_STRING = 'Input_Error_String'; // For testing the error functionality of input
|
|
13
|
+
exports.INPUT_ONCLICK_STRING = 'Input_Onclick_String'; // For testing the accessory icon button functionality of input
|
|
11
14
|
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../E2E/src/Input/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,qBAAqB,GAAG,uBAAuB,CAAC;AAChD,QAAA,cAAc,GAAG,gBAAgB,CAAC;AAE/C,yBAAyB;AACZ,QAAA,oBAAoB,GAAG,sBAAsB,CAAC,CAAC,yCAAyC;AACxF,QAAA,
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../E2E/src/Input/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,qBAAqB,GAAG,uBAAuB,CAAC;AAChD,QAAA,cAAc,GAAG,gBAAgB,CAAC;AAE/C,yBAAyB;AACZ,QAAA,oBAAoB,GAAG,sBAAsB,CAAC,CAAC,yCAAyC;AACxF,QAAA,mCAAmC,GAAG,qCAAqC,CAAC,CAAC,yCAAyC;AAEtH,QAAA,UAAU,GAAG,YAAY,CAAC,CAAC,oDAAoD;AAE/E,QAAA,kBAAkB,GAAG,MAAM,CAAC;AAC5B,QAAA,iBAAiB,GAAG,GAAG,CAAC,CAAC,gDAAgD;AACzE,QAAA,kBAAkB,GAAG,oBAAoB,CAAC,CAAC,+CAA+C;AAC1F,QAAA,oBAAoB,GAAG,sBAAsB,CAAC,CAAC,+DAA+D"}
|
|
@@ -19,6 +19,7 @@ export declare const ANDROID_CHECKBOX = "android.widget.CheckBox";
|
|
|
19
19
|
export declare const ANDROID_IMAGE = "android.widget.ImageView";
|
|
20
20
|
export declare const ANDROID_TEXT = "android.widget.TextView";
|
|
21
21
|
export declare const ANDROID_RADIOBUTTON = "android.widget.RadioButton";
|
|
22
|
+
export declare const ANDROID_EDITTEXT = "android.widget.EditText";
|
|
22
23
|
export declare const BOOT_APP_TIMEOUT = 60000;
|
|
23
24
|
export declare const PAGE_TIMEOUT = 15000;
|
|
24
25
|
export declare const enum Attribute {
|
|
@@ -37,7 +38,8 @@ export declare const enum AndroidAttribute {
|
|
|
37
38
|
AccessibilityLabel = "content-desc",
|
|
38
39
|
Class = "class",
|
|
39
40
|
Clickable = "clickable",
|
|
40
|
-
Checked = "checked"
|
|
41
|
+
Checked = "checked",
|
|
42
|
+
Text = "text"
|
|
41
43
|
}
|
|
42
44
|
export declare const attributeToEnumName: {
|
|
43
45
|
HelpText: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../E2E/src/common/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,4BAA4B,CAAC;AACnD,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,gBAAgB,qBAAqB,CAAC;AAGnD,eAAO,MAAM,gBAAgB,uBAAuB,CAAC;AACrD,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,kBAAkB,yBAAyB,CAAC;AACzD,eAAO,MAAM,eAAe,sBAAsB,CAAC;AACnD,eAAO,MAAM,cAAc,0BAA0B,CAAC;AACtD,eAAO,MAAM,oBAAoB,uBAAuB,CAAC;AACzD,eAAO,MAAM,cAAc,qBAAqB,CAAC;AACjD,eAAO,MAAM,kBAAkB,yBAAyB,CAAC;AACzD,eAAO,MAAM,qBAAqB,4BAA4B,CAAC;AAC/D,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AACvD,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAC/C,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AACvD,eAAO,MAAM,cAAc,qBAAqB,CAAC;AAGjD,eAAO,MAAM,cAAc,0BAA0B,CAAC;AACtD,eAAO,MAAM,gBAAgB,4BAA4B,CAAC;AAC1D,eAAO,MAAM,aAAa,6BAA6B,CAAC;AACxD,eAAO,MAAM,YAAY,4BAA4B,CAAC;AACtD,eAAO,MAAM,mBAAmB,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../E2E/src/common/consts.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var _a;
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.TESTPAGE_CONTENT_SCROLLVIEWER = exports.TESTPAGE_BUTTONS_SCROLLVIEWER = exports.BASE_TESTPAGE = exports.attributeToEnumName = exports.PAGE_TIMEOUT = exports.BOOT_APP_TIMEOUT = exports.ANDROID_RADIOBUTTON = exports.ANDROID_TEXT = exports.ANDROID_IMAGE = exports.ANDROID_CHECKBOX = exports.ANDROID_BUTTON = exports.TEXT_A11Y_ROLE = exports.TABITEM_A11Y_ROLE = exports.TAB_A11Y_ROLE = exports.RADIOGROUP_A11Y_ROLE = exports.RADIOBUTTON_A11Y_ROLE = exports.MENUITEM_A11Y_ROLE = exports.MENU_A11Y_ROLE = exports.MENUBUTTON_A11Y_ROLE = exports.LINK_A11Y_ROLE = exports.IMAGE_A11Y_ROLE = exports.CHECKBOX_A11Y_ROLE = exports.CALLOUT_A11Y_ROLE = exports.BUTTON_A11Y_ROLE = exports.E2E_TEST_SECTION = exports.E2E_MODE_SWITCH = exports.ROOT_VIEW = void 0;
|
|
4
|
+
exports.TESTPAGE_CONTENT_SCROLLVIEWER = exports.TESTPAGE_BUTTONS_SCROLLVIEWER = exports.BASE_TESTPAGE = exports.attributeToEnumName = exports.PAGE_TIMEOUT = exports.BOOT_APP_TIMEOUT = exports.ANDROID_EDITTEXT = exports.ANDROID_RADIOBUTTON = exports.ANDROID_TEXT = exports.ANDROID_IMAGE = exports.ANDROID_CHECKBOX = exports.ANDROID_BUTTON = exports.TEXT_A11Y_ROLE = exports.TABITEM_A11Y_ROLE = exports.TAB_A11Y_ROLE = exports.RADIOGROUP_A11Y_ROLE = exports.RADIOBUTTON_A11Y_ROLE = exports.MENUITEM_A11Y_ROLE = exports.MENU_A11Y_ROLE = exports.MENUBUTTON_A11Y_ROLE = exports.LINK_A11Y_ROLE = exports.IMAGE_A11Y_ROLE = exports.CHECKBOX_A11Y_ROLE = exports.CALLOUT_A11Y_ROLE = exports.BUTTON_A11Y_ROLE = exports.E2E_TEST_SECTION = exports.E2E_MODE_SWITCH = exports.ROOT_VIEW = void 0;
|
|
5
5
|
exports.ROOT_VIEW = 'Fluent_Tester_Root_View';
|
|
6
6
|
exports.E2E_MODE_SWITCH = 'E2E_Mode_Switch';
|
|
7
7
|
exports.E2E_TEST_SECTION = 'E2E_Test_Section';
|
|
@@ -25,6 +25,7 @@ exports.ANDROID_CHECKBOX = 'android.widget.CheckBox';
|
|
|
25
25
|
exports.ANDROID_IMAGE = 'android.widget.ImageView';
|
|
26
26
|
exports.ANDROID_TEXT = 'android.widget.TextView';
|
|
27
27
|
exports.ANDROID_RADIOBUTTON = 'android.widget.RadioButton';
|
|
28
|
+
exports.ANDROID_EDITTEXT = 'android.widget.EditText';
|
|
28
29
|
/* Jasmine Timeouts */
|
|
29
30
|
exports.BOOT_APP_TIMEOUT = 60000;
|
|
30
31
|
exports.PAGE_TIMEOUT = 15000;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../E2E/src/common/consts.ts"],"names":[],"mappings":";;;;AAAa,QAAA,SAAS,GAAG,yBAAyB,CAAC;AACtC,QAAA,eAAe,GAAG,iBAAiB,CAAC;AACpC,QAAA,gBAAgB,GAAG,kBAAkB,CAAC;AAEnD,sHAAsH;AACzG,QAAA,gBAAgB,GAAG,oBAAoB,CAAC;AACxC,QAAA,iBAAiB,GAAG,mBAAmB,CAAC;AACxC,QAAA,kBAAkB,GAAG,sBAAsB,CAAC;AAC5C,QAAA,eAAe,GAAG,mBAAmB,CAAC;AACtC,QAAA,cAAc,GAAG,uBAAuB,CAAC;AACzC,QAAA,oBAAoB,GAAG,oBAAoB,CAAC;AAC5C,QAAA,cAAc,GAAG,kBAAkB,CAAC;AACpC,QAAA,kBAAkB,GAAG,sBAAsB,CAAC;AAC5C,QAAA,qBAAqB,GAAG,yBAAyB,CAAC;AAClD,QAAA,oBAAoB,GAAG,kBAAkB,CAAC;AAC1C,QAAA,aAAa,GAAG,iBAAiB,CAAC;AAClC,QAAA,iBAAiB,GAAG,qBAAqB,CAAC;AAC1C,QAAA,cAAc,GAAG,kBAAkB,CAAC;AAEjD,iHAAiH;AACpG,QAAA,cAAc,GAAG,uBAAuB,CAAC;AACzC,QAAA,gBAAgB,GAAG,yBAAyB,CAAC;AAC7C,QAAA,aAAa,GAAG,0BAA0B,CAAC;AAC3C,QAAA,YAAY,GAAG,yBAAyB,CAAC;AACzC,QAAA,mBAAmB,GAAG,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../E2E/src/common/consts.ts"],"names":[],"mappings":";;;;AAAa,QAAA,SAAS,GAAG,yBAAyB,CAAC;AACtC,QAAA,eAAe,GAAG,iBAAiB,CAAC;AACpC,QAAA,gBAAgB,GAAG,kBAAkB,CAAC;AAEnD,sHAAsH;AACzG,QAAA,gBAAgB,GAAG,oBAAoB,CAAC;AACxC,QAAA,iBAAiB,GAAG,mBAAmB,CAAC;AACxC,QAAA,kBAAkB,GAAG,sBAAsB,CAAC;AAC5C,QAAA,eAAe,GAAG,mBAAmB,CAAC;AACtC,QAAA,cAAc,GAAG,uBAAuB,CAAC;AACzC,QAAA,oBAAoB,GAAG,oBAAoB,CAAC;AAC5C,QAAA,cAAc,GAAG,kBAAkB,CAAC;AACpC,QAAA,kBAAkB,GAAG,sBAAsB,CAAC;AAC5C,QAAA,qBAAqB,GAAG,yBAAyB,CAAC;AAClD,QAAA,oBAAoB,GAAG,kBAAkB,CAAC;AAC1C,QAAA,aAAa,GAAG,iBAAiB,CAAC;AAClC,QAAA,iBAAiB,GAAG,qBAAqB,CAAC;AAC1C,QAAA,cAAc,GAAG,kBAAkB,CAAC;AAEjD,iHAAiH;AACpG,QAAA,cAAc,GAAG,uBAAuB,CAAC;AACzC,QAAA,gBAAgB,GAAG,yBAAyB,CAAC;AAC7C,QAAA,aAAa,GAAG,0BAA0B,CAAC;AAC3C,QAAA,YAAY,GAAG,yBAAyB,CAAC;AACzC,QAAA,mBAAmB,GAAG,4BAA4B,CAAC;AACnD,QAAA,gBAAgB,GAAG,yBAAyB,CAAC;AAE1D,sBAAsB;AACT,QAAA,gBAAgB,GAAG,KAAK,CAAC;AACzB,QAAA,YAAY,GAAG,KAAK,CAAC;AA0BrB,QAAA,mBAAmB;IAC9B,mDAA+B,mBAAmB;IAClD,gDAAgC,oBAAoB;IACpD,sDAA+B,mBAAmB;IAClD,+EAAiC,qBAAqB;IACtD,4CAAuB,WAAW;IAClC,mDAAuB,WAAW;IAClC,4DAA+B,mBAAmB;IAClD,0EAAsC,0BAA0B;IAChE,4CAAoB,QAAQ;IAC5B,uDAAyB,aAAa;QACtC;AA6EF,oDAAoD;AACvC,QAAA,aAAa,GAAG,eAAe,CAAC;AAE7C,2DAA2D;AAC9C,QAAA,6BAA6B,GAAG,+BAA+B,CAAC;AAE7E,2DAA2D;AAC9C,QAAA,6BAA6B,GAAG,+BAA+B,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { IconProps } from '@fluentui-react-native/icon';
|
|
3
|
+
export declare const outlineIconProps: IconProps;
|
|
4
|
+
export declare const filledIconProps: IconProps;
|
|
5
|
+
export declare const E2EInputTest: React.FunctionComponent;
|
|
6
|
+
//# sourceMappingURL=E2EInputTest.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"E2EInputTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/E2EInputTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAkB7D,eAAO,MAAM,gBAAgB,EAAE,SAAoE,CAAC;AACpG,eAAO,MAAM,eAAe,EAAE,SAAmE,CAAC;AAElG,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAuChC,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.E2EInputTest = exports.filledIconProps = exports.outlineIconProps = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var React = tslib_1.__importStar(require("react"));
|
|
6
|
+
var input_1 = require("@fluentui-react-native/input");
|
|
7
|
+
var stack_1 = require("@fluentui-react-native/stack");
|
|
8
|
+
var text_1 = require("@fluentui-react-native/text");
|
|
9
|
+
var consts_1 = require("../../../../E2E/src/Input/consts");
|
|
10
|
+
var filledIcon_svg_1 = tslib_1.__importDefault(require("../../../assets/filledIcon.svg"));
|
|
11
|
+
var outlineIcon_svg_1 = tslib_1.__importDefault(require("../../../assets/outlineIcon.svg"));
|
|
12
|
+
var styles_1 = require("../Common/styles");
|
|
13
|
+
var TestProps_1 = require("../Common/TestProps");
|
|
14
|
+
exports.outlineIconProps = { svgSource: { src: outlineIcon_svg_1.default, viewBox: '0 0 20 20' } };
|
|
15
|
+
exports.filledIconProps = { svgSource: { src: filledIcon_svg_1.default, viewBox: '0 0 20 20' } };
|
|
16
|
+
var E2EInputTest = function () {
|
|
17
|
+
var _a = React.useState(''), error = _a[0], setError = _a[1];
|
|
18
|
+
var _b = React.useState(consts_1.INPUT_START_STRING), text = _b[0], setText = _b[1];
|
|
19
|
+
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
20
|
+
React.createElement(text_1.Text
|
|
21
|
+
/* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
|
|
22
|
+
, tslib_1.__assign({}, (0, TestProps_1.testProps)(consts_1.INPUT_TEXT)), text),
|
|
23
|
+
React.createElement(input_1.Input, tslib_1.__assign({ error: error, defaultIcon: exports.outlineIconProps, value: text, focusedStateIcon: exports.filledIconProps, textInputProps: { autoFocus: true }, placeholder: "Only text upto 5 characters!", assistiveText: "Assistive Text", label: "Label", onChange: function (text) {
|
|
24
|
+
setText(text);
|
|
25
|
+
if (text.length > 5) {
|
|
26
|
+
setError('Text must be less than 5 characters!');
|
|
27
|
+
setText(consts_1.INPUT_ERROR_STRING);
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
setError('');
|
|
31
|
+
}
|
|
32
|
+
} }, (0, TestProps_1.testProps)(consts_1.INPUT_TEST_COMPONENT), { accessoryIconAccessibilityLabel: consts_1.INPUT_TEST_COMPONENT_DISMISS_BUTTON, accessoryButtonOnPress: function () {
|
|
33
|
+
setText(consts_1.INPUT_ONCLICK_STRING);
|
|
34
|
+
} }))));
|
|
35
|
+
};
|
|
36
|
+
exports.E2EInputTest = E2EInputTest;
|
|
37
|
+
//# sourceMappingURL=E2EInputTest.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"E2EInputTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/E2EInputTest.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAG/B,sDAAqD;AACrD,sDAAqD;AACrD,oDAAmD;AAEnD,2DAO0C;AAC1C,0FAAuD;AACvD,4FAAyD;AACzD,2CAA8C;AAC9C,iDAAgD;AAEnC,QAAA,gBAAgB,GAAc,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,yBAAU,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,CAAC;AACvF,QAAA,eAAe,GAAc,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,wBAAS,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,CAAC;AAE3F,IAAM,YAAY,GAA4B;IAC7C,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,EAA7C,KAAK,QAAA,EAAE,QAAQ,QAA8B,CAAC;IAC/C,IAAA,KAAkB,KAAK,CAAC,QAAQ,CAAS,2BAAkB,CAAC,EAA3D,IAAI,QAAA,EAAE,OAAO,QAA8C,CAAC;IAEnE,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,WAAI;QACH,6FAA6F;+BACzF,IAAA,qBAAS,EAAC,mBAAU,CAAC,GAExB,IAAI,CACA;QACP,oBAAC,aAAK,qBACJ,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,wBAAgB,EAC7B,KAAK,EAAE,IAAI,EACX,gBAAgB,EAAE,uBAAe,EACjC,cAAc,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EACnC,WAAW,EAAC,8BAA8B,EAC1C,aAAa,EAAC,gBAAgB,EAC9B,KAAK,EAAC,OAAO,EACb,QAAQ,EAAE,UAAC,IAAY;gBACrB,OAAO,CAAC,IAAI,CAAC,CAAC;gBACd,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;oBACnB,QAAQ,CAAC,sCAAsC,CAAC,CAAC;oBACjD,OAAO,CAAC,2BAAkB,CAAC,CAAC;iBAC7B;qBAAM;oBACL,QAAQ,CAAC,EAAE,CAAC,CAAC;iBACd;YACH,CAAC,IAEG,IAAA,qBAAS,EAAC,6BAAoB,CAAC,IACnC,+BAA+B,EAAE,4CAAmC,EACpE,sBAAsB,EAAE;gBACtB,OAAO,CAAC,6BAAoB,CAAC,CAAC;YAChC,CAAC,IACD,CACI,CACT,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,YAAY,gBAuCvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputDefault.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/InputDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAO7D,eAAO,MAAM,gBAAgB,EAAE,SAAoE,CAAC;AACpG,eAAO,MAAM,gBAAgB,EAAE,SAAoE,CAAC;AACpG,eAAO,MAAM,eAAe,EAAE,SAAmE,CAAC;AAElG,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"InputDefault.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/InputDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAO7D,eAAO,MAAM,gBAAgB,EAAE,SAAoE,CAAC;AACpG,eAAO,MAAM,gBAAgB,EAAE,SAAoE,CAAC;AACpG,eAAO,MAAM,eAAe,EAAE,SAAmE,CAAC;AAElG,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAkDhC,CAAC"}
|
|
@@ -14,18 +14,23 @@ exports.filledIconProps = { svgSource: { src: filledIcon_svg_1.default, viewBox:
|
|
|
14
14
|
var InputDefault = function () {
|
|
15
15
|
var _a = React.useState(''), error = _a[0], setError = _a[1];
|
|
16
16
|
var _b = React.useState('Controls other text input!'), controlText = _b[0], setControlText = _b[1];
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
React.createElement(input_1.Input, {
|
|
20
|
-
React.createElement(input_1.Input, { placeholder: "Enter text here!", type: "decimal-pad", accessoryIcon: null }),
|
|
21
|
-
React.createElement(input_1.Input, { placeholder: "Custom dismiss icon", accessoryIcon: exports.outlineIconProps, secondaryText: "Secondary", type: "email-address" }),
|
|
22
|
-
React.createElement(input_1.Input, { placeholder: "Enter text here!", accessoryIcon: exports.dismissIconProps, label: "Label", assistiveText: "Assistive Text", secondaryText: "Secondary" }),
|
|
23
|
-
React.createElement(input_1.Input, { error: error, icon: exports.outlineIconProps, placeholder: "Only text up to 5 characters!", label: "Label", onChange: function (text) {
|
|
17
|
+
var textInputRef = React.useRef(null);
|
|
18
|
+
return (React.createElement(react_native_1.KeyboardAvoidingView, { behavior: "padding", keyboardVerticalOffset: 200, style: { flex: 1 } },
|
|
19
|
+
React.createElement(input_1.Input, { error: error, defaultIcon: exports.outlineIconProps, focusedStateIcon: exports.filledIconProps, textInputProps: { autoFocus: true }, placeholder: "Only text upto 5 characters!", assistiveText: "Assistive Text", label: "Label", onChange: function (text) {
|
|
24
20
|
if (text.length > 5)
|
|
25
21
|
setError('Text must be less than 5 characters!');
|
|
26
22
|
else
|
|
27
23
|
setError('');
|
|
28
|
-
} })
|
|
24
|
+
} }),
|
|
25
|
+
React.createElement(input_1.Input, { defaultIcon: exports.outlineIconProps, placeholder: "No focused state icon!", label: "Label" }),
|
|
26
|
+
React.createElement(input_1.Input, { placeholder: "Enter text here!", accessoryIcon: exports.dismissIconProps, label: "Label", assistiveText: "Assistive Text", accessoryText: "Accessory" }),
|
|
27
|
+
React.createElement(input_1.Input, { placeholder: "Enter text here!", type: "decimal-pad", accessoryIcon: null, onFocus: function () { return console.log('focused'); }, onBlur: function () { return console.log('blurred'); } }),
|
|
28
|
+
React.createElement(input_1.Input, { placeholder: "Custom dismiss icon onPress - Blur", componentRef: textInputRef, accessoryIcon: exports.outlineIconProps, accessoryButtonOnPress: function () {
|
|
29
|
+
// Demonstrating blur on the text input
|
|
30
|
+
textInputRef.current.blur();
|
|
31
|
+
}, accessoryText: "Accessory", type: "email-address" }),
|
|
32
|
+
React.createElement(input_1.Input, { onChange: function (text) { return setControlText(text); }, placeholder: 'Text entered here shows below too', defaultValue: controlText }),
|
|
33
|
+
React.createElement(input_1.Input, { value: 'Controlled text - ' + controlText })));
|
|
29
34
|
};
|
|
30
35
|
exports.InputDefault = InputDefault;
|
|
31
36
|
//# sourceMappingURL=InputDefault.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputDefault.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/InputDefault.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"InputDefault.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/InputDefault.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,6CAAoD;AAGpD,sDAAqD;AAErD,4FAAyD;AACzD,0FAAuD;AACvD,4FAAyD;AAE5C,QAAA,gBAAgB,GAAc,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,yBAAU,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,CAAC;AACvF,QAAA,gBAAgB,GAAc,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,yBAAU,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,CAAC;AACvF,QAAA,eAAe,GAAc,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,wBAAS,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,CAAC;AAE3F,IAAM,YAAY,GAA4B;IAC7C,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,EAA7C,KAAK,QAAA,EAAE,QAAQ,QAA8B,CAAC;IAC/C,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAS,4BAA4B,CAAC,EAAnF,WAAW,QAAA,EAAE,cAAc,QAAwD,CAAC;IAC3F,IAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAExC,OAAO,CACL,oBAAC,mCAAoB,IAAC,QAAQ,EAAC,SAAS,EAAC,sBAAsB,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;QACtF,oBAAC,aAAK,IACJ,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,wBAAgB,EAC7B,gBAAgB,EAAE,uBAAe,EACjC,cAAc,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EACnC,WAAW,EAAC,8BAA8B,EAC1C,aAAa,EAAC,gBAAgB,EAC9B,KAAK,EAAC,OAAO,EACb,QAAQ,EAAE,UAAC,IAAY;gBACrB,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;oBAAE,QAAQ,CAAC,sCAAsC,CAAC,CAAC;;oBACjE,QAAQ,CAAC,EAAE,CAAC,CAAC;YACpB,CAAC,GACD;QACF,oBAAC,aAAK,IAAC,WAAW,EAAE,wBAAgB,EAAE,WAAW,EAAC,wBAAwB,EAAC,KAAK,EAAC,OAAO,GAAG;QAC3F,oBAAC,aAAK,IACJ,WAAW,EAAC,kBAAkB,EAC9B,aAAa,EAAE,wBAAgB,EAC/B,KAAK,EAAC,OAAO,EACb,aAAa,EAAC,gBAAgB,EAC9B,aAAa,EAAC,WAAW,GACzB;QACF,oBAAC,aAAK,IACJ,WAAW,EAAC,kBAAkB,EAC9B,IAAI,EAAC,aAAa,EAClB,aAAa,EAAE,IAAI,EACnB,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAtB,CAAsB,EACrC,MAAM,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAtB,CAAsB,GACpC;QACF,oBAAC,aAAK,IACJ,WAAW,EAAC,oCAAoC,EAChD,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,wBAAgB,EAC/B,sBAAsB,EAAE;gBACtB,uCAAuC;gBACvC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAC9B,CAAC,EACD,aAAa,EAAC,WAAW,EACzB,IAAI,EAAC,eAAe,GACpB;QACF,oBAAC,aAAK,IAAC,QAAQ,EAAE,UAAC,IAAI,IAAK,OAAA,cAAc,CAAC,IAAI,CAAC,EAApB,CAAoB,EAAE,WAAW,EAAE,mCAAmC,EAAE,YAAY,EAAE,WAAW,GAAI;QAChI,oBAAC,aAAK,IAAC,KAAK,EAAE,oBAAoB,GAAG,WAAW,GAAI,CAC/B,CACxB,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,YAAY,gBAkDvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/InputTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"InputTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/InputTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAY7B,CAAC"}
|
|
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.InputTest = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var React = tslib_1.__importStar(require("react"));
|
|
6
|
+
var E2EInputTest_1 = require("./E2EInputTest");
|
|
6
7
|
var InputDefault_1 = require("./InputDefault");
|
|
7
8
|
var consts_1 = require("../../../../E2E/src/Input/consts");
|
|
8
9
|
var Test_1 = require("../Test");
|
|
@@ -13,6 +14,12 @@ var inputSections = [
|
|
|
13
14
|
component: InputDefault_1.InputDefault,
|
|
14
15
|
},
|
|
15
16
|
];
|
|
17
|
+
var e2eSections = [
|
|
18
|
+
{
|
|
19
|
+
name: 'E2E Input Testing',
|
|
20
|
+
component: E2EInputTest_1.E2EInputTest,
|
|
21
|
+
},
|
|
22
|
+
];
|
|
16
23
|
var InputTest = function () {
|
|
17
24
|
var status = {
|
|
18
25
|
win32Status: 'Backlog',
|
|
@@ -22,7 +29,7 @@ var InputTest = function () {
|
|
|
22
29
|
androidStatus: 'Experimental',
|
|
23
30
|
};
|
|
24
31
|
var description = 'Input allows the user to enter and edit text.';
|
|
25
|
-
return React.createElement(Test_1.Test, { name: "Input Test", description: description, sections: inputSections, status: status });
|
|
32
|
+
return React.createElement(Test_1.Test, { name: "Input Test", description: description, sections: inputSections, status: status, e2eSections: e2eSections });
|
|
26
33
|
};
|
|
27
34
|
exports.InputTest = InputTest;
|
|
28
35
|
//# sourceMappingURL=InputTest.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/InputTest.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAE/B,+CAA8C;AAC9C,2DAAkE;AAElE,gCAA+B;AAE/B,IAAM,aAAa,GAAkB;IACnC;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,uBAAc;QACtB,SAAS,EAAE,2BAAY;KACxB;CACF,CAAC;AAEK,IAAM,SAAS,GAA4B;IAChD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GAAG,+CAA+C,CAAC;IAEpE,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,YAAY,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,GAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"InputTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Input/InputTest.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAE/B,+CAA8C;AAC9C,+CAA8C;AAC9C,2DAAkE;AAElE,gCAA+B;AAE/B,IAAM,aAAa,GAAkB;IACnC;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,uBAAc;QACtB,SAAS,EAAE,2BAAY;KACxB;CACF,CAAC;AAEF,IAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,mBAAmB;QACzB,SAAS,EAAE,2BAAY;KACxB;CACF,CAAC;AAEK,IAAM,SAAS,GAA4B;IAChD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GAAG,+CAA+C,CAAC;IAEpE,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,YAAY,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAS,CAAC;AACtI,CAAC,CAAC;AAZW,QAAA,SAAS,aAYpB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.142.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>",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"@fluentui-react-native/experimental-text": ">=0.11.62 <1.0.0",
|
|
57
57
|
"@fluentui-react-native/framework": ">=0.9.8 <1.0.0",
|
|
58
58
|
"@fluentui-react-native/icon": "0.17.25",
|
|
59
|
-
"@fluentui-react-native/input": "^0.
|
|
59
|
+
"@fluentui-react-native/input": "^0.2.0",
|
|
60
60
|
"@fluentui-react-native/interactive-hooks": ">=0.22.29 <1.0.0",
|
|
61
61
|
"@fluentui-react-native/menu": "^1.6.0",
|
|
62
62
|
"@fluentui-react-native/merge-props": ">=0.5.3 <1.0.0",
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
import type { IconProps } from '@fluentui-react-native/icon';
|
|
4
|
+
import { Input } from '@fluentui-react-native/input';
|
|
5
|
+
import { Stack } from '@fluentui-react-native/stack';
|
|
6
|
+
import { Text } from '@fluentui-react-native/text';
|
|
7
|
+
|
|
8
|
+
import {
|
|
9
|
+
INPUT_TEST_COMPONENT,
|
|
10
|
+
INPUT_TEXT,
|
|
11
|
+
INPUT_TEST_COMPONENT_DISMISS_BUTTON,
|
|
12
|
+
INPUT_ERROR_STRING,
|
|
13
|
+
INPUT_ONCLICK_STRING,
|
|
14
|
+
INPUT_START_STRING,
|
|
15
|
+
} from '../../../../E2E/src/Input/consts';
|
|
16
|
+
import FilledSvg from '../../../assets/filledIcon.svg';
|
|
17
|
+
import OutlineSvg from '../../../assets/outlineIcon.svg';
|
|
18
|
+
import { stackStyle } from '../Common/styles';
|
|
19
|
+
import { testProps } from '../Common/TestProps';
|
|
20
|
+
|
|
21
|
+
export const outlineIconProps: IconProps = { svgSource: { src: OutlineSvg, viewBox: '0 0 20 20' } };
|
|
22
|
+
export const filledIconProps: IconProps = { svgSource: { src: FilledSvg, viewBox: '0 0 20 20' } };
|
|
23
|
+
|
|
24
|
+
export const E2EInputTest: React.FunctionComponent = () => {
|
|
25
|
+
const [error, setError] = React.useState<string>('');
|
|
26
|
+
const [text, setText] = React.useState<string>(INPUT_START_STRING);
|
|
27
|
+
|
|
28
|
+
return (
|
|
29
|
+
<Stack style={stackStyle}>
|
|
30
|
+
<Text
|
|
31
|
+
/* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
|
|
32
|
+
{...testProps(INPUT_TEXT)}
|
|
33
|
+
>
|
|
34
|
+
{text}
|
|
35
|
+
</Text>
|
|
36
|
+
<Input
|
|
37
|
+
error={error}
|
|
38
|
+
defaultIcon={outlineIconProps}
|
|
39
|
+
value={text}
|
|
40
|
+
focusedStateIcon={filledIconProps}
|
|
41
|
+
textInputProps={{ autoFocus: true }}
|
|
42
|
+
placeholder="Only text upto 5 characters!"
|
|
43
|
+
assistiveText="Assistive Text"
|
|
44
|
+
label="Label"
|
|
45
|
+
onChange={(text: string) => {
|
|
46
|
+
setText(text);
|
|
47
|
+
if (text.length > 5) {
|
|
48
|
+
setError('Text must be less than 5 characters!');
|
|
49
|
+
setText(INPUT_ERROR_STRING);
|
|
50
|
+
} else {
|
|
51
|
+
setError('');
|
|
52
|
+
}
|
|
53
|
+
}}
|
|
54
|
+
/* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
|
|
55
|
+
{...testProps(INPUT_TEST_COMPONENT)}
|
|
56
|
+
accessoryIconAccessibilityLabel={INPUT_TEST_COMPONENT_DISMISS_BUTTON}
|
|
57
|
+
accessoryButtonOnPress={() => {
|
|
58
|
+
setText(INPUT_ONCLICK_STRING);
|
|
59
|
+
}}
|
|
60
|
+
/>
|
|
61
|
+
</Stack>
|
|
62
|
+
);
|
|
63
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { KeyboardAvoidingView } from 'react-native';
|
|
3
3
|
|
|
4
4
|
import type { IconProps } from '@fluentui-react-native/icon';
|
|
5
5
|
import { Input } from '@fluentui-react-native/input';
|
|
@@ -15,30 +15,51 @@ export const filledIconProps: IconProps = { svgSource: { src: FilledSvg, viewBox
|
|
|
15
15
|
export const InputDefault: React.FunctionComponent = () => {
|
|
16
16
|
const [error, setError] = React.useState<string>('');
|
|
17
17
|
const [controlText, setControlText] = React.useState<string>('Controls other text input!');
|
|
18
|
+
const textInputRef = React.useRef(null);
|
|
18
19
|
|
|
19
20
|
return (
|
|
20
|
-
<
|
|
21
|
-
<Input
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
<KeyboardAvoidingView behavior="padding" keyboardVerticalOffset={200} style={{ flex: 1 }}>
|
|
22
|
+
<Input
|
|
23
|
+
error={error}
|
|
24
|
+
defaultIcon={outlineIconProps}
|
|
25
|
+
focusedStateIcon={filledIconProps}
|
|
26
|
+
textInputProps={{ autoFocus: true }}
|
|
27
|
+
placeholder="Only text upto 5 characters!"
|
|
28
|
+
assistiveText="Assistive Text"
|
|
29
|
+
label="Label"
|
|
30
|
+
onChange={(text: string) => {
|
|
31
|
+
if (text.length > 5) setError('Text must be less than 5 characters!');
|
|
32
|
+
else setError('');
|
|
33
|
+
}}
|
|
34
|
+
/>
|
|
35
|
+
<Input defaultIcon={outlineIconProps} placeholder="No focused state icon!" label="Label" />
|
|
25
36
|
<Input
|
|
26
37
|
placeholder="Enter text here!"
|
|
27
38
|
accessoryIcon={dismissIconProps}
|
|
28
39
|
label="Label"
|
|
29
40
|
assistiveText="Assistive Text"
|
|
30
|
-
|
|
41
|
+
accessoryText="Accessory"
|
|
31
42
|
/>
|
|
32
43
|
<Input
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
44
|
+
placeholder="Enter text here!"
|
|
45
|
+
type="decimal-pad"
|
|
46
|
+
accessoryIcon={null}
|
|
47
|
+
onFocus={() => console.log('focused')}
|
|
48
|
+
onBlur={() => console.log('blurred')}
|
|
49
|
+
/>
|
|
50
|
+
<Input
|
|
51
|
+
placeholder="Custom dismiss icon onPress - Blur"
|
|
52
|
+
componentRef={textInputRef}
|
|
53
|
+
accessoryIcon={outlineIconProps}
|
|
54
|
+
accessoryButtonOnPress={() => {
|
|
55
|
+
// Demonstrating blur on the text input
|
|
56
|
+
textInputRef.current.blur();
|
|
40
57
|
}}
|
|
58
|
+
accessoryText="Accessory"
|
|
59
|
+
type="email-address"
|
|
41
60
|
/>
|
|
42
|
-
|
|
61
|
+
<Input onChange={(text) => setControlText(text)} placeholder={'Text entered here shows below too'} defaultValue={controlText} />
|
|
62
|
+
<Input value={'Controlled text - ' + controlText} />
|
|
63
|
+
</KeyboardAvoidingView>
|
|
43
64
|
);
|
|
44
65
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
|
|
3
|
+
import { E2EInputTest } from './E2EInputTest';
|
|
3
4
|
import { InputDefault } from './InputDefault';
|
|
4
5
|
import { INPUT_TESTPAGE } from '../../../../E2E/src/Input/consts';
|
|
5
6
|
import type { TestSection, PlatformStatus } from '../Test';
|
|
@@ -13,6 +14,13 @@ const inputSections: TestSection[] = [
|
|
|
13
14
|
},
|
|
14
15
|
];
|
|
15
16
|
|
|
17
|
+
const e2eSections: TestSection[] = [
|
|
18
|
+
{
|
|
19
|
+
name: 'E2E Input Testing',
|
|
20
|
+
component: E2EInputTest,
|
|
21
|
+
},
|
|
22
|
+
];
|
|
23
|
+
|
|
16
24
|
export const InputTest: React.FunctionComponent = () => {
|
|
17
25
|
const status: PlatformStatus = {
|
|
18
26
|
win32Status: 'Backlog',
|
|
@@ -24,5 +32,5 @@ export const InputTest: React.FunctionComponent = () => {
|
|
|
24
32
|
|
|
25
33
|
const description = 'Input allows the user to enter and edit text.';
|
|
26
34
|
|
|
27
|
-
return <Test name="Input Test" description={description} sections={inputSections} status={status}></Test>;
|
|
35
|
+
return <Test name="Input Test" description={description} sections={inputSections} status={status} e2eSections={e2eSections}></Test>;
|
|
28
36
|
};
|