@fluentui-react-native/tester 0.166.0 → 0.167.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 +37 -1
- package/CHANGELOG.md +19 -2
- package/lib/E2E/src/index.consts.d.ts +0 -2
- package/lib/E2E/src/index.consts.d.ts.map +1 -1
- package/lib/E2E/src/index.consts.js +0 -2
- package/lib/E2E/src/index.consts.js.map +1 -1
- package/lib/fluent-tester/src/TestComponents/FocusTrapZone/FocusTrapZoneTest.d.ts.map +1 -1
- package/lib/fluent-tester/src/TestComponents/FocusTrapZone/FocusTrapZoneTest.js +46 -23
- package/lib/fluent-tester/src/TestComponents/FocusTrapZone/FocusTrapZoneTest.js.map +1 -1
- package/lib/fluent-tester/src/testPages.d.ts.map +1 -1
- package/lib/fluent-tester/src/testPages.js +0 -14
- package/lib/fluent-tester/src/testPages.js.map +1 -1
- package/lib-commonjs/E2E/src/index.consts.d.ts +0 -2
- package/lib-commonjs/E2E/src/index.consts.d.ts.map +1 -1
- package/lib-commonjs/E2E/src/index.consts.js +0 -2
- package/lib-commonjs/E2E/src/index.consts.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/FocusTrapZone/FocusTrapZoneTest.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/FocusTrapZone/FocusTrapZoneTest.js +46 -23
- package/lib-commonjs/fluent-tester/src/TestComponents/FocusTrapZone/FocusTrapZoneTest.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/testPages.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/testPages.js +0 -14
- package/lib-commonjs/fluent-tester/src/testPages.js.map +1 -1
- package/package.json +2 -3
- package/src/TestComponents/FocusTrapZone/FocusTrapZoneTest.tsx +55 -32
- package/src/testPages.ts +0 -14
- package/lib/E2E/src/TabsLegacy/consts.d.ts +0 -15
- package/lib/E2E/src/TabsLegacy/consts.d.ts.map +0 -1
- package/lib/E2E/src/TabsLegacy/consts.js +0 -20
- package/lib/E2E/src/TabsLegacy/consts.js.map +0 -1
- package/lib/E2E/src/TabsV1/consts.d.ts +0 -16
- package/lib/E2E/src/TabsV1/consts.d.ts.map +0 -1
- package/lib/E2E/src/TabsV1/consts.js +0 -20
- package/lib/E2E/src/TabsV1/consts.js.map +0 -1
- package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.d.ts +0 -3
- package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.d.ts.map +0 -1
- package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.js +0 -33
- package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.js.map +0 -1
- package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.d.ts +0 -3
- package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.d.ts.map +0 -1
- package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.js +0 -207
- package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.js.map +0 -1
- package/lib/fluent-tester/src/TestComponents/TabsLegacy/index.d.ts +0 -2
- package/lib/fluent-tester/src/TestComponents/TabsLegacy/index.d.ts.map +0 -1
- package/lib/fluent-tester/src/TestComponents/TabsLegacy/index.js +0 -2
- package/lib/fluent-tester/src/TestComponents/TabsLegacy/index.js.map +0 -1
- package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.d.ts +0 -3
- package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.d.ts.map +0 -1
- package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.js +0 -28
- package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.js.map +0 -1
- package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.d.ts +0 -3
- package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.d.ts.map +0 -1
- package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.js +0 -183
- package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.js.map +0 -1
- package/lib/fluent-tester/src/TestComponents/TabsV1/index.d.ts +0 -2
- package/lib/fluent-tester/src/TestComponents/TabsV1/index.d.ts.map +0 -1
- package/lib/fluent-tester/src/TestComponents/TabsV1/index.js +0 -2
- package/lib/fluent-tester/src/TestComponents/TabsV1/index.js.map +0 -1
- package/lib-commonjs/E2E/src/TabsLegacy/consts.d.ts +0 -15
- package/lib-commonjs/E2E/src/TabsLegacy/consts.d.ts.map +0 -1
- package/lib-commonjs/E2E/src/TabsLegacy/consts.js +0 -23
- package/lib-commonjs/E2E/src/TabsLegacy/consts.js.map +0 -1
- package/lib-commonjs/E2E/src/TabsV1/consts.d.ts +0 -16
- package/lib-commonjs/E2E/src/TabsV1/consts.d.ts.map +0 -1
- package/lib-commonjs/E2E/src/TabsV1/consts.js +0 -23
- package/lib-commonjs/E2E/src/TabsV1/consts.js.map +0 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.d.ts +0 -3
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.d.ts.map +0 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.js +0 -37
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.js.map +0 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.d.ts +0 -3
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.d.ts.map +0 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.js +0 -212
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.js.map +0 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/index.d.ts +0 -2
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/index.d.ts.map +0 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/index.js +0 -5
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/index.js.map +0 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.d.ts +0 -3
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.d.ts.map +0 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.js +0 -32
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.js.map +0 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.d.ts +0 -3
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.d.ts.map +0 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.js +0 -188
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.js.map +0 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/index.d.ts +0 -2
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/index.d.ts.map +0 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/index.js +0 -5
- package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/index.js.map +0 -1
- package/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.tsx +0 -94
- package/src/TestComponents/TabsLegacy/TabsLegacyTest.tsx +0 -302
- package/src/TestComponents/TabsLegacy/index.ts +0 -1
- package/src/TestComponents/TabsV1/TabsV1E2ETest.tsx +0 -76
- package/src/TestComponents/TabsV1/TabsV1Test.tsx +0 -279
- package/src/TestComponents/TabsV1/index.ts +0 -1
|
@@ -1,45 +1,57 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { TouchableHighlightProps
|
|
2
|
+
import type { TouchableHighlightProps } from 'react-native';
|
|
3
3
|
import { TouchableHighlight, View } from 'react-native';
|
|
4
4
|
|
|
5
|
-
import type { IFocusTrapZoneProps } from '@fluentui/react-native';
|
|
6
5
|
import { FocusTrapZone, Text } from '@fluentui/react-native';
|
|
6
|
+
import type { Theme } from '@fluentui-react-native/framework';
|
|
7
7
|
import type { KeyPressEvent } from '@fluentui-react-native/interactive-hooks';
|
|
8
8
|
import { useFocusState } from '@fluentui-react-native/interactive-hooks';
|
|
9
9
|
import { Stack } from '@fluentui-react-native/stack';
|
|
10
|
+
import { useTheme } from '@fluentui-react-native/theme-types';
|
|
11
|
+
import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
|
|
10
12
|
|
|
11
13
|
import { FOCUSTRAPZONE_TESTPAGE } from '../../../../E2E/src/FocusTrapZone/consts';
|
|
12
14
|
import { stackStyle } from '../Common/styles';
|
|
13
15
|
import type { TestSection, PlatformStatus } from '../Test';
|
|
14
16
|
import { Test } from '../Test';
|
|
15
17
|
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
18
|
+
const getThemedStyles = themedStyleSheet((t: Theme) => {
|
|
19
|
+
return {
|
|
20
|
+
trapZoneStyle: {
|
|
21
|
+
padding: 10,
|
|
22
|
+
borderWidth: 2,
|
|
23
|
+
borderColor: t.colors.neutralStroke1,
|
|
24
|
+
borderStyle: 'dashed',
|
|
25
|
+
},
|
|
26
|
+
activeTrapZoneStyle: {
|
|
27
|
+
padding: 10,
|
|
28
|
+
borderColor: t.colors.neutralStroke1,
|
|
29
|
+
borderWidth: 2,
|
|
30
|
+
borderStyle: 'solid',
|
|
31
|
+
},
|
|
32
|
+
componentTwiddlerStyle: {
|
|
33
|
+
borderWidth: 1,
|
|
34
|
+
padding: 8,
|
|
35
|
+
margin: 4,
|
|
36
|
+
borderColor: t.colors.neutralStroke1,
|
|
37
|
+
borderStyle: 'solid',
|
|
38
|
+
},
|
|
39
|
+
focusedComponentTwiddlerStyle: {
|
|
40
|
+
borderWidth: 1,
|
|
41
|
+
padding: 8,
|
|
42
|
+
margin: 4,
|
|
43
|
+
borderStyle: 'solid',
|
|
44
|
+
borderColor: t.colors.strokeFocus2,
|
|
45
|
+
backgroundColor: t.colors.neutralBackground1Hover,
|
|
46
|
+
},
|
|
47
|
+
componentTwiddlerText: {
|
|
48
|
+
color: t.colors.neutralForeground1,
|
|
49
|
+
},
|
|
50
|
+
focusedComponentTwiddlerText: {
|
|
51
|
+
color: t.colors.neutralForeground1Hover,
|
|
52
|
+
},
|
|
53
|
+
};
|
|
54
|
+
});
|
|
43
55
|
|
|
44
56
|
interface IComponentTwiddlerProps {
|
|
45
57
|
label?: string;
|
|
@@ -48,17 +60,28 @@ interface IComponentTwiddlerProps {
|
|
|
48
60
|
|
|
49
61
|
export const ComponentTwiddler: React.FunctionComponent<IComponentTwiddlerProps> = (props: IComponentTwiddlerProps) => {
|
|
50
62
|
const [focusProps, focusState] = useFocusState({});
|
|
63
|
+
const theme = useTheme();
|
|
64
|
+
const themedStyles = getThemedStyles(theme);
|
|
51
65
|
|
|
52
66
|
return (
|
|
53
67
|
<TouchableHighlight {...{ focusable: false }} onPress={props.onPress}>
|
|
54
|
-
<View
|
|
55
|
-
|
|
68
|
+
<View
|
|
69
|
+
focusable={true}
|
|
70
|
+
{...(focusProps as any)}
|
|
71
|
+
style={focusState.focused ? themedStyles.focusedComponentTwiddlerStyle : themedStyles.componentTwiddlerStyle}
|
|
72
|
+
>
|
|
73
|
+
<Text style={focusState.focused ? themedStyles.focusedComponentTwiddlerText : themedStyles.componentTwiddlerText}>
|
|
74
|
+
{props.label}
|
|
75
|
+
</Text>
|
|
56
76
|
</View>
|
|
57
77
|
</TouchableHighlight>
|
|
58
78
|
);
|
|
59
79
|
};
|
|
60
80
|
|
|
61
81
|
const BasicFocusTrapZone: React.FunctionComponent = () => {
|
|
82
|
+
const theme = useTheme();
|
|
83
|
+
const themedStyles = getThemedStyles(theme);
|
|
84
|
+
|
|
62
85
|
const [state, setState] = React.useState({
|
|
63
86
|
useTrapZone: false,
|
|
64
87
|
renderTrapZone: true,
|
|
@@ -121,7 +144,7 @@ const BasicFocusTrapZone: React.FunctionComponent = () => {
|
|
|
121
144
|
ignoreExternalFocusing={state.ignoreExternalFocusing}
|
|
122
145
|
focusPreviouslyFocusedInnerElement={state.focusPreviouslyFocusedInnerElement}
|
|
123
146
|
disabled={!state.useTrapZone}
|
|
124
|
-
style={state.useTrapZone ? activeTrapZoneStyle : trapZoneStyle}
|
|
147
|
+
style={state.useTrapZone ? themedStyles.activeTrapZoneStyle : themedStyles.trapZoneStyle}
|
|
125
148
|
>
|
|
126
149
|
<Text>{state.useTrapZone ? 'Trap Active' : 'Trap Active'}</Text>
|
|
127
150
|
<ComponentTwiddler label="trapped" />
|
package/src/testPages.ts
CHANGED
|
@@ -39,8 +39,6 @@ import { StrokeWidthTest } from './TestComponents/StrokeWidth';
|
|
|
39
39
|
import { SvgTest, RNSVGIconsTest } from './TestComponents/Svg';
|
|
40
40
|
import { SwitchTest } from './TestComponents/Switch';
|
|
41
41
|
import { TabListTest } from './TestComponents/TabList/TabListTest';
|
|
42
|
-
import { TabsLegacyTest } from './TestComponents/TabsLegacy';
|
|
43
|
-
import { TabsV1Test } from './TestComponents/TabsV1';
|
|
44
42
|
import { TextLegacyTest } from './TestComponents/TextLegacy';
|
|
45
43
|
import { TextV1Test } from './TestComponents/TextV1';
|
|
46
44
|
import { ThemeTest } from './TestComponents/Theme';
|
|
@@ -302,18 +300,6 @@ export const tests: TestDescription[] = [
|
|
|
302
300
|
testPageButton: Constants.HOMEPAGE_TABLIST_BUTTON,
|
|
303
301
|
platforms: ['macos', 'win32', 'windows'],
|
|
304
302
|
},
|
|
305
|
-
{
|
|
306
|
-
name: 'Tabs Legacy',
|
|
307
|
-
component: TabsLegacyTest,
|
|
308
|
-
testPageButton: Constants.HOMEPAGE_TABS_BUTTON,
|
|
309
|
-
platforms: ['macos', 'win32', 'windows'],
|
|
310
|
-
},
|
|
311
|
-
{
|
|
312
|
-
name: 'Tabs V1',
|
|
313
|
-
component: TabsV1Test,
|
|
314
|
-
testPageButton: Constants.HOMEPAGE_TABSV1_BUTTON,
|
|
315
|
-
platforms: ['macos', 'win32', 'windows'],
|
|
316
|
-
},
|
|
317
303
|
{
|
|
318
304
|
name: 'Text Legacy',
|
|
319
305
|
component: TextLegacyTest,
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export declare const HOMEPAGE_TABS_BUTTON = "Homepage_Tabs_Button";
|
|
2
|
-
export declare const TABS_TESTPAGE = "Tabs_TestPage";
|
|
3
|
-
export declare const TABS_TEST_COMPONENT = "Tabs_Test_Component";
|
|
4
|
-
export declare const TABS_ACCESSIBILITY_LABEL = "E2E testing Tabs accessibility label";
|
|
5
|
-
export declare const FIRST_TABS_ITEM = "First_Tabs_Item";
|
|
6
|
-
export declare const FIRST_TABS_ITEM_ACCESSIBILITY_LABEL = "E2E testing TabItem accessibility label";
|
|
7
|
-
export declare const FIRST_TABS_ITEM_CONTENT = "Tabs #1 content";
|
|
8
|
-
export declare const SECOND_TABS_ITEM = "Second_Tabs_Item";
|
|
9
|
-
export declare const SECOND_TABS_ITEM_CONTENT = "Tabs #2 content";
|
|
10
|
-
export declare const THIRD_TABS_ITEM = "Third_Tabs_Item";
|
|
11
|
-
export declare const THIRD_TABS_ITEM_LABEL = "Test TabItem2 - No Accessibility Label";
|
|
12
|
-
export declare const THIRD_TABS_ITEM_CONTENT = "Tabs #3 content";
|
|
13
|
-
export declare const TABS_NO_A11Y_LABEL_COMPONENT = "Tabs_No_A11y_label_Component";
|
|
14
|
-
export declare const TABS_TEST_COMPONENT_LABEL = "Test Tabs2 - No Accessibility Label";
|
|
15
|
-
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../E2E/src/TabsLegacy/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAC3D,eAAO,MAAM,aAAa,kBAAkB,CAAC;AAG7C,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AACzD,eAAO,MAAM,wBAAwB,yCAAyC,CAAC;AAG/E,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,mCAAmC,4CAA4C,CAAC;AAC7F,eAAO,MAAM,uBAAuB,oBAAoB,CAAC;AAGzD,eAAO,MAAM,gBAAgB,qBAAqB,CAAC;AACnD,eAAO,MAAM,wBAAwB,oBAAoB,CAAC;AAG1D,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,qBAAqB,2CAA2C,CAAC;AAC9E,eAAO,MAAM,uBAAuB,oBAAoB,CAAC;AAGzD,eAAO,MAAM,4BAA4B,iCAAiC,CAAC;AAC3E,eAAO,MAAM,yBAAyB,wCAAwC,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export var HOMEPAGE_TABS_BUTTON = 'Homepage_Tabs_Button';
|
|
2
|
-
export var TABS_TESTPAGE = 'Tabs_TestPage';
|
|
3
|
-
/* E2E Testing Tabs 1. This Tabs group has THREE Tab Items, all listed below. */
|
|
4
|
-
export var TABS_TEST_COMPONENT = 'Tabs_Test_Component';
|
|
5
|
-
export var TABS_ACCESSIBILITY_LABEL = 'E2E testing Tabs accessibility label';
|
|
6
|
-
/* E2E Testing TabItem 1 (1 of 3) */
|
|
7
|
-
export var FIRST_TABS_ITEM = 'First_Tabs_Item';
|
|
8
|
-
export var FIRST_TABS_ITEM_ACCESSIBILITY_LABEL = 'E2E testing TabItem accessibility label';
|
|
9
|
-
export var FIRST_TABS_ITEM_CONTENT = 'Tabs #1 content'; // Content to be shown when TabItem is clicked
|
|
10
|
-
/* E2E Testing TabItem 2 (2 of 3) */
|
|
11
|
-
export var SECOND_TABS_ITEM = 'Second_Tabs_Item';
|
|
12
|
-
export var SECOND_TABS_ITEM_CONTENT = 'Tabs #2 content'; // Content to be shown when TabItem is clicked
|
|
13
|
-
/* E2E Testing TabItem 3 (3 of 3) This is used to test the case of not setting accessibilityLabel */
|
|
14
|
-
export var THIRD_TABS_ITEM = 'Third_Tabs_Item';
|
|
15
|
-
export var THIRD_TABS_ITEM_LABEL = 'Test TabItem2 - No Accessibility Label';
|
|
16
|
-
export var THIRD_TABS_ITEM_CONTENT = 'Tabs #3 content'; // Content to be shown when TabItem is clicked
|
|
17
|
-
/* E2E Testing Tabs 2 */
|
|
18
|
-
export var TABS_NO_A11Y_LABEL_COMPONENT = 'Tabs_No_A11y_label_Component';
|
|
19
|
-
export var TABS_TEST_COMPONENT_LABEL = 'Test Tabs2 - No Accessibility Label'; // A component on each specific test page
|
|
20
|
-
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../E2E/src/TabsLegacy/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,oBAAoB,GAAG,sBAAsB,CAAC;AAC3D,MAAM,CAAC,IAAM,aAAa,GAAG,eAAe,CAAC;AAE7C,gFAAgF;AAChF,MAAM,CAAC,IAAM,mBAAmB,GAAG,qBAAqB,CAAC;AACzD,MAAM,CAAC,IAAM,wBAAwB,GAAG,sCAAsC,CAAC;AAE/E,oCAAoC;AACpC,MAAM,CAAC,IAAM,eAAe,GAAG,iBAAiB,CAAC;AACjD,MAAM,CAAC,IAAM,mCAAmC,GAAG,yCAAyC,CAAC;AAC7F,MAAM,CAAC,IAAM,uBAAuB,GAAG,iBAAiB,CAAC,CAAC,8CAA8C;AAExG,oCAAoC;AACpC,MAAM,CAAC,IAAM,gBAAgB,GAAG,kBAAkB,CAAC;AACnD,MAAM,CAAC,IAAM,wBAAwB,GAAG,iBAAiB,CAAC,CAAC,8CAA8C;AAEzG,oGAAoG;AACpG,MAAM,CAAC,IAAM,eAAe,GAAG,iBAAiB,CAAC;AACjD,MAAM,CAAC,IAAM,qBAAqB,GAAG,wCAAwC,CAAC;AAC9E,MAAM,CAAC,IAAM,uBAAuB,GAAG,iBAAiB,CAAC,CAAC,8CAA8C;AAExG,wBAAwB;AACxB,MAAM,CAAC,IAAM,4BAA4B,GAAG,8BAA8B,CAAC;AAC3E,MAAM,CAAC,IAAM,yBAAyB,GAAG,qCAAqC,CAAC,CAAC,yCAAyC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export declare const HOMEPAGE_TABSV1_BUTTON = "Homepage_TabsV1_Button";
|
|
2
|
-
export declare const TABSV1_TESTPAGE = "TabsV1_TestPage";
|
|
3
|
-
export declare const TABSV1_TEST_COMPONENT = "TabsV1_Test_Component";
|
|
4
|
-
export declare const TABSV1_ACCESSIBILITY_LABEL = "E2E testing TabsV1 accessibility label";
|
|
5
|
-
export declare const TABSV1_NO_A11Y_LABEL_COMPONENT = "TabsV1_No_A11y_label_Component";
|
|
6
|
-
export declare const TABSV1_TEST_COMPONENT_LABEL = "Test TabsV1 2 - No Accessibility Label";
|
|
7
|
-
export declare const TABSITEMV1_ITEM_1_ACCESSIBILITY_LABEL = "E2E testing TabItemV1 accessibility label";
|
|
8
|
-
export declare const TABSITEMV1_ITEM_1 = "TabItemV1_Item_1";
|
|
9
|
-
export declare const TABSITEMV1_ITEM_2 = "TabItemV1_Item_2";
|
|
10
|
-
export declare const TABSITEMV1_ITEM_3 = "TabItemV1_Item_3";
|
|
11
|
-
export declare const TABSITEMV1_CONTENT_1 = "TabsItemV1_Content_1";
|
|
12
|
-
export declare const TABSITEMV1_CONTENT_2 = "TabsItemV1_Content_2";
|
|
13
|
-
export declare const TABSITEMV1_CONTENT_3 = "TabsItemV1_Content_3";
|
|
14
|
-
export declare const TABSITEMV1_NO_A11Y_LABEL_COMPONENT = "TabItemV1_No_A11y_label_Component";
|
|
15
|
-
export declare const TABSITEMV1_TEST_COMPONENT_LABEL = "Test TabItemV1 2 - No Accessibility Label";
|
|
16
|
-
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../E2E/src/TabsV1/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAC/D,eAAO,MAAM,eAAe,oBAAoB,CAAC;AAGjD,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAC7D,eAAO,MAAM,0BAA0B,2CAA2C,CAAC;AAGnF,eAAO,MAAM,8BAA8B,mCAAmC,CAAC;AAC/E,eAAO,MAAM,2BAA2B,2CAA2C,CAAC;AAGpF,eAAO,MAAM,qCAAqC,8CAA8C,CAAC;AAEjG,eAAO,MAAM,iBAAiB,qBAAqB,CAAC;AACpD,eAAO,MAAM,iBAAiB,qBAAqB,CAAC;AACpD,eAAO,MAAM,iBAAiB,qBAAqB,CAAC;AAEpD,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAC3D,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAC3D,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAG3D,eAAO,MAAM,kCAAkC,sCAAsC,CAAC;AACtF,eAAO,MAAM,+BAA+B,8CAA8C,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export var HOMEPAGE_TABSV1_BUTTON = 'Homepage_TabsV1_Button';
|
|
2
|
-
export var TABSV1_TESTPAGE = 'TabsV1_TestPage';
|
|
3
|
-
/* E2E Testing TabsV1 1 */
|
|
4
|
-
export var TABSV1_TEST_COMPONENT = 'TabsV1_Test_Component'; // A component on each specific test page
|
|
5
|
-
export var TABSV1_ACCESSIBILITY_LABEL = 'E2E testing TabsV1 accessibility label';
|
|
6
|
-
/* E2E Testing TabsV1 2 */
|
|
7
|
-
export var TABSV1_NO_A11Y_LABEL_COMPONENT = 'TabsV1_No_A11y_label_Component';
|
|
8
|
-
export var TABSV1_TEST_COMPONENT_LABEL = 'Test TabsV1 2 - No Accessibility Label'; // A component on each specific test page
|
|
9
|
-
/* E2E Testing TabsItemV1 1 */
|
|
10
|
-
export var TABSITEMV1_ITEM_1_ACCESSIBILITY_LABEL = 'E2E testing TabItemV1 accessibility label';
|
|
11
|
-
export var TABSITEMV1_ITEM_1 = 'TabItemV1_Item_1'; // A component on each specific test page
|
|
12
|
-
export var TABSITEMV1_ITEM_2 = 'TabItemV1_Item_2';
|
|
13
|
-
export var TABSITEMV1_ITEM_3 = 'TabItemV1_Item_3';
|
|
14
|
-
export var TABSITEMV1_CONTENT_1 = 'TabsItemV1_Content_1';
|
|
15
|
-
export var TABSITEMV1_CONTENT_2 = 'TabsItemV1_Content_2';
|
|
16
|
-
export var TABSITEMV1_CONTENT_3 = 'TabsItemV1_Content_3';
|
|
17
|
-
/* E2E Testing TabsItemV1 2 */
|
|
18
|
-
export var TABSITEMV1_NO_A11Y_LABEL_COMPONENT = 'TabItemV1_No_A11y_label_Component';
|
|
19
|
-
export var TABSITEMV1_TEST_COMPONENT_LABEL = 'Test TabItemV1 2 - No Accessibility Label'; // A component on each specific test page
|
|
20
|
-
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../E2E/src/TabsV1/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,sBAAsB,GAAG,wBAAwB,CAAC;AAC/D,MAAM,CAAC,IAAM,eAAe,GAAG,iBAAiB,CAAC;AAEjD,0BAA0B;AAC1B,MAAM,CAAC,IAAM,qBAAqB,GAAG,uBAAuB,CAAC,CAAC,yCAAyC;AACvG,MAAM,CAAC,IAAM,0BAA0B,GAAG,wCAAwC,CAAC;AAEnF,0BAA0B;AAC1B,MAAM,CAAC,IAAM,8BAA8B,GAAG,gCAAgC,CAAC;AAC/E,MAAM,CAAC,IAAM,2BAA2B,GAAG,wCAAwC,CAAC,CAAC,yCAAyC;AAE9H,8BAA8B;AAC9B,MAAM,CAAC,IAAM,qCAAqC,GAAG,2CAA2C,CAAC;AAEjG,MAAM,CAAC,IAAM,iBAAiB,GAAG,kBAAkB,CAAC,CAAC,yCAAyC;AAC9F,MAAM,CAAC,IAAM,iBAAiB,GAAG,kBAAkB,CAAC;AACpD,MAAM,CAAC,IAAM,iBAAiB,GAAG,kBAAkB,CAAC;AAEpD,MAAM,CAAC,IAAM,oBAAoB,GAAG,sBAAsB,CAAC;AAC3D,MAAM,CAAC,IAAM,oBAAoB,GAAG,sBAAsB,CAAC;AAC3D,MAAM,CAAC,IAAM,oBAAoB,GAAG,sBAAsB,CAAC;AAE3D,8BAA8B;AAC9B,MAAM,CAAC,IAAM,kCAAkC,GAAG,mCAAmC,CAAC;AACtF,MAAM,CAAC,IAAM,+BAA+B,GAAG,2CAA2C,CAAC,CAAC,yCAAyC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabsLegacyE2ETest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsLegacy/TabsLegacyE2ETest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAuErC,CAAC"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { View } from 'react-native';
|
|
4
|
-
import { Tabs, TabsItem, Text } from '@fluentui/react-native';
|
|
5
|
-
import { TABS_TEST_COMPONENT, TABS_ACCESSIBILITY_LABEL, TABS_TEST_COMPONENT_LABEL, TABS_NO_A11Y_LABEL_COMPONENT, SECOND_TABS_ITEM_CONTENT, FIRST_TABS_ITEM, SECOND_TABS_ITEM, THIRD_TABS_ITEM, FIRST_TABS_ITEM_ACCESSIBILITY_LABEL, THIRD_TABS_ITEM_LABEL, THIRD_TABS_ITEM_CONTENT, FIRST_TABS_ITEM_CONTENT, } from '../../../../E2E/src/TabsLegacy/consts';
|
|
6
|
-
import { stackStyle } from '../Common/styles';
|
|
7
|
-
import { testProps } from '../Common/TestProps';
|
|
8
|
-
export var TabsLegacyE2ETest = function () {
|
|
9
|
-
return (React.createElement(View, null,
|
|
10
|
-
React.createElement(View, { style: stackStyle },
|
|
11
|
-
React.createElement(Tabs, __assign({ label: "Tabs", accessibilityLabel: TABS_ACCESSIBILITY_LABEL }, testProps(TABS_TEST_COMPONENT)),
|
|
12
|
-
React.createElement(TabsItem, __assign({ headerText: "Home", itemKey: "A", accessibilityLabel: FIRST_TABS_ITEM_ACCESSIBILITY_LABEL }, testProps(FIRST_TABS_ITEM)),
|
|
13
|
-
React.createElement(Text
|
|
14
|
-
/* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
|
|
15
|
-
, __assign({}, testProps(FIRST_TABS_ITEM_CONTENT)), "Tabs #1")),
|
|
16
|
-
React.createElement(TabsItem, __assign({ headerText: "Files", itemKey: "B" }, testProps(SECOND_TABS_ITEM)),
|
|
17
|
-
React.createElement(Text
|
|
18
|
-
/* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
|
|
19
|
-
, __assign({}, testProps(SECOND_TABS_ITEM_CONTENT)), "Tabs #2")),
|
|
20
|
-
React.createElement(TabsItem, __assign({ headerText: THIRD_TABS_ITEM_LABEL, itemKey: "C" }, testProps(THIRD_TABS_ITEM)),
|
|
21
|
-
React.createElement(Text
|
|
22
|
-
/* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
|
|
23
|
-
, __assign({}, testProps(THIRD_TABS_ITEM_CONTENT)), "Tabs #3")))),
|
|
24
|
-
React.createElement(View, { style: stackStyle },
|
|
25
|
-
React.createElement(Tabs, __assign({ label: TABS_TEST_COMPONENT_LABEL }, testProps(TABS_NO_A11Y_LABEL_COMPONENT)),
|
|
26
|
-
React.createElement(TabsItem, { headerText: "Home", itemKey: "A" },
|
|
27
|
-
React.createElement(Text, null, "Tabs #1")),
|
|
28
|
-
React.createElement(TabsItem, { headerText: "Files", itemKey: "B" },
|
|
29
|
-
React.createElement(Text, null, "Tabs #2")),
|
|
30
|
-
React.createElement(TabsItem, { headerText: "Settings", itemKey: "C" },
|
|
31
|
-
React.createElement(Text, null, "Tabs #3"))))));
|
|
32
|
-
};
|
|
33
|
-
//# sourceMappingURL=TabsLegacyE2ETest.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabsLegacyE2ETest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsLegacy/TabsLegacyE2ETest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,yBAAyB,EACzB,4BAA4B,EAC5B,wBAAwB,EACxB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,mCAAmC,EACnC,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,IAAM,iBAAiB,GAA4B;IACxD,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;YACrB,oBAAC,IAAI,aACH,KAAK,EAAC,MAAM,EACZ,kBAAkB,EAAE,wBAAwB,IAExC,SAAS,CAAC,mBAAmB,CAAC;gBAElC,oBAAC,QAAQ,aACP,UAAU,EAAC,MAAM,EACjB,OAAO,EAAC,GAAG,EACX,kBAAkB,EAAE,mCAAmC,IAEnD,SAAS,CAAC,eAAe,CAAC;oBAE9B,oBAAC,IAAI;oBACH,6FAA6F;mCACzF,SAAS,CAAC,uBAAuB,CAAC,aAGjC,CACE;gBACX,oBAAC,QAAQ,aACP,UAAU,EAAC,OAAO,EAClB,OAAO,EAAC,GAAG,IAEP,SAAS,CAAC,gBAAgB,CAAC;oBAE/B,oBAAC,IAAI;oBACH,6FAA6F;mCACzF,SAAS,CAAC,wBAAwB,CAAC,aAGlC,CACE;gBACX,oBAAC,QAAQ,aACP,UAAU,EAAE,qBAAqB,EACjC,OAAO,EAAC,GAAG,IAEP,SAAS,CAAC,eAAe,CAAC;oBAE9B,oBAAC,IAAI;oBACH,6FAA6F;mCACzF,SAAS,CAAC,uBAAuB,CAAC,aAGjC,CACE,CACN,CACF;QACP,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;YACrB,oBAAC,IAAI,aACH,KAAK,EAAE,yBAAyB,IAE5B,SAAS,CAAC,4BAA4B,CAAC;gBAE3C,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,GAAG;oBACrC,oBAAC,IAAI,kBAAe,CACX;gBACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,GAAG;oBACtC,oBAAC,IAAI,kBAAe,CACX;gBACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,GAAG;oBACzC,oBAAC,IAAI,kBAAe,CACX,CACN,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabsLegacyTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsLegacy/TabsLegacyTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiS/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAYlC,CAAC"}
|
|
@@ -1,207 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { Platform, View } from 'react-native';
|
|
3
|
-
import { Tabs, TabsItem, Text, Button } from '@fluentui/react-native';
|
|
4
|
-
import { TabsLegacyE2ETest } from './TabsLegacyE2ETest';
|
|
5
|
-
import { TABS_TESTPAGE } from '../../../../E2E/src/TabsLegacy/consts';
|
|
6
|
-
import { svgProps } from '../Common/iconExamples';
|
|
7
|
-
import { stackStyle } from '../Common/styles';
|
|
8
|
-
import { Test } from '../Test';
|
|
9
|
-
var TabsMainTest = function () {
|
|
10
|
-
return (React.createElement(View, { style: stackStyle },
|
|
11
|
-
React.createElement(Tabs, { label: "Tabs" },
|
|
12
|
-
React.createElement(TabsItem, { headerText: "Home", itemKey: "A" },
|
|
13
|
-
React.createElement(Text, null, "Tabs #1")),
|
|
14
|
-
React.createElement(TabsItem, { headerText: "Files", itemKey: "B" },
|
|
15
|
-
React.createElement(Text, null, "Tabs #2")),
|
|
16
|
-
React.createElement(TabsItem, { headerText: "Settings", itemKey: "C" },
|
|
17
|
-
React.createElement(Text, null, "Tabs #3")))));
|
|
18
|
-
};
|
|
19
|
-
var DisabledTabs = function () {
|
|
20
|
-
return (React.createElement(View, { style: stackStyle },
|
|
21
|
-
React.createElement(Tabs, { label: "Tabs" },
|
|
22
|
-
React.createElement(TabsItem, { headerText: "Home", itemKey: "A" },
|
|
23
|
-
React.createElement(Text, null, "Tabs #1")),
|
|
24
|
-
React.createElement(TabsItem, { headerText: "Files", itemKey: "B", disabled: true },
|
|
25
|
-
React.createElement(Text, null, "Tabs #2")),
|
|
26
|
-
React.createElement(TabsItem, { headerText: "Settings", itemKey: "C" },
|
|
27
|
-
React.createElement(Text, null, "Tabs #3")))));
|
|
28
|
-
};
|
|
29
|
-
var TabsCountIcon = function () {
|
|
30
|
-
var svgExample = {
|
|
31
|
-
svgSource: svgProps,
|
|
32
|
-
width: 20,
|
|
33
|
-
height: 20,
|
|
34
|
-
};
|
|
35
|
-
return (React.createElement(View, { style: stackStyle },
|
|
36
|
-
React.createElement(Tabs, { label: "Tabs" },
|
|
37
|
-
React.createElement(TabsItem, { headerText: "Home", itemKey: "A", icon: svgExample, itemCount: 23 },
|
|
38
|
-
React.createElement(Text, null, "Tabs #1")),
|
|
39
|
-
React.createElement(TabsItem, { itemKey: "B", icon: svgExample, itemCount: 0 },
|
|
40
|
-
React.createElement(Text, null, "Tabs #2")),
|
|
41
|
-
React.createElement(TabsItem, { itemKey: "C", icon: svgExample },
|
|
42
|
-
React.createElement(Text, null, "Tabs #3")))));
|
|
43
|
-
};
|
|
44
|
-
var TabsClickEventTest = function () {
|
|
45
|
-
var _a = React.useState('home_key'), selectedKey = _a[0], setSelectedKey = _a[1];
|
|
46
|
-
var onTabsClick = function (key) {
|
|
47
|
-
setSelectedKey(key);
|
|
48
|
-
};
|
|
49
|
-
return (React.createElement(View, { style: stackStyle },
|
|
50
|
-
React.createElement(Text, null,
|
|
51
|
-
"Last onTabsClick from: ",
|
|
52
|
-
selectedKey),
|
|
53
|
-
React.createElement(Tabs, { label: "Tabs", onTabsClick: onTabsClick, selectedKey: selectedKey },
|
|
54
|
-
React.createElement(TabsItem, { headerText: "Home", itemKey: "home_key" },
|
|
55
|
-
React.createElement(Text, null, "Tabs #1")),
|
|
56
|
-
React.createElement(TabsItem, { headerText: "Files", itemKey: "files_key" },
|
|
57
|
-
React.createElement(Text, null, "Tabs #2")),
|
|
58
|
-
React.createElement(TabsItem, { headerText: "Settings", itemKey: "settings_key" },
|
|
59
|
-
React.createElement(Text, null, "Tabs #3")))));
|
|
60
|
-
};
|
|
61
|
-
var TabsChangingViews = function () {
|
|
62
|
-
// If user wants to control what gets rendered example.
|
|
63
|
-
var _a = React.useState('Tabs #1'), selectedKey = _a[0], setSelectedKey = _a[1];
|
|
64
|
-
var onTabsClick = function (key) {
|
|
65
|
-
setSelectedKey(key);
|
|
66
|
-
};
|
|
67
|
-
return (React.createElement(View, { style: stackStyle },
|
|
68
|
-
React.createElement(Tabs, { label: "Tabs", onTabsClick: onTabsClick, headersOnly: true, selectedKey: selectedKey },
|
|
69
|
-
React.createElement(TabsItem, { headerText: "Home", itemKey: "Tabs #1" }),
|
|
70
|
-
React.createElement(TabsItem, { headerText: "File", itemKey: "Tabs #2" }),
|
|
71
|
-
React.createElement(TabsItem, { headerText: "Settings", itemKey: "Tabs #3" })),
|
|
72
|
-
React.createElement(View, { style: { marginVertical: 1 } },
|
|
73
|
-
React.createElement(Text, null, selectedKey))));
|
|
74
|
-
};
|
|
75
|
-
var TabsRenderSeparately = function () {
|
|
76
|
-
var _a = React.useState('rectangleRed'), selectedKey = _a[0], setSelectedKey = _a[1];
|
|
77
|
-
var onTabsClick = function (key) {
|
|
78
|
-
setSelectedKey(key);
|
|
79
|
-
};
|
|
80
|
-
var getTabId = function (key) {
|
|
81
|
-
return "ShapeColorTabs_".concat(key);
|
|
82
|
-
};
|
|
83
|
-
return (React.createElement(View, { style: stackStyle },
|
|
84
|
-
React.createElement(View, { accessible: true, focusable: true, accessibilityLabel: getTabId(selectedKey), style: {
|
|
85
|
-
width: 100,
|
|
86
|
-
height: selectedKey === 'squareRed' ? 100 : 200,
|
|
87
|
-
backgroundColor: selectedKey === 'rectangleGreen' ? 'green' : 'red',
|
|
88
|
-
} }),
|
|
89
|
-
React.createElement(Tabs, { label: "Tabs", onTabsClick: onTabsClick, getTabId: getTabId, headersOnly: true, selectedKey: selectedKey },
|
|
90
|
-
React.createElement(TabsItem, { headerText: "Rectangle Red", itemKey: "rectangleRed" }),
|
|
91
|
-
React.createElement(TabsItem, { headerText: "Square Red", itemKey: "squareRed" }),
|
|
92
|
-
React.createElement(TabsItem, { headerText: "Rectangle Green", itemKey: "rectangleGreen" }))));
|
|
93
|
-
};
|
|
94
|
-
var TabsSettingSelectedKey = function () {
|
|
95
|
-
// If user wants to programmatically set the tab's selectedKey with a button example.
|
|
96
|
-
var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
|
|
97
|
-
var _b = React.useState(0), currTabItemIndex = _b[0], setCurrTabItemIndex = _b[1];
|
|
98
|
-
var tabItems = ['home', 'file', 'setting'];
|
|
99
|
-
var goToNextTab = function () {
|
|
100
|
-
var newCurrTabItemIndex = (currTabItemIndex + 1) % 3;
|
|
101
|
-
setCurrTabItemIndex(newCurrTabItemIndex);
|
|
102
|
-
setSelectedKey(tabItems[newCurrTabItemIndex]);
|
|
103
|
-
};
|
|
104
|
-
return (React.createElement(View, { style: stackStyle },
|
|
105
|
-
React.createElement(Tabs, { label: "Tabs", selectedKey: selectedKey, isCircularNavigation: true },
|
|
106
|
-
React.createElement(TabsItem, { headerText: "Home", itemKey: "home" },
|
|
107
|
-
React.createElement(Text, null, "Tabs #1")),
|
|
108
|
-
React.createElement(TabsItem, { headerText: "File", itemKey: "file" },
|
|
109
|
-
React.createElement(Text, null, "Tabs #2")),
|
|
110
|
-
React.createElement(TabsItem, { headerText: "Setting", itemKey: "setting" },
|
|
111
|
-
React.createElement(Text, null, "Tabs #3"))),
|
|
112
|
-
React.createElement(Button, { content: "View Next Tab", onClick: goToNextTab })));
|
|
113
|
-
};
|
|
114
|
-
var TabsShowHideItem = function () {
|
|
115
|
-
var _a = React.useState(true), showFirstItem = _a[0], setshowFirstItem = _a[1];
|
|
116
|
-
var toggleShowFirstItem = React.useCallback(function () {
|
|
117
|
-
setshowFirstItem(!showFirstItem);
|
|
118
|
-
}, [showFirstItem]);
|
|
119
|
-
return (React.createElement(View, { style: stackStyle },
|
|
120
|
-
React.createElement(Tabs, { label: "Tabs" },
|
|
121
|
-
showFirstItem && (React.createElement(TabsItem, { headerText: "Home", itemKey: "home" },
|
|
122
|
-
React.createElement(Text, null, "Click the button below to show/hide this tabs item."),
|
|
123
|
-
React.createElement(Text, null, "The selected item will not change when the number of tabs items changes."),
|
|
124
|
-
React.createElement(Text, null, "If the selected item was removed, the new first item will be selected."))),
|
|
125
|
-
React.createElement(TabsItem, { headerText: "File", itemKey: "file" },
|
|
126
|
-
React.createElement(Text, null, "Tabs #2")),
|
|
127
|
-
React.createElement(TabsItem, { headerText: "Setting", itemKey: "setting" },
|
|
128
|
-
React.createElement(Text, null, "Tabs #3"))),
|
|
129
|
-
React.createElement(Button, { content: "".concat(showFirstItem ? 'Hide' : 'Show', " First Tabs Item"), onClick: toggleShowFirstItem })));
|
|
130
|
-
};
|
|
131
|
-
var TabsWithFlexibility = function () {
|
|
132
|
-
var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
|
|
133
|
-
var goHomeTab = function () {
|
|
134
|
-
setSelectedKey('home');
|
|
135
|
-
};
|
|
136
|
-
var onTabsClick = function (key) {
|
|
137
|
-
setSelectedKey(key);
|
|
138
|
-
};
|
|
139
|
-
return (React.createElement(View, { style: stackStyle },
|
|
140
|
-
React.createElement(Tabs, { selectedKey: selectedKey, onTabsClick: onTabsClick, isCircularNavigation: true },
|
|
141
|
-
React.createElement(TabsItem, { headerText: "Home", itemKey: "home" },
|
|
142
|
-
React.createElement(Text, null, "Tabs #1")),
|
|
143
|
-
React.createElement(TabsItem, { headerText: "File", itemKey: "file" },
|
|
144
|
-
React.createElement(Text, null, "Tabs #2")),
|
|
145
|
-
React.createElement(TabsItem, { headerText: "Setting", itemKey: "setting" },
|
|
146
|
-
React.createElement(Text, null, "Tabs #3"))),
|
|
147
|
-
React.createElement(Button, { content: "View Home Tab", onClick: goHomeTab })));
|
|
148
|
-
};
|
|
149
|
-
var tabsSections = [
|
|
150
|
-
{
|
|
151
|
-
name: 'Default Tabs',
|
|
152
|
-
testID: TABS_TESTPAGE,
|
|
153
|
-
component: TabsMainTest,
|
|
154
|
-
},
|
|
155
|
-
{
|
|
156
|
-
name: 'Tabs with disabled',
|
|
157
|
-
component: DisabledTabs,
|
|
158
|
-
},
|
|
159
|
-
{
|
|
160
|
-
name: 'Trigger onTabsClick event',
|
|
161
|
-
component: TabsClickEventTest,
|
|
162
|
-
},
|
|
163
|
-
{
|
|
164
|
-
name: 'User Custom Render',
|
|
165
|
-
component: TabsChangingViews,
|
|
166
|
-
},
|
|
167
|
-
{
|
|
168
|
-
name: 'Render Content Separately',
|
|
169
|
-
component: TabsRenderSeparately,
|
|
170
|
-
},
|
|
171
|
-
{
|
|
172
|
-
name: 'Override Selected Key',
|
|
173
|
-
component: TabsSettingSelectedKey,
|
|
174
|
-
},
|
|
175
|
-
{
|
|
176
|
-
name: 'Show/Hide Tabs item',
|
|
177
|
-
component: TabsShowHideItem,
|
|
178
|
-
},
|
|
179
|
-
{
|
|
180
|
-
name: 'More Flexibility',
|
|
181
|
-
component: TabsWithFlexibility,
|
|
182
|
-
},
|
|
183
|
-
];
|
|
184
|
-
var e2eSections = [
|
|
185
|
-
{
|
|
186
|
-
name: 'E2E Tabs Test',
|
|
187
|
-
component: TabsLegacyE2ETest,
|
|
188
|
-
},
|
|
189
|
-
];
|
|
190
|
-
if (Platform.OS !== 'windows') {
|
|
191
|
-
tabsSections.push({
|
|
192
|
-
name: 'Count and Icon',
|
|
193
|
-
component: TabsCountIcon,
|
|
194
|
-
});
|
|
195
|
-
}
|
|
196
|
-
export var TabsLegacyTest = function () {
|
|
197
|
-
var status = {
|
|
198
|
-
win32Status: 'Experimental',
|
|
199
|
-
uwpStatus: 'Experimental',
|
|
200
|
-
iosStatus: 'Backlog',
|
|
201
|
-
macosStatus: 'Experimental',
|
|
202
|
-
androidStatus: 'Backlog',
|
|
203
|
-
};
|
|
204
|
-
var description = 'With Tabs, users can navigate to another view.';
|
|
205
|
-
return React.createElement(Test, { name: "Tabs Legacy Test", description: description, sections: tabsSections, status: status, e2eSections: e2eSections });
|
|
206
|
-
};
|
|
207
|
-
//# sourceMappingURL=TabsLegacyTest.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabsLegacyTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsLegacy/TabsLegacyTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,YAAY,GAA4B;IAC5C,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM;YAChB,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,GAAG;gBACrC,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,GAAG;gBACtC,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,GAAG;gBACzC,oBAAC,IAAI,kBAAe,CACX,CACN,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAA4B;IAC5C,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM;YAChB,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,GAAG;gBACrC,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,GAAG,EAAC,QAAQ,EAAE,IAAI;gBACrD,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,GAAG;gBACzC,oBAAC,IAAI,kBAAe,CACX,CACN,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,aAAa,GAA4B;IAC7C,IAAM,UAAU,GAAG;QACjB,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM;YAChB,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,GAAG,EAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE;gBACrE,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,OAAO,EAAC,GAAG,EAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;gBAClD,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,OAAO,EAAC,GAAG,EAAC,IAAI,EAAE,UAAU;gBACpC,oBAAC,IAAI,kBAAe,CACX,CACN,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,kBAAkB,GAA4B;IAC5C,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAzD,WAAW,QAAA,EAAE,cAAc,QAA8B,CAAC;IAEjE,IAAM,WAAW,GAAG,UAAC,GAAW;QAC9B,cAAc,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,IAAI;;YAAyB,WAAW,CAAQ;QACjD,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;YACnE,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,UAAU;gBAC5C,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,WAAW;gBAC9C,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,cAAc;gBACpD,oBAAC,IAAI,kBAAe,CACX,CACN,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAA4B;IACjD,uDAAuD;IACjD,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAxD,WAAW,QAAA,EAAE,cAAc,QAA6B,CAAC;IAEhE,IAAM,WAAW,GAAG,UAAC,GAAW;QAC9B,cAAc,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW;YACtF,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,SAAS,GAAG;YAChD,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,SAAS,GAAG;YAChD,oBAAC,QAAQ,IAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,SAAS,GAAG,CAC/C;QACP,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,CAAC,EAAE;YAChC,oBAAC,IAAI,QAAE,WAAW,CAAQ,CACrB,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAA4B;IAC9C,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,EAA7D,WAAW,QAAA,EAAE,cAAc,QAAkC,CAAC;IAErE,IAAM,WAAW,GAAG,UAAC,GAAW;QAC9B,cAAc,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,UAAC,GAAW;QAC3B,OAAO,yBAAkB,GAAG,CAAE,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,IAAI,IACH,UAAU,EAAE,IAAI,EAChB,SAAS,EAAE,IAAI,EACf,kBAAkB,EAAE,QAAQ,CAAC,WAAW,CAAC,EACzC,KAAK,EAAE;gBACL,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;gBAC/C,eAAe,EAAE,WAAW,KAAK,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;aACpE,GACD;QACF,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW;YAC1G,oBAAC,QAAQ,IAAC,UAAU,EAAC,eAAe,EAAC,OAAO,EAAC,cAAc,GAAG;YAC9D,oBAAC,QAAQ,IAAC,UAAU,EAAC,YAAY,EAAC,OAAO,EAAC,WAAW,GAAG;YACxD,oBAAC,QAAQ,IAAC,UAAU,EAAC,iBAAiB,EAAC,OAAO,EAAC,gBAAgB,GAAG,CAC7D,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,sBAAsB,GAA4B;IACtD,qFAAqF;IAC/E,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAArD,WAAW,QAAA,EAAE,cAAc,QAA0B,CAAC;IACvD,IAAA,KAA0C,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAA1D,gBAAgB,QAAA,EAAE,mBAAmB,QAAqB,CAAC;IAClE,IAAM,QAAQ,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;IAE7C,IAAM,WAAW,GAAG;QAClB,IAAM,mBAAmB,GAAG,CAAC,gBAAgB,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QACvD,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;QACzC,cAAc,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,EAAE,oBAAoB,EAAE,IAAI;YACrE,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM;gBACxC,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM;gBACxC,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,SAAS,EAAC,OAAO,EAAC,SAAS;gBAC9C,oBAAC,IAAI,kBAAe,CACX,CACN;QACP,oBAAC,MAAM,IAAC,OAAO,EAAC,eAAe,EAAC,OAAO,EAAE,WAAW,GAAI,CACnD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,gBAAgB,GAA4B;IAC1C,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAvD,aAAa,QAAA,EAAE,gBAAgB,QAAwB,CAAC;IAE/D,IAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC;QAC5C,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM;YACf,aAAa,IAAI,CAChB,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM;gBACxC,oBAAC,IAAI,8DAA2D;gBAChE,oBAAC,IAAI,mFAAgF;gBACrF,oBAAC,IAAI,iFAA8E,CAC1E,CACZ;YACD,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM;gBACxC,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,SAAS,EAAC,OAAO,EAAC,SAAS;gBAC9C,oBAAC,IAAI,kBAAe,CACX,CACN;QACP,oBAAC,MAAM,IAAC,OAAO,EAAE,UAAG,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,qBAAkB,EAAE,OAAO,EAAE,mBAAmB,GAAI,CAClG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,mBAAmB,GAA4B;IAC7C,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAArD,WAAW,QAAA,EAAE,cAAc,QAA0B,CAAC;IAE7D,IAAM,SAAS,GAAG;QAChB,cAAc,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,GAAW;QAC9B,cAAc,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,IAAI,IAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,oBAAoB,EAAE,IAAI;YAClF,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM;gBACxC,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM;gBACxC,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,SAAS,EAAC,OAAO,EAAC,SAAS;gBAC9C,oBAAC,IAAI,kBAAe,CACX,CACN;QACP,oBAAC,MAAM,IAAC,OAAO,EAAC,eAAe,EAAC,OAAO,EAAE,SAAS,GAAI,CACjD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAAkB;IAClC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,aAAa;QACrB,SAAS,EAAE,YAAY;KACxB;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,YAAY;KACxB;IACD;QACE,IAAI,EAAE,2BAA2B;QACjC,SAAS,EAAE,kBAAkB;KAC9B;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,iBAAiB;KAC7B;IACD;QACE,IAAI,EAAE,2BAA2B;QACjC,SAAS,EAAE,oBAAoB;KAChC;IACD;QACE,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,sBAAsB;KAClC;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,SAAS,EAAE,gBAAgB;KAC5B;IACD;QACE,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,mBAAmB;KAC/B;CACF,CAAC;AAEF,IAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,iBAAiB;KAC7B;CACF,CAAC;AAEF,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS,EAAE;IAC7B,YAAY,CAAC,IAAI,CAAC;QAChB,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,aAAa;KACzB,CAAC,CAAC;CACJ;AAED,MAAM,CAAC,IAAM,cAAc,GAA4B;IACrD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GAAG,gDAAgD,CAAC;IAErE,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC;AACtI,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsLegacy/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsLegacy/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabsV1E2ETest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsV1/TabsV1E2ETest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAmDjC,CAAC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { View } from 'react-native';
|
|
4
|
-
import { Tabs, TabsItem } from '@fluentui-react-native/experimental-tabs';
|
|
5
|
-
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
6
|
-
import { TABSV1_TEST_COMPONENT, TABSV1_ACCESSIBILITY_LABEL, TABSV1_NO_A11Y_LABEL_COMPONENT, TABSV1_TEST_COMPONENT_LABEL, TABSITEMV1_ITEM_1, TABSITEMV1_ITEM_2, TABSITEMV1_ITEM_3, TABSITEMV1_CONTENT_1, TABSITEMV1_CONTENT_2, TABSITEMV1_CONTENT_3, TABSITEMV1_ITEM_1_ACCESSIBILITY_LABEL, TABSITEMV1_NO_A11Y_LABEL_COMPONENT, TABSITEMV1_TEST_COMPONENT_LABEL, } from '../../../../E2E/src/TabsV1/consts';
|
|
7
|
-
import { stackStyle } from '../Common/styles';
|
|
8
|
-
import { testProps } from '../Common/TestProps';
|
|
9
|
-
export var TabsV1E2ETest = function () {
|
|
10
|
-
return (React.createElement(View, null,
|
|
11
|
-
React.createElement(View, { style: stackStyle },
|
|
12
|
-
React.createElement(Tabs, __assign({ label: "Tabs", accessibilityLabel: TABSV1_ACCESSIBILITY_LABEL }, testProps(TABSV1_TEST_COMPONENT)),
|
|
13
|
-
React.createElement(TabsItem, __assign({ headerText: "Home", itemKey: "A", accessibilityLabel: TABSITEMV1_ITEM_1_ACCESSIBILITY_LABEL }, testProps(TABSITEMV1_ITEM_1)),
|
|
14
|
-
React.createElement(Text, __assign({}, testProps(TABSITEMV1_CONTENT_1)), "Tabs #1")),
|
|
15
|
-
React.createElement(TabsItem, __assign({ headerText: "Files", itemKey: "B" }, testProps(TABSITEMV1_ITEM_2)),
|
|
16
|
-
React.createElement(Text, __assign({}, testProps(TABSITEMV1_CONTENT_2)), "Tabs #2")),
|
|
17
|
-
React.createElement(TabsItem, __assign({ headerText: "Settings", itemKey: "C" }, testProps(TABSITEMV1_ITEM_3)),
|
|
18
|
-
React.createElement(Text, __assign({}, testProps(TABSITEMV1_CONTENT_3)), "Tabs #3")))),
|
|
19
|
-
React.createElement(View, { style: stackStyle },
|
|
20
|
-
React.createElement(Tabs, __assign({ label: TABSV1_TEST_COMPONENT_LABEL }, testProps(TABSV1_NO_A11Y_LABEL_COMPONENT)),
|
|
21
|
-
React.createElement(TabsItem, __assign({ headerText: TABSITEMV1_TEST_COMPONENT_LABEL, itemKey: "A" }, testProps(TABSITEMV1_NO_A11Y_LABEL_COMPONENT)),
|
|
22
|
-
React.createElement(Text, null, "Tabs #1")),
|
|
23
|
-
React.createElement(TabsItem, { headerText: "Files", itemKey: "B" },
|
|
24
|
-
React.createElement(Text, null, "Tabs #2")),
|
|
25
|
-
React.createElement(TabsItem, { headerText: "Settings", itemKey: "C" },
|
|
26
|
-
React.createElement(Text, null, "Tabs #3"))))));
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=TabsV1E2ETest.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabsV1E2ETest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsV1/TabsV1E2ETest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC1B,8BAA8B,EAC9B,2BAA2B,EAC3B,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,qCAAqC,EACrC,kCAAkC,EAClC,+BAA+B,GAChC,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,IAAM,aAAa,GAA4B;IACpD,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;YACrB,oBAAC,IAAI,aACH,KAAK,EAAC,MAAM,EACZ,kBAAkB,EAAE,0BAA0B,IAE1C,SAAS,CAAC,qBAAqB,CAAC;gBAEpC,oBAAC,QAAQ,aACP,UAAU,EAAC,MAAM,EACjB,OAAO,EAAC,GAAG,EACX,kBAAkB,EAAE,qCAAqC,IAErD,SAAS,CAAC,iBAAiB,CAAC;oBAEhC,oBAAC,IAAI,eAAK,SAAS,CAAC,oBAAoB,CAAC,aAAgB,CAChD;gBACX,oBAAC,QAAQ,aAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,GAAG,IAAK,SAAS,CAAC,iBAAiB,CAAC;oBACvE,oBAAC,IAAI,eAAK,SAAS,CAAC,oBAAoB,CAAC,aAAgB,CAChD;gBACX,oBAAC,QAAQ,aAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,GAAG,IAAK,SAAS,CAAC,iBAAiB,CAAC;oBAC1E,oBAAC,IAAI,eAAK,SAAS,CAAC,oBAAoB,CAAC,aAAgB,CAChD,CACN,CACF;QACP,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;YACrB,oBAAC,IAAI,aACH,KAAK,EAAE,2BAA2B,IAE9B,SAAS,CAAC,8BAA8B,CAAC;gBAE7C,oBAAC,QAAQ,aACP,UAAU,EAAE,+BAA+B,EAC3C,OAAO,EAAC,GAAG,IAEP,SAAS,CAAC,kCAAkC,CAAC;oBAEjD,oBAAC,IAAI,kBAAe,CACX;gBACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,GAAG;oBACtC,oBAAC,IAAI,kBAAe,CACX;gBACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,GAAG;oBACzC,oBAAC,IAAI,kBAAe,CACX,CACN,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabsV1Test.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsV1/TabsV1Test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0Q/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAY9B,CAAC"}
|