@fluentui-react-native/tester 0.61.1 → 0.61.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +22 -1
- package/CHANGELOG.md +11 -2
- package/lib/FluentTester/TestComponents/Menu/MenuTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Menu/MenuTest.js +29 -1
- package/lib/FluentTester/TestComponents/Menu/MenuTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.js +28 -0
- package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.js.map +1 -1
- package/package.json +2 -2
- package/src/E2E/README.md +1 -1
- package/src/FluentTester/TestComponents/Menu/MenuTest.tsx +45 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,28 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Mon, 16 May 2022 17:35:36 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.61.2",
|
|
7
|
+
"version": "0.61.2",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "ruaraki@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "824d5093e18c6a1c16c2c23b3f4e0a717303d2ae",
|
|
14
|
+
"comment": "Add standup code for hasCheckmarks"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/menu to v0.7.0",
|
|
20
|
+
"commit": "824d5093e18c6a1c16c2c23b3f4e0a717303d2ae"
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"date": "Fri, 13 May 2022 18:55:00 GMT",
|
|
6
27
|
"tag": "@fluentui-react-native/tester_v0.61.1",
|
|
7
28
|
"version": "0.61.1",
|
|
8
29
|
"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 Mon, 16 May 2022 17:35:36 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.61.2
|
|
8
|
+
|
|
9
|
+
Mon, 16 May 2022 17:35:36 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Add standup code for hasCheckmarks (ruaraki@microsoft.com)
|
|
14
|
+
- Bump @fluentui-react-native/menu to v0.7.0
|
|
15
|
+
|
|
7
16
|
## 0.61.1
|
|
8
17
|
|
|
9
|
-
Fri, 13 May 2022 18:
|
|
18
|
+
Fri, 13 May 2022 18:55:00 GMT
|
|
10
19
|
|
|
11
20
|
### Patches
|
|
12
21
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiK/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
3
|
-
import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
|
|
3
|
+
import { Menu, MenuItem, MenuItemCheckbox, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
|
|
4
4
|
import { Stack } from '@fluentui-react-native/stack';
|
|
5
5
|
import { Text } from '@fluentui-react-native/experimental-text';
|
|
6
6
|
import { stackStyle } from '../Common/styles';
|
|
@@ -15,6 +15,30 @@ var MenuDefault = function () {
|
|
|
15
15
|
React.createElement(MenuList, null,
|
|
16
16
|
React.createElement(Text, null, "Hello world!!!"))))));
|
|
17
17
|
};
|
|
18
|
+
var MenuCheckmarks = function () {
|
|
19
|
+
return (React.createElement(Stack, { style: stackStyle },
|
|
20
|
+
React.createElement(Menu, null,
|
|
21
|
+
React.createElement(MenuTrigger, null,
|
|
22
|
+
React.createElement(Button, null, "All checkmark items")),
|
|
23
|
+
React.createElement(MenuPopover, null,
|
|
24
|
+
React.createElement(MenuList, null,
|
|
25
|
+
React.createElement(MenuItemCheckbox, { content: "A MenuItem" }),
|
|
26
|
+
React.createElement(MenuItemCheckbox, { content: "A MenuItem" })))),
|
|
27
|
+
React.createElement(Menu, { hasCheckmarks: true },
|
|
28
|
+
React.createElement(MenuTrigger, null,
|
|
29
|
+
React.createElement(Button, null, "Some checkmark items with alignment")),
|
|
30
|
+
React.createElement(MenuPopover, null,
|
|
31
|
+
React.createElement(MenuList, null,
|
|
32
|
+
React.createElement(MenuItem, { content: "A MenuItem" }),
|
|
33
|
+
React.createElement(MenuItemCheckbox, { content: "A MenuItem" })))),
|
|
34
|
+
React.createElement(Menu, null,
|
|
35
|
+
React.createElement(MenuTrigger, null,
|
|
36
|
+
React.createElement(Button, null, "Some checkmark items without alignment")),
|
|
37
|
+
React.createElement(MenuPopover, null,
|
|
38
|
+
React.createElement(MenuList, null,
|
|
39
|
+
React.createElement(MenuItem, { content: "A MenuItem" }),
|
|
40
|
+
React.createElement(MenuItemCheckbox, { content: "A MenuItem" }))))));
|
|
41
|
+
};
|
|
18
42
|
var Submenu = function () {
|
|
19
43
|
return (React.createElement(Menu, null,
|
|
20
44
|
React.createElement(MenuTrigger, null,
|
|
@@ -61,6 +85,10 @@ var menuSections = [
|
|
|
61
85
|
testID: MENU_TESTPAGE,
|
|
62
86
|
component: MenuDefault,
|
|
63
87
|
},
|
|
88
|
+
{
|
|
89
|
+
name: 'Menu Checkmarks',
|
|
90
|
+
component: MenuCheckmarks,
|
|
91
|
+
},
|
|
64
92
|
{
|
|
65
93
|
name: 'Menu open on hover',
|
|
66
94
|
component: MenuOpenOnHover,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiK/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,CAAC"}
|
|
@@ -19,6 +19,30 @@ var MenuDefault = function () {
|
|
|
19
19
|
React.createElement(menu_1.MenuList, null,
|
|
20
20
|
React.createElement(experimental_text_1.Text, null, "Hello world!!!"))))));
|
|
21
21
|
};
|
|
22
|
+
var MenuCheckmarks = function () {
|
|
23
|
+
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
24
|
+
React.createElement(menu_1.Menu, null,
|
|
25
|
+
React.createElement(menu_1.MenuTrigger, null,
|
|
26
|
+
React.createElement(react_native_1.ButtonV1, null, "All checkmark items")),
|
|
27
|
+
React.createElement(menu_1.MenuPopover, null,
|
|
28
|
+
React.createElement(menu_1.MenuList, null,
|
|
29
|
+
React.createElement(menu_1.MenuItemCheckbox, { content: "A MenuItem" }),
|
|
30
|
+
React.createElement(menu_1.MenuItemCheckbox, { content: "A MenuItem" })))),
|
|
31
|
+
React.createElement(menu_1.Menu, { hasCheckmarks: true },
|
|
32
|
+
React.createElement(menu_1.MenuTrigger, null,
|
|
33
|
+
React.createElement(react_native_1.ButtonV1, null, "Some checkmark items with alignment")),
|
|
34
|
+
React.createElement(menu_1.MenuPopover, null,
|
|
35
|
+
React.createElement(menu_1.MenuList, null,
|
|
36
|
+
React.createElement(menu_1.MenuItem, { content: "A MenuItem" }),
|
|
37
|
+
React.createElement(menu_1.MenuItemCheckbox, { content: "A MenuItem" })))),
|
|
38
|
+
React.createElement(menu_1.Menu, null,
|
|
39
|
+
React.createElement(menu_1.MenuTrigger, null,
|
|
40
|
+
React.createElement(react_native_1.ButtonV1, null, "Some checkmark items without alignment")),
|
|
41
|
+
React.createElement(menu_1.MenuPopover, null,
|
|
42
|
+
React.createElement(menu_1.MenuList, null,
|
|
43
|
+
React.createElement(menu_1.MenuItem, { content: "A MenuItem" }),
|
|
44
|
+
React.createElement(menu_1.MenuItemCheckbox, { content: "A MenuItem" }))))));
|
|
45
|
+
};
|
|
22
46
|
var Submenu = function () {
|
|
23
47
|
return (React.createElement(menu_1.Menu, null,
|
|
24
48
|
React.createElement(menu_1.MenuTrigger, null,
|
|
@@ -65,6 +89,10 @@ var menuSections = [
|
|
|
65
89
|
testID: consts_1.MENU_TESTPAGE,
|
|
66
90
|
component: MenuDefault,
|
|
67
91
|
},
|
|
92
|
+
{
|
|
93
|
+
name: 'Menu Checkmarks',
|
|
94
|
+
component: MenuCheckmarks,
|
|
95
|
+
},
|
|
68
96
|
{
|
|
69
97
|
name: 'Menu open on hover',
|
|
70
98
|
component: MenuOpenOnHover,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,uDAA4D;AAC5D,
|
|
1
|
+
{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.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.61.
|
|
3
|
+
"version": "0.61.2",
|
|
4
4
|
"description": "A test app to test FluentUI React Native Components during development",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Microsoft <fluentuinativeowners@microsoft.com>",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"@fluentui-react-native/framework": ">=0.7.26 <1.0.0",
|
|
45
45
|
"@fluentui-react-native/icon": "0.11.21",
|
|
46
46
|
"@fluentui-react-native/interactive-hooks": ">=0.15.6 <1.0.0",
|
|
47
|
-
"@fluentui-react-native/menu": ">=0.
|
|
47
|
+
"@fluentui-react-native/menu": ">=0.7.0 <1.0.0",
|
|
48
48
|
"@fluentui-react-native/stack": ">=0.6.26 <1.0.0",
|
|
49
49
|
"@fluentui-react-native/theme": ">=0.6.8 <1.0.0",
|
|
50
50
|
"@fluentui-react-native/theme-types": ">=0.14.3 <1.0.0",
|
package/src/E2E/README.md
CHANGED
|
@@ -147,7 +147,7 @@ For example, a common task we want to perform is selecting a UI element and gett
|
|
|
147
147
|
|
|
148
148
|
- In order for a Page Object to access a component from the test page, you must use [selectors](https://webdriver.io/docs/selectors.html). The WebDriver Protocol provides several selector strategies to query an element.
|
|
149
149
|
|
|
150
|
-
- If [testID](https://reactnative.dev/docs/
|
|
150
|
+
- If [testID](https://reactnative.dev/docs/next/view#testid) is specified in React Native app for Windows, the locator strategy should choose accessibility id.
|
|
151
151
|
A unique accessiblity id/testID per Window is recommended for React Native Windows E2E testing when authoring the test app and test cases.
|
|
152
152
|
|
|
153
153
|
- To use this, we must add a prop to our component or UI element in question called “testID”. In our test page, set the “testID” for the component, and we can then select it in our Page Object using the imported **_By_** method above from a base class.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
3
|
-
import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
|
|
3
|
+
import { Menu, MenuItem, MenuItemCheckbox, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
|
|
4
4
|
import { Stack } from '@fluentui-react-native/stack';
|
|
5
5
|
import { Text } from '@fluentui-react-native/experimental-text';
|
|
6
6
|
import { stackStyle } from '../Common/styles';
|
|
@@ -24,6 +24,46 @@ const MenuDefault: React.FunctionComponent = () => {
|
|
|
24
24
|
);
|
|
25
25
|
};
|
|
26
26
|
|
|
27
|
+
const MenuCheckmarks: React.FunctionComponent = () => {
|
|
28
|
+
return (
|
|
29
|
+
<Stack style={stackStyle}>
|
|
30
|
+
<Menu>
|
|
31
|
+
<MenuTrigger>
|
|
32
|
+
<Button>All checkmark items</Button>
|
|
33
|
+
</MenuTrigger>
|
|
34
|
+
<MenuPopover>
|
|
35
|
+
<MenuList>
|
|
36
|
+
<MenuItemCheckbox content="A MenuItem" />
|
|
37
|
+
<MenuItemCheckbox content="A MenuItem" />
|
|
38
|
+
</MenuList>
|
|
39
|
+
</MenuPopover>
|
|
40
|
+
</Menu>
|
|
41
|
+
<Menu hasCheckmarks>
|
|
42
|
+
<MenuTrigger>
|
|
43
|
+
<Button>Some checkmark items with alignment</Button>
|
|
44
|
+
</MenuTrigger>
|
|
45
|
+
<MenuPopover>
|
|
46
|
+
<MenuList>
|
|
47
|
+
<MenuItem content="A MenuItem" />
|
|
48
|
+
<MenuItemCheckbox content="A MenuItem" />
|
|
49
|
+
</MenuList>
|
|
50
|
+
</MenuPopover>
|
|
51
|
+
</Menu>
|
|
52
|
+
<Menu>
|
|
53
|
+
<MenuTrigger>
|
|
54
|
+
<Button>Some checkmark items without alignment</Button>
|
|
55
|
+
</MenuTrigger>
|
|
56
|
+
<MenuPopover>
|
|
57
|
+
<MenuList>
|
|
58
|
+
<MenuItem content="A MenuItem" />
|
|
59
|
+
<MenuItemCheckbox content="A MenuItem" />
|
|
60
|
+
</MenuList>
|
|
61
|
+
</MenuPopover>
|
|
62
|
+
</Menu>
|
|
63
|
+
</Stack>
|
|
64
|
+
);
|
|
65
|
+
};
|
|
66
|
+
|
|
27
67
|
const Submenu: React.FunctionComponent = () => {
|
|
28
68
|
return (
|
|
29
69
|
<Menu>
|
|
@@ -101,6 +141,10 @@ const menuSections: TestSection[] = [
|
|
|
101
141
|
testID: MENU_TESTPAGE,
|
|
102
142
|
component: MenuDefault,
|
|
103
143
|
},
|
|
144
|
+
{
|
|
145
|
+
name: 'Menu Checkmarks',
|
|
146
|
+
component: MenuCheckmarks,
|
|
147
|
+
},
|
|
104
148
|
{
|
|
105
149
|
name: 'Menu open on hover',
|
|
106
150
|
component: MenuOpenOnHover,
|