diff --git a/apps/component-generator/component-templates/ComponentTemplate/src/__tests__/ComponentName.test.tsx b/apps/component-generator/component-templates/ComponentTemplate/src/__tests__/ComponentName.test.tsx index 69a8042a24..dc5277e0e9 100644 --- a/apps/component-generator/component-templates/ComponentTemplate/src/__tests__/ComponentName.test.tsx +++ b/apps/component-generator/component-templates/ComponentTemplate/src/__tests__/ComponentName.test.tsx @@ -1,7 +1,6 @@ import * as React from 'react'; import { ComponentName } from '../ComponentName'; import * as renderer from 'react-test-renderer'; -import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools'; describe('ComponentName component tests', () => { it('ComponentName default', () => { @@ -9,13 +8,5 @@ describe('ComponentName component tests', () => { expect(tree).toMatchSnapshot(); }); - it('ComponentName simple rendering does not invalidate styling', () => { - checkRenderConsistency(() => Default ComponentName, 2); - }); - - it('ComponentName re-renders correctly', () => { - checkReRender(() => Render twice, 2); - }); - // Feel free to add more tests here }); diff --git a/packages/components/Badge/src/__tests__/Badge.test.tsx b/packages/components/Badge/src/__tests__/Badge.test.tsx index a393804b10..107bf19ebd 100644 --- a/packages/components/Badge/src/__tests__/Badge.test.tsx +++ b/packages/components/Badge/src/__tests__/Badge.test.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools'; import * as renderer from 'react-test-renderer'; import { Badge, CounterBadge, PresenceBadge } from '../'; @@ -44,14 +43,6 @@ describe('Badge component tests', () => { const tree = renderer.create(Badge with shadow).toJSON(); expect(tree).toMatchSnapshot(); }); - - it('Check checkRenderConsistency for Badge', () => { - checkRenderConsistency(() => , 2); - }); - - it('Badge re-renders correctly', () => { - checkReRender(() => , 2); - }); }); describe('PresenceBadge component tests', () => { diff --git a/packages/components/Button/src/Button.test.tsx b/packages/components/Button/src/Button.test.tsx index 41ce61659a..5adf700072 100644 --- a/packages/components/Button/src/Button.test.tsx +++ b/packages/components/Button/src/Button.test.tsx @@ -2,7 +2,6 @@ import * as React from 'react'; import { Pressable, Text } from 'react-native'; import { Icon } from '@fluentui-react-native/icon'; -import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools'; import * as renderer from 'react-test-renderer'; import { Button } from './Button'; @@ -65,22 +64,4 @@ describe('Button component tests', () => { const tree = renderer.create(Composed Button with RNText).toJSON(); expect(tree).toMatchSnapshot(); }); - - it('Button simple rendering does not invalidate styling', () => { - checkRenderConsistency(() => , 2); - }); - - it('Button re-renders correctly', () => { - checkReRender(() => , 2); - }); - - it('Button shares produced styles across multiple renders', () => { - const style = { backgroundColor: 'black' }; - checkRenderConsistency(() => , 2); - }); - - it('Button re-renders correctly with style', () => { - const style = { borderColor: 'blue' }; - checkReRender(() => , 2); - }); }); diff --git a/packages/components/Button/src/CompoundButton/CompoundButton.test.tsx b/packages/components/Button/src/CompoundButton/CompoundButton.test.tsx index 4b4152bbcc..3e1d122b49 100644 --- a/packages/components/Button/src/CompoundButton/CompoundButton.test.tsx +++ b/packages/components/Button/src/CompoundButton/CompoundButton.test.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools'; import * as renderer from 'react-test-renderer'; import { CompoundButton } from './CompoundButton'; @@ -9,21 +8,3 @@ it('CompoundButton default', () => { const tree = renderer.create(Default Button).toJSON(); expect(tree).toMatchSnapshot(); }); - -it('Button simple rendering does not invalidate styling', () => { - checkRenderConsistency(() => Default button, 2); -}); - -it('Button re-renders correctly', () => { - checkReRender(() => Render twice, 2); -}); - -it('Button shares produced styles across multiple renders', () => { - const style = { backgroundColor: 'black' }; - checkRenderConsistency(() => Shared styles, 2); -}); - -it('Button re-renders correctly with style', () => { - const style = { borderColor: 'blue' }; - checkReRender(() => Shared Style Render, 2); -}); diff --git a/packages/components/Button/src/FAB/FAB.test.tsx b/packages/components/Button/src/FAB/FAB.test.tsx index 7ed158e120..29107b8b2b 100644 --- a/packages/components/Button/src/FAB/FAB.test.tsx +++ b/packages/components/Button/src/FAB/FAB.test.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools'; import * as renderer from 'react-test-renderer'; import { FAB } from './FAB'; @@ -30,38 +29,6 @@ it('Custom FAB with no shadow(iOS)', () => { expect(tree).toMatchSnapshot(); }); -it('Button simple rendering does not invalidate styling', () => { - checkRenderConsistency(() => Default FAB, 2); -}); - -it('FAB re-renders correctly', () => { - checkReRender(() => Render twice, 2); -}); - -it('FAB shares produced styles across multiple renders', () => { - const style = { backgroundColor: 'black' }; - checkRenderConsistency( - () => ( - - Shared styles - - ), - 2, - ); -}); - -it('FAB re-renders correctly with style', () => { - const style = { borderColor: 'blue' }; - checkReRender( - () => ( - - Shared Style Render - - ), - 2, - ); -}); - afterAll(() => { jest.unmock('react-native/Libraries/Utilities/Platform'); }); diff --git a/packages/components/Button/src/ToggleButton/ToggleButton.test.tsx b/packages/components/Button/src/ToggleButton/ToggleButton.test.tsx index 00eec21f36..91812fc1fc 100644 --- a/packages/components/Button/src/ToggleButton/ToggleButton.test.tsx +++ b/packages/components/Button/src/ToggleButton/ToggleButton.test.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools'; import * as renderer from 'react-test-renderer'; import { ToggleButton } from './ToggleButton'; @@ -9,21 +8,3 @@ it('ToggleButton default', () => { const tree = renderer.create(Default Button).toJSON(); expect(tree).toMatchSnapshot(); }); - -it('Button simple rendering does not invalidate styling', () => { - checkRenderConsistency(() => Default button, 2); -}); - -it('Button re-renders correctly', () => { - checkReRender(() => Render twice, 2); -}); - -it('Button shares produced styles across multiple renders', () => { - const style = { backgroundColor: 'black' }; - checkRenderConsistency(() => Shared styles, 2); -}); - -it('Button re-renders correctly with style', () => { - const style = { borderColor: 'blue' }; - checkReRender(() => Shared Style Render, 2); -}); diff --git a/packages/components/Checkbox/src/__tests__/Checkbox.test.tsx b/packages/components/Checkbox/src/__tests__/Checkbox.test.tsx index bdee3305f2..2c1b5cf403 100644 --- a/packages/components/Checkbox/src/__tests__/Checkbox.test.tsx +++ b/packages/components/Checkbox/src/__tests__/Checkbox.test.tsx @@ -1,9 +1,7 @@ import * as React from 'react'; -import type { AccessibilityActionName } from 'react-native'; import { Text, View } from 'react-native'; import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks'; -import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools'; import { Svg } from 'react-native-svg'; import * as renderer from 'react-test-renderer'; @@ -80,27 +78,4 @@ describe('Checkbox component tests', () => { const tree = renderer.create().toJSON(); expect(tree).toMatchSnapshot(); }); - - it('Checkbox simple rendering does not invalidate styling', () => { - checkRenderConsistency(() => Default button, 2); - }); - - it('Checkbox re-renders correctly', () => { - checkReRender(() => Render twice, 2); - }); - - it('Checkbox shares produced styles across multiple renders', () => { - const style = { backgroundColor: 'black' }; - checkRenderConsistency(() => Shared styles, 2); - }); - - it('Checkbox re-renders correctly with style', () => { - const style = { borderColor: 'blue' }; - checkReRender(() => Shared Style Render, 2); - }); - - it('Checkbox re-renders correctly with accessibilityAction', () => { - const action = [{ name: 'Expand' as AccessibilityActionName }]; - checkReRender(() => Shared Style Render, 2); - }); }); diff --git a/packages/components/Chip/src/__tests__/Chip.test.tsx b/packages/components/Chip/src/__tests__/Chip.test.tsx index b7ba67a667..88364d7be6 100644 --- a/packages/components/Chip/src/__tests__/Chip.test.tsx +++ b/packages/components/Chip/src/__tests__/Chip.test.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools'; import * as renderer from 'react-test-renderer'; import { Chip } from '../'; @@ -30,12 +29,4 @@ describe('Chip component tests', () => { const tree = renderer.create(Chip Tokens).toJSON(); expect(tree).toMatchSnapshot(); }); - - it('Check checkRenderConsistency for Chip', () => { - checkRenderConsistency(() => , 2); - }); - - it('Chip re-renders correctly', () => { - checkReRender(() => , 2); - }); }); diff --git a/packages/components/Icon/src/__tests__/Icon.test.tsx b/packages/components/Icon/src/__tests__/Icon.test.tsx index afbbfb3fae..e488ad1017 100644 --- a/packages/components/Icon/src/__tests__/Icon.test.tsx +++ b/packages/components/Icon/src/__tests__/Icon.test.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools'; import { Path, Svg } from 'react-native-svg'; import * as renderer from 'react-test-renderer'; @@ -45,12 +44,4 @@ describe('Icon component tests', () => { const tree = renderer.create().toJSON(); expect(tree).toMatchSnapshot(); }); - - it('Icon checkRenderConsistency', () => { - checkRenderConsistency(() => , 2); - }); - - it('Icon re-renders correctly', () => { - checkReRender(() => , 2); - }); }); diff --git a/packages/components/Input/src/__tests__/Input.test.tsx b/packages/components/Input/src/__tests__/Input.test.tsx index 5a5292c9f3..92701e6ca2 100644 --- a/packages/components/Input/src/__tests__/Input.test.tsx +++ b/packages/components/Input/src/__tests__/Input.test.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools'; import * as renderer from 'react-test-renderer'; import { Input } from '../Input'; @@ -42,16 +41,4 @@ describe('Input component tests', () => { const tree = renderer.create().toJSON(); expect(tree).toMatchSnapshot(); }); - - it('Input simple rendering does not invalidate styling', () => { - checkRenderConsistency(() => , 2); - }); - - it('Input re-renders correctly', () => { - checkReRender(() => , 2); - }); - - it('Input with placeholder', () => { - checkReRender(() => , 2); - }); }); diff --git a/packages/components/Link/src/__tests__/Link.test.tsx b/packages/components/Link/src/__tests__/Link.test.tsx index e18d210860..509dca3ab6 100644 --- a/packages/components/Link/src/__tests__/Link.test.tsx +++ b/packages/components/Link/src/__tests__/Link.test.tsx @@ -1,7 +1,6 @@ import * as React from 'react'; import { Alert } from 'react-native'; -import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools'; import * as renderer from 'react-test-renderer'; import { Link } from '../Link'; @@ -41,36 +40,4 @@ describe('Link component tests', () => { .toJSON(); expect(tree).toMatchSnapshot(); }); - - it('Link simple rendering does not invalidate styling', () => { - checkRenderConsistency(() => Link to Bing, 2); - }); - - it('Link re-renders correctly', () => { - checkReRender(() => Render twice, 2); - }); - - it('Link shares produced styles across multiple renders', () => { - const style = { color: 'black' }; - checkRenderConsistency( - () => ( - - Shared styles - - ), - 2, - ); - }); - - it('Link re-renders correctly with style', () => { - const style = { color: 'black' }; - checkReRender( - () => ( - - Shared Style Render - - ), - 2, - ); - }); }); diff --git a/packages/components/Notification/src/__tests__/Notification.test.tsx b/packages/components/Notification/src/__tests__/Notification.test.tsx index bbe4b66b1e..b6c1d40053 100644 --- a/packages/components/Notification/src/__tests__/Notification.test.tsx +++ b/packages/components/Notification/src/__tests__/Notification.test.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools'; import * as renderer from 'react-test-renderer'; import { Notification } from '../Notification'; @@ -31,44 +30,4 @@ describe('Notification component tests', () => { .toJSON(); expect(tree).toMatchSnapshot(); }); - - it('Notification simple rendering does not invalidate styling', () => { - checkRenderConsistency( - () => ( - { - console.log('Notification tapped'); - }} - onActionPress={() => { - console.log('Undo tapped'); - }} - > - Mail Archived - - ), - 2, - ); - }); - - it('Notification re-renders correctly', () => { - checkReRender( - () => ( - { - console.log('Notification tapped'); - }} - onActionPress={() => { - console.log('Undo tapped'); - }} - > - Mail Archived - - ), - 2, - ); - }); }); diff --git a/packages/components/RadioGroup/src/RadioGroup/__tests__/RadioGroupExperimental.test.tsx b/packages/components/RadioGroup/src/RadioGroup/__tests__/RadioGroupExperimental.test.tsx index 42eb483fcc..a511530af4 100644 --- a/packages/components/RadioGroup/src/RadioGroup/__tests__/RadioGroupExperimental.test.tsx +++ b/packages/components/RadioGroup/src/RadioGroup/__tests__/RadioGroupExperimental.test.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools'; import * as renderer from 'react-test-renderer'; import { Radio } from '../../Radio/Radio'; @@ -86,14 +85,4 @@ describe('RadioGroup component tests', () => { expect(tree).toMatchSnapshot(); await renderer.act(async () => null); }); - - it('RadioGroup simple rendering does not invalidate styling', async () => { - checkRenderConsistency(() => Default RadioGroup, 2); - await renderer.act(async () => null); - }); - - it('RadioGroup re-renders correctly', async () => { - checkReRender(() => Render twice, 2); - await renderer.act(async () => null); - }); }); diff --git a/packages/components/Text/src/__tests__/Text.test.tsx b/packages/components/Text/src/__tests__/Text.test.tsx index dfc91cc305..54189475dc 100644 --- a/packages/components/Text/src/__tests__/Text.test.tsx +++ b/packages/components/Text/src/__tests__/Text.test.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools'; import * as renderer from 'react-test-renderer'; import { Text } from '../Text'; @@ -26,36 +25,6 @@ describe('Text component tests', () => { expect(tree).toMatchSnapshot(); }); - it('Text simple rendering does not invalidate styling', () => { - checkRenderConsistency(() => Default); - checkRenderConsistency(() => Default); - }); - - it('Text re-renders correctly', () => { - checkReRender(() => Default); - checkReRender(() => Default); - }); - - it('Text shares produced styles across multiple renders', () => { - const style = { color: 'black' }; - checkRenderConsistency(() => Default); - checkRenderConsistency(() => ( - - Default - - )); - }); - - it('Text re-renders correctly with style', () => { - const style = { color: 'blue' }; - checkReRender(() => Default); - checkReRender(() => ( - - Default - - )); - }); - it('Text variants render correctly with style', () => { const style = { marginBottom: 8, diff --git a/packages/experimental/Shadow/src/__tests__/Shadow.test.tsx b/packages/experimental/Shadow/src/__tests__/Shadow.test.tsx index 4585a980b3..dec04e15ba 100644 --- a/packages/experimental/Shadow/src/__tests__/Shadow.test.tsx +++ b/packages/experimental/Shadow/src/__tests__/Shadow.test.tsx @@ -3,7 +3,6 @@ import { Text, View } from 'react-native'; import { mergeStyles, useFluentTheme } from '@fluentui-react-native/framework'; import { Pressable } from '@fluentui-react-native/pressable'; -import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools'; import * as renderer from 'react-test-renderer'; import { Shadow } from '../Shadow'; @@ -142,14 +141,6 @@ describe('Shadow component tests', () => { expect(tree).toMatchSnapshot(); }); - it('Shadow simple rendering does not invalidate styling', () => { - checkRenderConsistency(() => , 2); - }); - - it('Shadow re-renders correctly', () => { - checkReRender(() => , 2); - }); - afterAll(() => { jest.unmock('react-native/Libraries/Utilities/Platform'); }); diff --git a/packages/experimental/Tooltip/src/__tests__/Tooltip.test.tsx b/packages/experimental/Tooltip/src/__tests__/Tooltip.test.tsx index 37a908028c..70e5e963e4 100644 --- a/packages/experimental/Tooltip/src/__tests__/Tooltip.test.tsx +++ b/packages/experimental/Tooltip/src/__tests__/Tooltip.test.tsx @@ -1,7 +1,6 @@ import * as React from 'react'; import { ButtonV1 } from '@fluentui-react-native/button'; -import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools'; import * as renderer from 'react-test-renderer'; import { Tooltip } from '../Tooltip'; @@ -17,28 +16,4 @@ describe('Tooltip component tests', () => { .toJSON(); expect(tree).toMatchSnapshot(); }); - - it('Tooltip simple rendering does not invalidate styling', () => { - checkRenderConsistency( - () => ( - - Default Tooltip - - ), - 2, - ); - }); - - it('Tooltip re-renders correctly', () => { - checkReRender( - () => ( - - Render twice - - ), - 2, - ); - }); - - // Feel free to add more tests here }); diff --git a/packages/utils/interactive-hooks/src/__tests__/useKeyProps.test.tsx b/packages/utils/interactive-hooks/src/__tests__/useKeyProps.test.tsx index 8b114f3db2..76df738426 100644 --- a/packages/utils/interactive-hooks/src/__tests__/useKeyProps.test.tsx +++ b/packages/utils/interactive-hooks/src/__tests__/useKeyProps.test.tsx @@ -1,7 +1,6 @@ import * as React from 'react'; import { Pressable } from 'react-native'; -import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools'; import * as renderer from 'react-test-renderer'; import { useKeyProps } from '../useKeyProps'; @@ -37,20 +36,3 @@ it('useKeyProps called twice', () => { const tree = renderer.create().toJSON(); expect(tree).toMatchSnapshot(); }); - -it('Pressable with useKeyProps simple rendering does not invalidate styling', () => { - const TestComponent = () => { - const keyboardProps = useKeyProps(dummyFunction, ' ', 'Enter'); - return ; - }; - - checkRenderConsistency(() => , 2); -}); - -it('Pressable with useKeyProps re-renders correctly', () => { - const TestComponent = () => { - const keyboardProps = useKeyProps(dummyFunction, ' ', 'Enter'); - return ; - }; - checkReRender(() => , 2); -});