@fluentui-react-native/tester 0.150.5 → 0.151.1
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 +57 -1
- package/CHANGELOG.md +21 -2
- package/lib/E2E/src/Chip/consts.d.ts +7 -0
- package/lib/E2E/src/Chip/consts.d.ts.map +1 -0
- package/lib/E2E/src/Chip/consts.js +7 -0
- package/lib/E2E/src/Chip/consts.js.map +1 -0
- package/lib/E2E/src/index.consts.d.ts +1 -0
- package/lib/E2E/src/index.consts.d.ts.map +1 -1
- package/lib/E2E/src/index.consts.js +1 -0
- package/lib/E2E/src/index.consts.js.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Badge/BadgeTest.d.ts.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Badge/BadgeTest.js +13 -6
- package/lib/fluent-tester/src/TestComponents/Badge/BadgeTest.js.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Badge/CounterBadgeTest.android.d.ts +3 -0
- package/lib/fluent-tester/src/TestComponents/Badge/CounterBadgeTest.android.d.ts.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Badge/CounterBadgeTest.android.js +26 -0
- package/lib/fluent-tester/src/TestComponents/Badge/CounterBadgeTest.android.js.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Badge/PresenceBadgeTest.android.d.ts +3 -0
- package/lib/fluent-tester/src/TestComponents/Badge/PresenceBadgeTest.android.d.ts.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Badge/PresenceBadgeTest.android.js +47 -0
- package/lib/fluent-tester/src/TestComponents/Badge/PresenceBadgeTest.android.js.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Chip/ChipDefault.d.ts +3 -0
- package/lib/fluent-tester/src/TestComponents/Chip/ChipDefault.d.ts.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Chip/ChipDefault.js +52 -0
- package/lib/fluent-tester/src/TestComponents/Chip/ChipDefault.js.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Chip/ChipTest.d.ts +3 -0
- package/lib/fluent-tester/src/TestComponents/Chip/ChipTest.d.ts.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Chip/ChipTest.js +31 -0
- package/lib/fluent-tester/src/TestComponents/Chip/ChipTest.js.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Chip/E2EChipTest.d.ts +3 -0
- package/lib/fluent-tester/src/TestComponents/Chip/E2EChipTest.d.ts.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Chip/E2EChipTest.js +17 -0
- package/lib/fluent-tester/src/TestComponents/Chip/E2EChipTest.js.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Chip/index.d.ts +2 -0
- package/lib/fluent-tester/src/TestComponents/Chip/index.d.ts.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Chip/index.js +2 -0
- package/lib/fluent-tester/src/TestComponents/Chip/index.js.map +1 -0
- package/lib/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.android.d.ts +3 -0
- package/lib/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.android.d.ts.map +1 -0
- package/lib/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.android.js +31 -0
- package/lib/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.android.js.map +1 -0
- package/lib/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.js +2 -2
- package/lib/fluent-tester/src/testPages.d.ts.map +1 -1
- package/lib/fluent-tester/src/testPages.js +7 -0
- package/lib/fluent-tester/src/testPages.js.map +1 -1
- package/lib-commonjs/E2E/src/Chip/consts.d.ts +7 -0
- package/lib-commonjs/E2E/src/Chip/consts.d.ts.map +1 -0
- package/lib-commonjs/E2E/src/Chip/consts.js +10 -0
- package/lib-commonjs/E2E/src/Chip/consts.js.map +1 -0
- package/lib-commonjs/E2E/src/index.consts.d.ts +1 -0
- package/lib-commonjs/E2E/src/index.consts.d.ts.map +1 -1
- package/lib-commonjs/E2E/src/index.consts.js +1 -0
- package/lib-commonjs/E2E/src/index.consts.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Badge/BadgeTest.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Badge/BadgeTest.js +13 -6
- package/lib-commonjs/fluent-tester/src/TestComponents/Badge/BadgeTest.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Badge/CounterBadgeTest.android.d.ts +3 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Badge/CounterBadgeTest.android.d.ts.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Badge/CounterBadgeTest.android.js +31 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Badge/CounterBadgeTest.android.js.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Badge/PresenceBadgeTest.android.d.ts +3 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Badge/PresenceBadgeTest.android.d.ts.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Badge/PresenceBadgeTest.android.js +52 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Badge/PresenceBadgeTest.android.js.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Chip/ChipDefault.d.ts +3 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Chip/ChipDefault.d.ts.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Chip/ChipDefault.js +57 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Chip/ChipDefault.js.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Chip/ChipTest.d.ts +3 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Chip/ChipTest.d.ts.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Chip/ChipTest.js +36 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Chip/ChipTest.js.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Chip/E2EChipTest.d.ts +3 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Chip/E2EChipTest.d.ts.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Chip/E2EChipTest.js +21 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Chip/E2EChipTest.js.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Chip/index.d.ts +2 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Chip/index.d.ts.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Chip/index.js +5 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Chip/index.js.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.android.d.ts +3 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.android.d.ts.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.android.js +36 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.android.js.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.js +2 -2
- package/lib-commonjs/fluent-tester/src/testPages.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/testPages.js +7 -0
- package/lib-commonjs/fluent-tester/src/testPages.js.map +1 -1
- package/package.json +5 -4
- package/src/TestComponents/Badge/BadgeTest.tsx +16 -6
- package/src/TestComponents/Badge/CounterBadgeTest.android.tsx +30 -0
- package/src/TestComponents/Badge/PresenceBadgeTest.android.tsx +55 -0
- package/src/TestComponents/Chip/ChipDefault.tsx +117 -0
- package/src/TestComponents/Chip/ChipTest.tsx +39 -0
- package/src/TestComponents/Chip/E2EChipTest.tsx +36 -0
- package/src/TestComponents/Chip/index.ts +1 -0
- package/src/TestComponents/LinkV1/InlineLinksTest.android.tsx +46 -0
- package/src/TestComponents/LinkV1/InlineLinksTest.tsx +2 -2
- package/src/testPages.ts +7 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testPages.js","sourceRoot":"","sources":["../../../src/testPages.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"testPages.js","sourceRoot":"","sources":["../../../src/testPages.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.151.1",
|
|
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>",
|
|
@@ -35,9 +35,10 @@
|
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@fluentui-react-native/android-theme": ">=0.18.1 <1.0.0",
|
|
37
37
|
"@fluentui-react-native/apple-theme": ">=0.21.2 <1.0.0",
|
|
38
|
-
"@fluentui-react-native/avatar": "^1.10.
|
|
39
|
-
"@fluentui-react-native/badge": ">=0.
|
|
38
|
+
"@fluentui-react-native/avatar": "^1.10.4",
|
|
39
|
+
"@fluentui-react-native/badge": ">=0.7.0 <1.0.0",
|
|
40
40
|
"@fluentui-react-native/button": ">=0.34.4 <1.0.0",
|
|
41
|
+
"@fluentui-react-native/chip": "^0.1.1",
|
|
41
42
|
"@fluentui-react-native/default-theme": ">=0.19.1 <1.0.0",
|
|
42
43
|
"@fluentui-react-native/divider": "^0.5.2",
|
|
43
44
|
"@fluentui-react-native/dropdown": ">=0.8.7 <1.0.0",
|
|
@@ -74,7 +75,7 @@
|
|
|
74
75
|
"@fluentui-react-native/themed-stylesheet": "^1.5.1",
|
|
75
76
|
"@fluentui-react-native/theming-utils": ">=0.24.0 <1.0.0",
|
|
76
77
|
"@fluentui-react-native/win32-theme": ">=0.26.1 <1.0.0",
|
|
77
|
-
"@fluentui/react-native": ">=0.37.
|
|
78
|
+
"@fluentui/react-native": ">=0.37.8 <1.0.0",
|
|
78
79
|
"@fortawesome/fontawesome-svg-core": "^6.2.0",
|
|
79
80
|
"@fortawesome/free-solid-svg-icons": "^6.2.0",
|
|
80
81
|
"@fortawesome/react-native-fontawesome": "^0.3.0",
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { Platform } from 'react-native';
|
|
2
3
|
|
|
3
4
|
import { BasicBadge } from './BasicBadgeTest';
|
|
4
5
|
import { CounterBadgeTest } from './CounterBadgeTest';
|
|
@@ -9,19 +10,26 @@ import type { TestSection, PlatformStatus } from '../Test';
|
|
|
9
10
|
import { Test } from '../Test';
|
|
10
11
|
|
|
11
12
|
const badgeSections: TestSection[] = [
|
|
12
|
-
{
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
Platform.select({
|
|
14
|
+
android: null,
|
|
15
|
+
default: {
|
|
16
|
+
name: 'Basic Badge',
|
|
17
|
+
testID: BADGE_TESTPAGE,
|
|
18
|
+
component: BasicBadge,
|
|
19
|
+
},
|
|
20
|
+
}),
|
|
17
21
|
{
|
|
18
22
|
name: 'Counter Badge',
|
|
23
|
+
testID: BADGE_TESTPAGE,
|
|
19
24
|
component: CounterBadgeTest,
|
|
20
25
|
},
|
|
21
26
|
{
|
|
22
27
|
name: 'Presence Badge',
|
|
23
28
|
component: PresenceBadgeTest,
|
|
24
29
|
},
|
|
30
|
+
];
|
|
31
|
+
|
|
32
|
+
const e2eSections: TestSection[] = [
|
|
25
33
|
{
|
|
26
34
|
name: 'Badge E2E',
|
|
27
35
|
component: E2EBadgeTest,
|
|
@@ -42,5 +50,7 @@ export const BadgeTest: React.FunctionComponent = () => {
|
|
|
42
50
|
|
|
43
51
|
const spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Badge/SPEC.md';
|
|
44
52
|
|
|
45
|
-
return
|
|
53
|
+
return (
|
|
54
|
+
<Test name="Badge Test" description={description} spec={spec} sections={badgeSections} status={status} e2eSections={e2eSections} />
|
|
55
|
+
);
|
|
46
56
|
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { View, Text } from 'react-native';
|
|
3
|
+
|
|
4
|
+
import { CounterBadge } from '@fluentui-react-native/badge';
|
|
5
|
+
|
|
6
|
+
export const CounterBadgeTest: React.FunctionComponent = () => {
|
|
7
|
+
return (
|
|
8
|
+
<View>
|
|
9
|
+
<Text>Dot badge</Text>
|
|
10
|
+
<CounterBadge count={13} dot={true}></CounterBadge>
|
|
11
|
+
<CounterBadge count={0} dot={true}></CounterBadge>
|
|
12
|
+
<Text>Here no Badge is displayed</Text>
|
|
13
|
+
<CounterBadge count={0}></CounterBadge>
|
|
14
|
+
<Text>And here is the Badge with showZero = true</Text>
|
|
15
|
+
<CounterBadge count={0} showZero={true}></CounterBadge>
|
|
16
|
+
<Text>Default counter badge</Text>
|
|
17
|
+
<CounterBadge>Badge</CounterBadge>
|
|
18
|
+
<CounterBadge count={10}></CounterBadge>
|
|
19
|
+
<Text>Overflow sample</Text>
|
|
20
|
+
<CounterBadge count={777}></CounterBadge>
|
|
21
|
+
<CounterBadge overflowCount={1000} count={777}></CounterBadge>
|
|
22
|
+
<Text>List counter badge</Text>
|
|
23
|
+
<CounterBadge list={true}>Badge</CounterBadge>
|
|
24
|
+
<CounterBadge count={10} list={true}></CounterBadge>
|
|
25
|
+
<Text>Overflow sample</Text>
|
|
26
|
+
<CounterBadge count={777} list={true}></CounterBadge>
|
|
27
|
+
<CounterBadge overflowCount={1000} count={777} list={true}></CounterBadge>
|
|
28
|
+
</View>
|
|
29
|
+
);
|
|
30
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-var-requires */
|
|
2
|
+
import React, { useCallback, useState } from 'react';
|
|
3
|
+
import { View, StyleSheet, Text } from 'react-native';
|
|
4
|
+
|
|
5
|
+
import { ToggleButton } from '@fluentui/react-native';
|
|
6
|
+
import { PresenceBadge } from '@fluentui-react-native/badge';
|
|
7
|
+
|
|
8
|
+
export const PresenceBadgeTest: React.FunctionComponent = () => {
|
|
9
|
+
const [outOfOffice, setOutOfOffice] = useState(false);
|
|
10
|
+
const toggleOutOfOffice = useCallback(() => setOutOfOffice(!outOfOffice), [outOfOffice]);
|
|
11
|
+
return (
|
|
12
|
+
<View>
|
|
13
|
+
<ToggleButton onClick={toggleOutOfOffice} checked={outOfOffice}>
|
|
14
|
+
Set {outOfOffice ? ' In office' : ' Out of office'}
|
|
15
|
+
</ToggleButton>
|
|
16
|
+
<Text>Small</Text>
|
|
17
|
+
<View style={styles.rowStyle}>
|
|
18
|
+
<PresenceBadge status="available" size="small" outOfOffice={outOfOffice} />
|
|
19
|
+
<PresenceBadge status="blocked" size="small" outOfOffice={outOfOffice} />
|
|
20
|
+
<PresenceBadge status="doNotDisturb" size="small" outOfOffice={outOfOffice} />
|
|
21
|
+
<PresenceBadge status="away" size="small" outOfOffice={outOfOffice} />
|
|
22
|
+
<PresenceBadge status="busy" size="small" outOfOffice={outOfOffice} />
|
|
23
|
+
<PresenceBadge status="offline" size="small" outOfOffice={outOfOffice} />
|
|
24
|
+
<PresenceBadge status="outOfOffice" size="small" outOfOffice={outOfOffice} />
|
|
25
|
+
<PresenceBadge status="unknown" size="small" outOfOffice={outOfOffice} />
|
|
26
|
+
</View>
|
|
27
|
+
<Text>Medium</Text>
|
|
28
|
+
<View style={styles.rowStyle}>
|
|
29
|
+
<PresenceBadge status="available" size="medium" outOfOffice={outOfOffice} />
|
|
30
|
+
<PresenceBadge status="blocked" size="medium" outOfOffice={outOfOffice} />
|
|
31
|
+
<PresenceBadge status="doNotDisturb" size="medium" outOfOffice={outOfOffice} />
|
|
32
|
+
<PresenceBadge status="away" size="medium" outOfOffice={outOfOffice} />
|
|
33
|
+
<PresenceBadge status="busy" size="medium" outOfOffice={outOfOffice} />
|
|
34
|
+
<PresenceBadge status="offline" size="medium" outOfOffice={outOfOffice} />
|
|
35
|
+
<PresenceBadge status="outOfOffice" size="medium" outOfOffice={outOfOffice} />
|
|
36
|
+
<PresenceBadge status="unknown" size="medium" outOfOffice={outOfOffice} />
|
|
37
|
+
</View>
|
|
38
|
+
<Text>Large</Text>
|
|
39
|
+
<View style={styles.rowStyle}>
|
|
40
|
+
<PresenceBadge status="available" size="large" outOfOffice={outOfOffice} />
|
|
41
|
+
<PresenceBadge status="blocked" size="large" outOfOffice={outOfOffice} />
|
|
42
|
+
<PresenceBadge status="doNotDisturb" size="large" outOfOffice={outOfOffice} />
|
|
43
|
+
<PresenceBadge status="away" size="large" outOfOffice={outOfOffice} />
|
|
44
|
+
<PresenceBadge status="busy" size="large" outOfOffice={outOfOffice} />
|
|
45
|
+
<PresenceBadge status="offline" size="large" outOfOffice={outOfOffice} />
|
|
46
|
+
<PresenceBadge status="outOfOffice" size="large" outOfOffice={outOfOffice} />
|
|
47
|
+
<PresenceBadge status="unknown" size="large" outOfOffice={outOfOffice} />
|
|
48
|
+
</View>
|
|
49
|
+
</View>
|
|
50
|
+
);
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
const styles = StyleSheet.create({
|
|
54
|
+
rowStyle: { flexDirection: 'row' },
|
|
55
|
+
});
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-var-requires */
|
|
2
|
+
import React, { useCallback } from 'react';
|
|
3
|
+
import { StyleSheet, View, ToastAndroid } from 'react-native';
|
|
4
|
+
|
|
5
|
+
import { Chip } from '@fluentui-react-native/chip';
|
|
6
|
+
import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
|
|
7
|
+
import { Switch } from '@fluentui-react-native/switch';
|
|
8
|
+
import { Text } from '@fluentui-react-native/text';
|
|
9
|
+
|
|
10
|
+
import { svgProps } from '../Common/iconExamples';
|
|
11
|
+
|
|
12
|
+
export const ChipDefault: React.FunctionComponent = () => {
|
|
13
|
+
const [showCloseIcon, setShowCloseIcon] = React.useState<boolean>(false);
|
|
14
|
+
const toggleActivityState = useCallback((_e: InteractionEvent, isActive: boolean) => setShowCloseIcon(isActive), []);
|
|
15
|
+
const showToast = () => {
|
|
16
|
+
ToastAndroid.show('Close icon clicked!', ToastAndroid.SHORT);
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
return (
|
|
20
|
+
<View>
|
|
21
|
+
<Switch label={'Show Close Icon'} defaultChecked={showCloseIcon} onChange={toggleActivityState} />
|
|
22
|
+
<View style={styles.rowStyle}>
|
|
23
|
+
<Chip size="small" style={styles.rowGap} showCloseIcon={showCloseIcon} closeIconOnPress={showToast}>
|
|
24
|
+
Neutral
|
|
25
|
+
</Chip>
|
|
26
|
+
<Chip size="medium" icon={{ svgSource: svgProps }} showCloseIcon={showCloseIcon} closeIconOnPress={showToast}>
|
|
27
|
+
Neutral
|
|
28
|
+
</Chip>
|
|
29
|
+
</View>
|
|
30
|
+
<View style={styles.rowStyle}>
|
|
31
|
+
<Chip size="small" style={styles.rowGap} disabled showCloseIcon={showCloseIcon} closeIconOnPress={showToast}>
|
|
32
|
+
Disabled
|
|
33
|
+
</Chip>
|
|
34
|
+
<Chip size="medium" icon={{ svgSource: svgProps }} disabled showCloseIcon={showCloseIcon} closeIconOnPress={showToast}>
|
|
35
|
+
Disabled
|
|
36
|
+
</Chip>
|
|
37
|
+
</View>
|
|
38
|
+
<View style={styles.rowStyle}>
|
|
39
|
+
<Chip size="small" chipColor="brand" style={styles.rowGap} showCloseIcon={showCloseIcon} closeIconOnPress={showToast}>
|
|
40
|
+
Brand
|
|
41
|
+
</Chip>
|
|
42
|
+
<Chip size="medium" chipColor="brand" icon={{ svgSource: svgProps }} showCloseIcon={showCloseIcon} closeIconOnPress={showToast}>
|
|
43
|
+
Brand
|
|
44
|
+
</Chip>
|
|
45
|
+
</View>
|
|
46
|
+
<View style={styles.rowStyle}>
|
|
47
|
+
<Chip size="small" chipColor="danger" style={styles.rowGap} showCloseIcon={showCloseIcon} closeIconOnPress={showToast}>
|
|
48
|
+
Danger
|
|
49
|
+
</Chip>
|
|
50
|
+
<Chip size="medium" chipColor="danger" icon={{ svgSource: svgProps }} showCloseIcon={showCloseIcon} closeIconOnPress={showToast}>
|
|
51
|
+
Danger
|
|
52
|
+
</Chip>
|
|
53
|
+
</View>
|
|
54
|
+
<View style={styles.rowStyle}>
|
|
55
|
+
<Chip size="small" chipColor="severe" style={styles.rowGap} showCloseIcon={showCloseIcon} closeIconOnPress={showToast}>
|
|
56
|
+
Severe
|
|
57
|
+
</Chip>
|
|
58
|
+
<Chip size="medium" chipColor="severe" icon={{ svgSource: svgProps }} showCloseIcon={showCloseIcon} closeIconOnPress={showToast}>
|
|
59
|
+
Severe
|
|
60
|
+
</Chip>
|
|
61
|
+
</View>
|
|
62
|
+
<View style={styles.rowStyle}>
|
|
63
|
+
<Chip size="small" chipColor="warning" style={styles.rowGap} showCloseIcon={showCloseIcon} closeIconOnPress={showToast}>
|
|
64
|
+
Warning
|
|
65
|
+
</Chip>
|
|
66
|
+
<Chip size="medium" chipColor="warning" icon={{ svgSource: svgProps }} showCloseIcon={showCloseIcon} closeIconOnPress={showToast}>
|
|
67
|
+
Warning
|
|
68
|
+
</Chip>
|
|
69
|
+
</View>
|
|
70
|
+
<View style={styles.rowStyle}>
|
|
71
|
+
<Chip size="small" chipColor="success" style={styles.rowGap} showCloseIcon={showCloseIcon} closeIconOnPress={showToast}>
|
|
72
|
+
Success
|
|
73
|
+
</Chip>
|
|
74
|
+
<Chip size="medium" chipColor="success" icon={{ svgSource: svgProps }} showCloseIcon={showCloseIcon} closeIconOnPress={showToast}>
|
|
75
|
+
Success
|
|
76
|
+
</Chip>
|
|
77
|
+
</View>
|
|
78
|
+
<Text>Search Bar Chip</Text>
|
|
79
|
+
<View style={styles.rowStyle}>
|
|
80
|
+
<Chip searchBar size="small" style={styles.rowGap} showCloseIcon={showCloseIcon} closeIconOnPress={showToast}>
|
|
81
|
+
Chip
|
|
82
|
+
</Chip>
|
|
83
|
+
<Chip searchBar size="medium" icon={{ svgSource: svgProps }} showCloseIcon={showCloseIcon} closeIconOnPress={showToast}>
|
|
84
|
+
Chip
|
|
85
|
+
</Chip>
|
|
86
|
+
</View>
|
|
87
|
+
<View style={styles.rowStyle}>
|
|
88
|
+
<Chip searchBar size="small" chipColor="brand" style={styles.rowGap} showCloseIcon={showCloseIcon} closeIconOnPress={showToast}>
|
|
89
|
+
Brand
|
|
90
|
+
</Chip>
|
|
91
|
+
<Chip
|
|
92
|
+
searchBar
|
|
93
|
+
size="medium"
|
|
94
|
+
chipColor="brand"
|
|
95
|
+
icon={{ svgSource: svgProps }}
|
|
96
|
+
showCloseIcon={showCloseIcon}
|
|
97
|
+
closeIconOnPress={showToast}
|
|
98
|
+
>
|
|
99
|
+
Brand
|
|
100
|
+
</Chip>
|
|
101
|
+
</View>
|
|
102
|
+
<View style={styles.rowStyle}>
|
|
103
|
+
<Chip searchBar size="small" style={styles.rowGap} disabled showCloseIcon={showCloseIcon} closeIconOnPress={showToast}>
|
|
104
|
+
Disabled
|
|
105
|
+
</Chip>
|
|
106
|
+
<Chip searchBar size="medium" icon={{ svgSource: svgProps }} disabled showCloseIcon={showCloseIcon} closeIconOnPress={showToast}>
|
|
107
|
+
Disabled
|
|
108
|
+
</Chip>
|
|
109
|
+
</View>
|
|
110
|
+
</View>
|
|
111
|
+
);
|
|
112
|
+
};
|
|
113
|
+
|
|
114
|
+
const styles = StyleSheet.create({
|
|
115
|
+
rowStyle: { flexDirection: 'row', marginTop: 6 },
|
|
116
|
+
rowGap: { marginRight: 6 },
|
|
117
|
+
});
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
import { ChipDefault } from './ChipDefault';
|
|
4
|
+
import { E2EChipTest } from './E2EChipTest';
|
|
5
|
+
import { CHIP_TESTPAGE } from '../../../../E2E/src/Chip/consts';
|
|
6
|
+
import type { TestSection, PlatformStatus } from '../Test';
|
|
7
|
+
import { Test } from '../Test';
|
|
8
|
+
|
|
9
|
+
const chipSections: TestSection[] = [
|
|
10
|
+
{
|
|
11
|
+
name: 'Default Chip',
|
|
12
|
+
testID: CHIP_TESTPAGE,
|
|
13
|
+
component: ChipDefault,
|
|
14
|
+
},
|
|
15
|
+
];
|
|
16
|
+
|
|
17
|
+
const e2eSections: TestSection[] = [
|
|
18
|
+
{
|
|
19
|
+
name: 'Chip E2E',
|
|
20
|
+
component: E2EChipTest,
|
|
21
|
+
},
|
|
22
|
+
];
|
|
23
|
+
|
|
24
|
+
export const ChipTest: React.FunctionComponent = () => {
|
|
25
|
+
const status: PlatformStatus = {
|
|
26
|
+
win32Status: 'Backlog',
|
|
27
|
+
uwpStatus: 'Backlog',
|
|
28
|
+
iosStatus: 'Backlog',
|
|
29
|
+
macosStatus: 'Backlog',
|
|
30
|
+
androidStatus: 'Experimental',
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
const description =
|
|
34
|
+
'Chips are compact representations of entities (most commonly, people) that can be typed in, deleted or dragged easily.';
|
|
35
|
+
|
|
36
|
+
const spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Chip/SPEC.md';
|
|
37
|
+
|
|
38
|
+
return <Test name="Chip Test" description={description} spec={spec} sections={chipSections} status={status} e2eSections={e2eSections} />;
|
|
39
|
+
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
|
|
4
|
+
import { Chip } from '@fluentui-react-native/chip';
|
|
5
|
+
import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
|
|
6
|
+
import { Text } from '@fluentui-react-native/text';
|
|
7
|
+
|
|
8
|
+
import {
|
|
9
|
+
CHIP_CALLBACK_TEXT_END_STATE,
|
|
10
|
+
CHIP_CALLBACK_TEXT_START_STATE,
|
|
11
|
+
CHIP_TEST_COMPONENT,
|
|
12
|
+
CHIP_TEXT,
|
|
13
|
+
} from '../../../../E2E/src/Chip/consts';
|
|
14
|
+
import { testProps } from '../Common/TestProps';
|
|
15
|
+
|
|
16
|
+
export const E2EChipTest: React.FunctionComponent = () => {
|
|
17
|
+
const [text, setText] = React.useState<string>(CHIP_CALLBACK_TEXT_START_STATE);
|
|
18
|
+
const showTextOnSelection = React.useCallback(
|
|
19
|
+
(_e: InteractionEvent, isSelected: boolean) => setText(isSelected ? CHIP_CALLBACK_TEXT_END_STATE : CHIP_CALLBACK_TEXT_START_STATE),
|
|
20
|
+
[],
|
|
21
|
+
);
|
|
22
|
+
return (
|
|
23
|
+
<View>
|
|
24
|
+
<Text {...testProps(CHIP_TEXT)}>{text}</Text>
|
|
25
|
+
<Chip
|
|
26
|
+
/* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
|
|
27
|
+
{...testProps(CHIP_TEST_COMPONENT)}
|
|
28
|
+
chipColor="success"
|
|
29
|
+
showCloseIcon
|
|
30
|
+
onSelectionChange={showTextOnSelection}
|
|
31
|
+
>
|
|
32
|
+
Basic Chip
|
|
33
|
+
</Chip>
|
|
34
|
+
</View>
|
|
35
|
+
);
|
|
36
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ChipTest';
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { View, Alert, StyleSheet } from 'react-native';
|
|
3
|
+
|
|
4
|
+
import { LinkV1 as Link, TextV1 as Text } from '@fluentui/react-native';
|
|
5
|
+
import { Stack } from '@fluentui-react-native/stack';
|
|
6
|
+
|
|
7
|
+
import { stackStyle } from '../Common/styles';
|
|
8
|
+
|
|
9
|
+
export const InlineLinks: React.FunctionComponent = () => {
|
|
10
|
+
const doPress = React.useCallback(() => Alert.alert('Alert.', 'You have been alerted.'), []);
|
|
11
|
+
const doA11yTap = React.useCallback(() => Alert.alert('Alert.', 'You have invoked onA11yTap.'), []);
|
|
12
|
+
|
|
13
|
+
return (
|
|
14
|
+
// RN Core has a bug where Text in Text is not keyboard accessible. Issues - #32004, #35194.
|
|
15
|
+
// This is a workaround for the issue. Once those issues are resolved, InlineLinksTest.android.tsx can be removed.
|
|
16
|
+
<Stack style={stackStyle}>
|
|
17
|
+
<View style={styles.row}>
|
|
18
|
+
<Text>Click </Text>
|
|
19
|
+
<Link inline onPress={doPress} onAccessibilityTap={doA11yTap}>
|
|
20
|
+
this link
|
|
21
|
+
</Link>
|
|
22
|
+
<Text> to alert me.</Text>
|
|
23
|
+
</View>
|
|
24
|
+
<View style={styles.row}>
|
|
25
|
+
<Text>This </Text>
|
|
26
|
+
<Link inline onPress={doPress} disabled focusable>
|
|
27
|
+
link
|
|
28
|
+
</Link>
|
|
29
|
+
<Text> is disabled but focusable.</Text>
|
|
30
|
+
</View>
|
|
31
|
+
<View style={styles.row}>
|
|
32
|
+
<Text>Follow this </Text>
|
|
33
|
+
<Link inline url="https://www.bing.com/">
|
|
34
|
+
link
|
|
35
|
+
</Link>
|
|
36
|
+
<Text> to navigate.</Text>
|
|
37
|
+
</View>
|
|
38
|
+
</Stack>
|
|
39
|
+
);
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
const styles = StyleSheet.create({
|
|
43
|
+
row: {
|
|
44
|
+
flexDirection: 'row',
|
|
45
|
+
},
|
|
46
|
+
});
|
|
@@ -8,13 +8,13 @@ import { stackStyle } from '../Common/styles';
|
|
|
8
8
|
|
|
9
9
|
export const InlineLinks: React.FunctionComponent = () => {
|
|
10
10
|
const doPress = React.useCallback(() => Alert.alert('Alert.', 'You have been alerted.'), []);
|
|
11
|
-
const
|
|
11
|
+
const doA11yTap = React.useCallback(() => Alert.alert('Alert.', 'You have invoked onA11yTap.'), []);
|
|
12
12
|
|
|
13
13
|
return (
|
|
14
14
|
<Stack style={stackStyle}>
|
|
15
15
|
<Text>
|
|
16
16
|
Click{' '}
|
|
17
|
-
<Link inline onPress={doPress} onAccessibilityTap={
|
|
17
|
+
<Link inline onPress={doPress} onAccessibilityTap={doA11yTap}>
|
|
18
18
|
this link
|
|
19
19
|
</Link>{' '}
|
|
20
20
|
to alert me.
|
package/src/testPages.ts
CHANGED
|
@@ -6,6 +6,7 @@ import { ButtonTest } from './TestComponents/Button';
|
|
|
6
6
|
import { CalloutTest } from './TestComponents/Callout';
|
|
7
7
|
import { CheckboxLegacyTest } from './TestComponents/CheckboxLegacy';
|
|
8
8
|
import { CheckboxV1Test } from './TestComponents/CheckboxV1';
|
|
9
|
+
import { ChipTest } from './TestComponents/Chip';
|
|
9
10
|
import { ColorTokensTest } from './TestComponents/ColorTokens';
|
|
10
11
|
import { ContextualMenuTest } from './TestComponents/ContextualMenu';
|
|
11
12
|
import { CornerRadiusTokensTest } from './TestComponents/CornerRadius';
|
|
@@ -94,6 +95,12 @@ export const tests: TestDescription[] = [
|
|
|
94
95
|
testPageButton: Constants.HOMEPAGE_CHECKBOXV1_BUTTON,
|
|
95
96
|
platforms: ['android', 'ios', 'macos', 'win32'], // 'windows': GH#935: Temporarily disabling while SVGs don't work in windows
|
|
96
97
|
},
|
|
98
|
+
{
|
|
99
|
+
name: 'Chip',
|
|
100
|
+
component: ChipTest,
|
|
101
|
+
testPageButton: Constants.HOMEPAGE_CHIP_BUTTON,
|
|
102
|
+
platforms: ['android'],
|
|
103
|
+
},
|
|
97
104
|
{
|
|
98
105
|
name: 'Color Tokens',
|
|
99
106
|
component: ColorTokensTest,
|