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);
-});