@fluentui-react-native/tester 0.58.13 → 0.58.14
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 +70 -1
- package/CHANGELOG.md +19 -2
- package/lib/FluentTester/TestComponents/Drawer/DrawerTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Drawer/DrawerTest.js +21 -6
- package/lib/FluentTester/TestComponents/Drawer/DrawerTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/MenuButton/consts.d.ts +1 -1
- package/lib/FluentTester/TestComponents/MenuButton/consts.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/MenuButton/consts.js +2 -1
- package/lib/FluentTester/TestComponents/MenuButton/consts.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Drawer/DrawerTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Drawer/DrawerTest.js +21 -6
- package/lib-commonjs/FluentTester/TestComponents/Drawer/DrawerTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/MenuButton/consts.d.ts +1 -1
- package/lib-commonjs/FluentTester/TestComponents/MenuButton/consts.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/MenuButton/consts.js +2 -1
- package/lib-commonjs/FluentTester/TestComponents/MenuButton/consts.js.map +1 -1
- package/package.json +10 -9
- package/src/FluentTester/TestComponents/Drawer/DrawerTest.tsx +27 -6
- package/src/FluentTester/TestComponents/MenuButton/consts.ts +2 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,76 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Mon, 28 Mar 2022 15:01:45 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.58.14",
|
|
7
|
+
"version": "0.58.14",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "email not defined",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "c85943cf17fb111a721e006e1619084e27650b39",
|
|
14
|
+
"comment": "temp fix e2e testing error for menuButton"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/badge to v0.0.20",
|
|
20
|
+
"commit": "c85943cf17fb111a721e006e1619084e27650b39"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/tester",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/button to v0.22.10",
|
|
26
|
+
"commit": "c85943cf17fb111a721e006e1619084e27650b39"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui-react-native/tester",
|
|
31
|
+
"comment": "Bump @fluentui-react-native/experimental-button to v0.15.10",
|
|
32
|
+
"commit": "c85943cf17fb111a721e006e1619084e27650b39"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui-react-native/tester",
|
|
37
|
+
"comment": "Bump @fluentui-react-native/experimental-checkbox to v0.10.7",
|
|
38
|
+
"commit": "c85943cf17fb111a721e006e1619084e27650b39"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "beachball",
|
|
42
|
+
"package": "@fluentui-react-native/tester",
|
|
43
|
+
"comment": "Bump @fluentui-react-native/experimental-drawer to v0.1.0",
|
|
44
|
+
"commit": "c85943cf17fb111a721e006e1619084e27650b39"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "beachball",
|
|
48
|
+
"package": "@fluentui-react-native/tester",
|
|
49
|
+
"comment": "Bump @fluentui-react-native/experimental-menu-button to v0.3.22",
|
|
50
|
+
"commit": "c85943cf17fb111a721e006e1619084e27650b39"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "beachball",
|
|
54
|
+
"package": "@fluentui-react-native/tester",
|
|
55
|
+
"comment": "Bump @fluentui-react-native/experimental-tabs to v0.4.31",
|
|
56
|
+
"commit": "c85943cf17fb111a721e006e1619084e27650b39"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"author": "beachball",
|
|
60
|
+
"package": "@fluentui-react-native/tester",
|
|
61
|
+
"comment": "Bump @fluentui-react-native/interactive-hooks to v0.14.5",
|
|
62
|
+
"commit": "c85943cf17fb111a721e006e1619084e27650b39"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"author": "beachball",
|
|
66
|
+
"package": "@fluentui-react-native/tester",
|
|
67
|
+
"comment": "Bump @fluentui/react-native to v0.27.44",
|
|
68
|
+
"commit": "c85943cf17fb111a721e006e1619084e27650b39"
|
|
69
|
+
}
|
|
70
|
+
]
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"date": "Fri, 25 Mar 2022 20:06:21 GMT",
|
|
6
75
|
"tag": "@fluentui-react-native/tester_v0.58.13",
|
|
7
76
|
"version": "0.58.13",
|
|
8
77
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,29 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Mon, 28 Mar 2022 15:01:45 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.58.14
|
|
8
|
+
|
|
9
|
+
Mon, 28 Mar 2022 15:01:45 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- temp fix e2e testing error for menuButton (email not defined)
|
|
14
|
+
- Bump @fluentui-react-native/badge to v0.0.20
|
|
15
|
+
- Bump @fluentui-react-native/button to v0.22.10
|
|
16
|
+
- Bump @fluentui-react-native/experimental-button to v0.15.10
|
|
17
|
+
- Bump @fluentui-react-native/experimental-checkbox to v0.10.7
|
|
18
|
+
- Bump @fluentui-react-native/experimental-drawer to v0.1.0
|
|
19
|
+
- Bump @fluentui-react-native/experimental-menu-button to v0.3.22
|
|
20
|
+
- Bump @fluentui-react-native/experimental-tabs to v0.4.31
|
|
21
|
+
- Bump @fluentui-react-native/interactive-hooks to v0.14.5
|
|
22
|
+
- Bump @fluentui/react-native to v0.27.44
|
|
23
|
+
|
|
7
24
|
## 0.58.13
|
|
8
25
|
|
|
9
|
-
Fri, 25 Mar 2022 20:06:
|
|
26
|
+
Fri, 25 Mar 2022 20:06:21 GMT
|
|
10
27
|
|
|
11
28
|
### Patches
|
|
12
29
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Drawer/DrawerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DrawerTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Drawer/DrawerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8C/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAY9B,CAAC"}
|
|
@@ -1,20 +1,35 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Text } from 'react-native';
|
|
3
2
|
import { stackStyle } from '../Common/styles';
|
|
3
|
+
import { View, Text } from 'react-native';
|
|
4
|
+
import { Link } from '@fluentui/react-native';
|
|
5
|
+
import { Button } from '@fluentui-react-native/experimental-button';
|
|
6
|
+
import { Drawer } from '@fluentui-react-native/experimental-drawer';
|
|
4
7
|
import { Stack } from '@fluentui-react-native/stack';
|
|
8
|
+
import { Icon } from '@fluentui-react-native/icon';
|
|
5
9
|
import { DRAWER_TESTPAGE } from './consts';
|
|
6
10
|
import { Test } from '../Test';
|
|
7
|
-
import
|
|
8
|
-
var
|
|
9
|
-
|
|
11
|
+
import TestSvg from '../Icon/assets/test.svg';
|
|
12
|
+
var BasicDrawer = function () {
|
|
13
|
+
var stdBtnRef = React.useRef(null);
|
|
14
|
+
var svgProps = {
|
|
15
|
+
src: TestSvg,
|
|
16
|
+
viewBox: '0 0 500 500',
|
|
17
|
+
};
|
|
10
18
|
return (React.createElement(Stack, { style: stackStyle, gap: 5 },
|
|
11
|
-
React.createElement(
|
|
19
|
+
React.createElement(Drawer, null,
|
|
20
|
+
React.createElement(View, null,
|
|
21
|
+
React.createElement(Text, null, "Press for Drawer")),
|
|
22
|
+
React.createElement(View, { style: { padding: 20 } },
|
|
23
|
+
React.createElement(Text, null, "This is content inside Drawer"),
|
|
24
|
+
React.createElement(Link, { url: "https://www.bing.com/", content: "Click to navigate." }),
|
|
25
|
+
React.createElement(Icon, { svgSource: svgProps, width: 100, height: 100, color: "blue" }),
|
|
26
|
+
React.createElement(Button, { componentRef: stdBtnRef }, "Press for Drawer")))));
|
|
12
27
|
};
|
|
13
28
|
var drawerSections = [
|
|
14
29
|
{
|
|
15
30
|
name: 'Basic Drawer',
|
|
16
31
|
testID: DRAWER_TESTPAGE,
|
|
17
|
-
component:
|
|
32
|
+
component: BasicDrawer,
|
|
18
33
|
},
|
|
19
34
|
];
|
|
20
35
|
export var DrawerTest = function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Drawer/DrawerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"DrawerTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Drawer/DrawerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAgB,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAE5D,OAAO,OAAO,MAAM,yBAAyB,CAAC;AAE9C,IAAM,WAAW,GAA4B;IAC3C,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAErC,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,OAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;QAC9B,oBAAC,MAAM;YACL,oBAAC,IAAI;gBACH,oBAAC,IAAI,2BAAwB,CACxB;YACP,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;gBAC1B,oBAAC,IAAI,wCAAqC;gBAC1C,oBAAC,IAAI,IAAC,GAAG,EAAC,uBAAuB,EAAC,OAAO,EAAC,oBAAoB,GAAG;gBACjE,oBAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,MAAM,GAAG;gBACnE,oBAAC,MAAM,IAAC,YAAY,EAAE,SAAS,uBAA2B,CACrD,CACA,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,WAAW;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GAAG,4FAA4F,CAAC;IAEjH,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzG,CAAC,CAAC"}
|
|
@@ -4,5 +4,5 @@ export declare const MENU_BUTTON_TEST_COMPONENT = "Menu_Button_Test_Component";
|
|
|
4
4
|
export declare const MENU_BUTTON_ACCESSIBILITY_LABEL = "E2E testing Menu_Button accessibility label";
|
|
5
5
|
export declare const MENU_ITEM_1_COMPONENT = "Menu_Item_1_Component";
|
|
6
6
|
export declare const MENU_BUTTON_NO_A11Y_LABEL_COMPONENT = "Menu_Button_No_A11y_label_Component";
|
|
7
|
-
export declare const MENU_BUTTON_TEST_COMPONENT_LABEL
|
|
7
|
+
export declare const MENU_BUTTON_TEST_COMPONENT_LABEL: any;
|
|
8
8
|
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/MenuButton/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,+BAA+B,CAAC;AACjE,eAAO,MAAM,oBAAoB,wBAAwB,CAAC;AAG1D,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AACvE,eAAO,MAAM,+BAA+B,gDAAgD,CAAC;AAC7F,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAG7D,eAAO,MAAM,mCAAmC,wCAAwC,CAAC;
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/MenuButton/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,+BAA+B,CAAC;AACjE,eAAO,MAAM,oBAAoB,wBAAwB,CAAC;AAG1D,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AACvE,eAAO,MAAM,+BAA+B,gDAAgD,CAAC;AAC7F,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAG7D,eAAO,MAAM,mCAAmC,wCAAwC,CAAC;AAEzF,eAAO,MAAM,gCAAgC,KAAO,CAAC"}
|
|
@@ -6,5 +6,6 @@ export var MENU_BUTTON_ACCESSIBILITY_LABEL = 'E2E testing Menu_Button accessibil
|
|
|
6
6
|
export var MENU_ITEM_1_COMPONENT = 'Menu_Item_1_Component'; // The first menu item component
|
|
7
7
|
/* E2E Testing Menu_Button 2 */
|
|
8
8
|
export var MENU_BUTTON_NO_A11Y_LABEL_COMPONENT = 'Menu_Button_No_A11y_label_Component';
|
|
9
|
-
export
|
|
9
|
+
// export const MENU_BUTTON_TEST_COMPONENT_LABEL = 'Test Menu_Button2 - No Accessibility Label'; // A component on each specific test page
|
|
10
|
+
export var MENU_BUTTON_TEST_COMPONENT_LABEL = null;
|
|
10
11
|
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/MenuButton/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,oBAAoB,GAAG,4BAA4B,CAAC;AACjE,MAAM,CAAC,IAAM,oBAAoB,GAAG,qBAAqB,CAAC;AAE1D,+BAA+B;AAC/B,MAAM,CAAC,IAAM,0BAA0B,GAAG,4BAA4B,CAAC,CAAC,yCAAyC;AACjH,MAAM,CAAC,IAAM,+BAA+B,GAAG,6CAA6C,CAAC;AAC7F,MAAM,CAAC,IAAM,qBAAqB,GAAG,uBAAuB,CAAC,CAAC,gCAAgC;AAE9F,+BAA+B;AAC/B,MAAM,CAAC,IAAM,mCAAmC,GAAG,qCAAqC,CAAC;AACzF,MAAM,CAAC,IAAM,gCAAgC,GAAG,
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/MenuButton/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,oBAAoB,GAAG,4BAA4B,CAAC;AACjE,MAAM,CAAC,IAAM,oBAAoB,GAAG,qBAAqB,CAAC;AAE1D,+BAA+B;AAC/B,MAAM,CAAC,IAAM,0BAA0B,GAAG,4BAA4B,CAAC,CAAC,yCAAyC;AACjH,MAAM,CAAC,IAAM,+BAA+B,GAAG,6CAA6C,CAAC;AAC7F,MAAM,CAAC,IAAM,qBAAqB,GAAG,uBAAuB,CAAC,CAAC,gCAAgC;AAE9F,+BAA+B;AAC/B,MAAM,CAAC,IAAM,mCAAmC,GAAG,qCAAqC,CAAC;AACzF,0IAA0I;AAC1I,MAAM,CAAC,IAAM,gCAAgC,GAAG,IAAI,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Drawer/DrawerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DrawerTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Drawer/DrawerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8C/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAY9B,CAAC"}
|
|
@@ -3,22 +3,37 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.DrawerTest = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
-
var react_native_1 = require("react-native");
|
|
7
6
|
var styles_1 = require("../Common/styles");
|
|
7
|
+
var react_native_1 = require("react-native");
|
|
8
|
+
var react_native_2 = require("@fluentui/react-native");
|
|
9
|
+
var experimental_button_1 = require("@fluentui-react-native/experimental-button");
|
|
10
|
+
var experimental_drawer_1 = require("@fluentui-react-native/experimental-drawer");
|
|
8
11
|
var stack_1 = require("@fluentui-react-native/stack");
|
|
12
|
+
var icon_1 = require("@fluentui-react-native/icon");
|
|
9
13
|
var consts_1 = require("./consts");
|
|
10
14
|
var Test_1 = require("../Test");
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
|
|
15
|
+
var test_svg_1 = (0, tslib_1.__importDefault)(require("../Icon/assets/test.svg"));
|
|
16
|
+
var BasicDrawer = function () {
|
|
17
|
+
var stdBtnRef = React.useRef(null);
|
|
18
|
+
var svgProps = {
|
|
19
|
+
src: test_svg_1.default,
|
|
20
|
+
viewBox: '0 0 500 500',
|
|
21
|
+
};
|
|
14
22
|
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle, gap: 5 },
|
|
15
|
-
React.createElement(
|
|
23
|
+
React.createElement(experimental_drawer_1.Drawer, null,
|
|
24
|
+
React.createElement(react_native_1.View, null,
|
|
25
|
+
React.createElement(react_native_1.Text, null, "Press for Drawer")),
|
|
26
|
+
React.createElement(react_native_1.View, { style: { padding: 20 } },
|
|
27
|
+
React.createElement(react_native_1.Text, null, "This is content inside Drawer"),
|
|
28
|
+
React.createElement(react_native_2.Link, { url: "https://www.bing.com/", content: "Click to navigate." }),
|
|
29
|
+
React.createElement(icon_1.Icon, { svgSource: svgProps, width: 100, height: 100, color: "blue" }),
|
|
30
|
+
React.createElement(experimental_button_1.Button, { componentRef: stdBtnRef }, "Press for Drawer")))));
|
|
16
31
|
};
|
|
17
32
|
var drawerSections = [
|
|
18
33
|
{
|
|
19
34
|
name: 'Basic Drawer',
|
|
20
35
|
testID: consts_1.DRAWER_TESTPAGE,
|
|
21
|
-
component:
|
|
36
|
+
component: BasicDrawer,
|
|
22
37
|
},
|
|
23
38
|
];
|
|
24
39
|
var DrawerTest = function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Drawer/DrawerTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"DrawerTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Drawer/DrawerTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,2CAA8C;AAC9C,6CAA0C;AAC1C,uDAA8C;AAC9C,kFAAoE;AACpE,kFAAoE;AACpE,sDAAqD;AACrD,oDAAiE;AACjE,mCAA2C;AAC3C,gCAA4D;AAE5D,kFAA8C;AAE9C,IAAM,WAAW,GAA4B;IAC3C,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAErC,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IAEF,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU,EAAE,GAAG,EAAE,CAAC;QAC9B,oBAAC,4BAAM;YACL,oBAAC,mBAAI;gBACH,oBAAC,mBAAI,2BAAwB,CACxB;YACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;gBAC1B,oBAAC,mBAAI,wCAAqC;gBAC1C,oBAAC,mBAAI,IAAC,GAAG,EAAC,uBAAuB,EAAC,OAAO,EAAC,oBAAoB,GAAG;gBACjE,oBAAC,WAAI,IAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,MAAM,GAAG;gBACnE,oBAAC,4BAAM,IAAC,YAAY,EAAE,SAAS,uBAA2B,CACrD,CACA,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,wBAAe;QACvB,SAAS,EAAE,WAAW;KACvB;CACF,CAAC;AAEK,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GAAG,4FAA4F,CAAC;IAEjH,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzG,CAAC,CAAC;AAZW,QAAA,UAAU,cAYrB"}
|
|
@@ -4,5 +4,5 @@ export declare const MENU_BUTTON_TEST_COMPONENT = "Menu_Button_Test_Component";
|
|
|
4
4
|
export declare const MENU_BUTTON_ACCESSIBILITY_LABEL = "E2E testing Menu_Button accessibility label";
|
|
5
5
|
export declare const MENU_ITEM_1_COMPONENT = "Menu_Item_1_Component";
|
|
6
6
|
export declare const MENU_BUTTON_NO_A11Y_LABEL_COMPONENT = "Menu_Button_No_A11y_label_Component";
|
|
7
|
-
export declare const MENU_BUTTON_TEST_COMPONENT_LABEL
|
|
7
|
+
export declare const MENU_BUTTON_TEST_COMPONENT_LABEL: any;
|
|
8
8
|
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/MenuButton/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,+BAA+B,CAAC;AACjE,eAAO,MAAM,oBAAoB,wBAAwB,CAAC;AAG1D,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AACvE,eAAO,MAAM,+BAA+B,gDAAgD,CAAC;AAC7F,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAG7D,eAAO,MAAM,mCAAmC,wCAAwC,CAAC;
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/MenuButton/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,+BAA+B,CAAC;AACjE,eAAO,MAAM,oBAAoB,wBAAwB,CAAC;AAG1D,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AACvE,eAAO,MAAM,+BAA+B,gDAAgD,CAAC;AAC7F,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAG7D,eAAO,MAAM,mCAAmC,wCAAwC,CAAC;AAEzF,eAAO,MAAM,gCAAgC,KAAO,CAAC"}
|
|
@@ -9,5 +9,6 @@ exports.MENU_BUTTON_ACCESSIBILITY_LABEL = 'E2E testing Menu_Button accessibility
|
|
|
9
9
|
exports.MENU_ITEM_1_COMPONENT = 'Menu_Item_1_Component'; // The first menu item component
|
|
10
10
|
/* E2E Testing Menu_Button 2 */
|
|
11
11
|
exports.MENU_BUTTON_NO_A11Y_LABEL_COMPONENT = 'Menu_Button_No_A11y_label_Component';
|
|
12
|
-
|
|
12
|
+
// export const MENU_BUTTON_TEST_COMPONENT_LABEL = 'Test Menu_Button2 - No Accessibility Label'; // A component on each specific test page
|
|
13
|
+
exports.MENU_BUTTON_TEST_COMPONENT_LABEL = null;
|
|
13
14
|
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/MenuButton/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG,4BAA4B,CAAC;AACpD,QAAA,oBAAoB,GAAG,qBAAqB,CAAC;AAE1D,+BAA+B;AAClB,QAAA,0BAA0B,GAAG,4BAA4B,CAAC,CAAC,yCAAyC;AACpG,QAAA,+BAA+B,GAAG,6CAA6C,CAAC;AAChF,QAAA,qBAAqB,GAAG,uBAAuB,CAAC,CAAC,gCAAgC;AAE9F,+BAA+B;AAClB,QAAA,mCAAmC,GAAG,qCAAqC,CAAC;
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/MenuButton/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG,4BAA4B,CAAC;AACpD,QAAA,oBAAoB,GAAG,qBAAqB,CAAC;AAE1D,+BAA+B;AAClB,QAAA,0BAA0B,GAAG,4BAA4B,CAAC,CAAC,yCAAyC;AACpG,QAAA,+BAA+B,GAAG,6CAA6C,CAAC;AAChF,QAAA,qBAAqB,GAAG,uBAAuB,CAAC,CAAC,gCAAgC;AAE9F,+BAA+B;AAClB,QAAA,mCAAmC,GAAG,qCAAqC,CAAC;AACzF,0IAA0I;AAC7H,QAAA,gCAAgC,GAAG,IAAI,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.58.
|
|
3
|
+
"version": "0.58.14",
|
|
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,30 @@
|
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@fluentui-react-native/android-theme": ">=0.5.5 <1.0.0",
|
|
29
29
|
"@fluentui-react-native/apple-theme": ">=0.9.13 <1.0.0",
|
|
30
|
-
"@fluentui-react-native/badge": ">=0.0.
|
|
31
|
-
"@fluentui-react-native/button": ">=0.22.
|
|
30
|
+
"@fluentui-react-native/badge": ">=0.0.20 <1.0.0",
|
|
31
|
+
"@fluentui-react-native/button": ">=0.22.10 <1.0.0",
|
|
32
32
|
"@fluentui-react-native/default-theme": ">=0.9.12 <1.0.0",
|
|
33
33
|
"@fluentui-react-native/experimental-activity-indicator": ">=0.5.17 <1.0.0",
|
|
34
34
|
"@fluentui-react-native/experimental-avatar": ">=0.14.9 <1.0.0",
|
|
35
|
-
"@fluentui-react-native/experimental-button": "0.15.
|
|
36
|
-
"@fluentui-react-native/experimental-checkbox": "0.10.
|
|
35
|
+
"@fluentui-react-native/experimental-button": "0.15.10",
|
|
36
|
+
"@fluentui-react-native/experimental-checkbox": "0.10.7",
|
|
37
|
+
"@fluentui-react-native/experimental-drawer": ">=0.1.0 <1.0.0",
|
|
37
38
|
"@fluentui-react-native/experimental-native-date-picker": ">=0.4.1 <1.0.0",
|
|
38
39
|
"@fluentui-react-native/experimental-expander": "0.3.19",
|
|
39
|
-
"@fluentui-react-native/experimental-menu-button": ">=0.3.
|
|
40
|
+
"@fluentui-react-native/experimental-menu-button": ">=0.3.22 <1.0.0",
|
|
40
41
|
"@fluentui-react-native/experimental-shimmer": "0.6.21",
|
|
41
|
-
"@fluentui-react-native/experimental-tabs": "0.4.
|
|
42
|
+
"@fluentui-react-native/experimental-tabs": "0.4.31",
|
|
42
43
|
"@fluentui-react-native/experimental-text": ">=0.7.18 <1.0.0",
|
|
43
44
|
"@fluentui-react-native/framework": ">=0.7.18 <1.0.0",
|
|
44
45
|
"@fluentui-react-native/icon": "0.11.13",
|
|
45
|
-
"@fluentui-react-native/interactive-hooks": ">=0.14.
|
|
46
|
+
"@fluentui-react-native/interactive-hooks": ">=0.14.5 <1.0.0",
|
|
46
47
|
"@fluentui-react-native/stack": ">=0.6.18 <1.0.0",
|
|
47
48
|
"@fluentui-react-native/theme": ">=0.6.5 <1.0.0",
|
|
48
49
|
"@fluentui-react-native/theme-types": ">=0.14.0 <1.0.0",
|
|
49
50
|
"@fluentui-react-native/themed-stylesheet": "^1.3.2",
|
|
50
51
|
"@fluentui-react-native/theming-utils": ">=0.9.1 <1.0.0",
|
|
51
52
|
"@fluentui-react-native/win32-theme": ">=0.14.14 <1.0.0",
|
|
52
|
-
"@fluentui/react-native": ">=0.27.
|
|
53
|
+
"@fluentui/react-native": ">=0.27.44 <1.0.0",
|
|
53
54
|
"@react-native-community/slider": "^4.2.0",
|
|
54
55
|
"@react-native-menu/menu": "^0.1.2",
|
|
55
56
|
"@react-native-picker/picker": "^2.2.1",
|
|
@@ -1,16 +1,37 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Text } from 'react-native';
|
|
3
2
|
import { stackStyle } from '../Common/styles';
|
|
3
|
+
import { View, Text } from 'react-native';
|
|
4
|
+
import { Link } from '@fluentui/react-native';
|
|
5
|
+
import { Button } from '@fluentui-react-native/experimental-button';
|
|
6
|
+
import { Drawer } from '@fluentui-react-native/experimental-drawer';
|
|
4
7
|
import { Stack } from '@fluentui-react-native/stack';
|
|
8
|
+
import { Icon, SvgIconProps } from '@fluentui-react-native/icon';
|
|
5
9
|
import { DRAWER_TESTPAGE } from './consts';
|
|
6
10
|
import { Test, TestSection, PlatformStatus } from '../Test';
|
|
7
|
-
import { NativeModules } from 'react-native';
|
|
8
11
|
|
|
9
|
-
|
|
10
|
-
|
|
12
|
+
import TestSvg from '../Icon/assets/test.svg';
|
|
13
|
+
|
|
14
|
+
const BasicDrawer: React.FunctionComponent = () => {
|
|
15
|
+
const stdBtnRef = React.useRef(null);
|
|
16
|
+
|
|
17
|
+
const svgProps: SvgIconProps = {
|
|
18
|
+
src: TestSvg,
|
|
19
|
+
viewBox: '0 0 500 500',
|
|
20
|
+
};
|
|
21
|
+
|
|
11
22
|
return (
|
|
12
23
|
<Stack style={stackStyle} gap={5}>
|
|
13
|
-
<
|
|
24
|
+
<Drawer>
|
|
25
|
+
<View>
|
|
26
|
+
<Text>Press for Drawer</Text>
|
|
27
|
+
</View>
|
|
28
|
+
<View style={{ padding: 20 }}>
|
|
29
|
+
<Text>This is content inside Drawer</Text>
|
|
30
|
+
<Link url="https://www.bing.com/" content="Click to navigate." />
|
|
31
|
+
<Icon svgSource={svgProps} width={100} height={100} color="blue" />
|
|
32
|
+
<Button componentRef={stdBtnRef}>Press for Drawer</Button>
|
|
33
|
+
</View>
|
|
34
|
+
</Drawer>
|
|
14
35
|
</Stack>
|
|
15
36
|
);
|
|
16
37
|
};
|
|
@@ -19,7 +40,7 @@ const drawerSections: TestSection[] = [
|
|
|
19
40
|
{
|
|
20
41
|
name: 'Basic Drawer',
|
|
21
42
|
testID: DRAWER_TESTPAGE,
|
|
22
|
-
component:
|
|
43
|
+
component: BasicDrawer,
|
|
23
44
|
},
|
|
24
45
|
];
|
|
25
46
|
|
|
@@ -8,4 +8,5 @@ export const MENU_ITEM_1_COMPONENT = 'Menu_Item_1_Component'; // The first menu
|
|
|
8
8
|
|
|
9
9
|
/* E2E Testing Menu_Button 2 */
|
|
10
10
|
export const MENU_BUTTON_NO_A11Y_LABEL_COMPONENT = 'Menu_Button_No_A11y_label_Component';
|
|
11
|
-
export const MENU_BUTTON_TEST_COMPONENT_LABEL = 'Test Menu_Button2 - No Accessibility Label'; // A component on each specific test page
|
|
11
|
+
// export const MENU_BUTTON_TEST_COMPONENT_LABEL = 'Test Menu_Button2 - No Accessibility Label'; // A component on each specific test page
|
|
12
|
+
export const MENU_BUTTON_TEST_COMPONENT_LABEL = null;
|