remove checkRenderConsistency / checkReRender tests

Author: Saadnajmi

apps/component-generator/component-templates/ComponentTemplate/src/__tests__/ComponentName.test.tsx

@@ -1,21 +1,12 @@
 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', () => {
     const tree = renderer.create(<ComponentName>Your component</ComponentName>).toJSON();
     expect(tree).toMatchSnapshot();
   });
 
-  it('ComponentName simple rendering does not invalidate styling', () => {
-    checkRenderConsistency(() => <ComponentName>Default ComponentName</ComponentName>, 2);
-  });
-
-  it('ComponentName re-renders correctly', () => {
-    checkReRender(() => <ComponentName>Render twice</ComponentName>, 2);
-  });
-
   // Feel free to add more tests here
 });

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(<BadgeWithShadow appearance="filled">Badge with shadow</BadgeWithShadow>).toJSON();
     expect(tree).toMatchSnapshot();
   });
-
-  it('Check checkRenderConsistency for Badge', () => {
-    checkRenderConsistency(() => <Badge />, 2);
-  });
-
-  it('Badge re-renders correctly', () => {
-    checkReRender(() => <Badge />, 2);
-  });
 });
 
 describe('PresenceBadge component tests', () => {

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(<ComposedButton>Composed Button with RNText</ComposedButton>).toJSON();
     expect(tree).toMatchSnapshot();
   });
-
-  it('Button simple rendering does not invalidate styling', () => {
-    checkRenderConsistency(() => <Button>Default button</Button>, 2);
-  });
-
-  it('Button re-renders correctly', () => {
-    checkReRender(() => <Button>Render twice</Button>, 2);
-  });
-
-  it('Button shares produced styles across multiple renders', () => {
-    const style = { backgroundColor: 'black' };
-    checkRenderConsistency(() => <Button style={style}>Shared styles</Button>, 2);
-  });
-
-  it('Button re-renders correctly with style', () => {
-    const style = { borderColor: 'blue' };
-    checkReRender(() => <Button style={style}>Shared Style Render</Button>, 2);
-  });
 });

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(<CompoundButton secondaryContent="sublabel">Default Button</CompoundButton>).toJSON();
   expect(tree).toMatchSnapshot();
 });
-
-it('Button simple rendering does not invalidate styling', () => {
-  checkRenderConsistency(() => <CompoundButton>Default button</CompoundButton>, 2);
-});
-
-it('Button re-renders correctly', () => {
-  checkReRender(() => <CompoundButton>Render twice</CompoundButton>, 2);
-});
-
-it('Button shares produced styles across multiple renders', () => {
-  const style = { backgroundColor: 'black' };
-  checkRenderConsistency(() => <CompoundButton style={style}>Shared styles</CompoundButton>, 2);
-});
-
-it('Button re-renders correctly with style', () => {
-  const style = { borderColor: 'blue' };
-  checkReRender(() => <CompoundButton style={style}>Shared Style Render</CompoundButton>, 2);
-});

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(() => <FAB icon={iconProps}>Default FAB</FAB>, 2);
-});
-
-it('FAB re-renders correctly', () => {
-  checkReRender(() => <FAB icon={iconProps}>Render twice</FAB>, 2);
-});
-
-it('FAB shares produced styles across multiple renders', () => {
-  const style = { backgroundColor: 'black' };
-  checkRenderConsistency(
-    () => (
-      <FAB icon={iconProps} style={style}>
-        Shared styles
-      </FAB>
-    ),
-    2,
-  );
-});
-
-it('FAB re-renders correctly with style', () => {
-  const style = { borderColor: 'blue' };
-  checkReRender(
-    () => (
-      <FAB icon={iconProps} style={style}>
-        Shared Style Render
-      </FAB>
-    ),
-    2,
-  );
-});
-
 afterAll(() => {
   jest.unmock('react-native/Libraries/Utilities/Platform');
 });

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(<ToggleButton>Default Button</ToggleButton>).toJSON();
   expect(tree).toMatchSnapshot();
 });
-
-it('Button simple rendering does not invalidate styling', () => {
-  checkRenderConsistency(() => <ToggleButton>Default button</ToggleButton>, 2);
-});
-
-it('Button re-renders correctly', () => {
-  checkReRender(() => <ToggleButton>Render twice</ToggleButton>, 2);
-});
-
-it('Button shares produced styles across multiple renders', () => {
-  const style = { backgroundColor: 'black' };
-  checkRenderConsistency(() => <ToggleButton style={style}>Shared styles</ToggleButton>, 2);
-});
-
-it('Button re-renders correctly with style', () => {
-  const style = { borderColor: 'blue' };
-  checkReRender(() => <ToggleButton style={style}>Shared Style Render</ToggleButton>, 2);
-});

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(<ComposedCheckbox label="Composed Button with RNText" />).toJSON();
     expect(tree).toMatchSnapshot();
   });
-
-  it('Checkbox simple rendering does not invalidate styling', () => {
-    checkRenderConsistency(() => <Checkbox>Default button</Checkbox>, 2);
-  });
-
-  it('Checkbox re-renders correctly', () => {
-    checkReRender(() => <Checkbox>Render twice</Checkbox>, 2);
-  });
-
-  it('Checkbox shares produced styles across multiple renders', () => {
-    const style = { backgroundColor: 'black' };
-    checkRenderConsistency(() => <Checkbox style={style}>Shared styles</Checkbox>, 2);
-  });
-
-  it('Checkbox re-renders correctly with style', () => {
-    const style = { borderColor: 'blue' };
-    checkReRender(() => <Checkbox style={style}>Shared Style Render</Checkbox>, 2);
-  });
-
-  it('Checkbox re-renders correctly with accessibilityAction', () => {
-    const action = [{ name: 'Expand' as AccessibilityActionName }];
-    checkReRender(() => <Checkbox accessibilityActions={action}>Shared Style Render</Checkbox>, 2);
-  });
 });

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(<ChipStyled>Chip Tokens</ChipStyled>).toJSON();
     expect(tree).toMatchSnapshot();
   });
-
-  it('Check checkRenderConsistency for Chip', () => {
-    checkRenderConsistency(() => <Chip />, 2);
-  });
-
-  it('Chip re-renders correctly', () => {
-    checkReRender(() => <Chip />, 2);
-  });
 });

packages/components/Divider/src/__tests__/Divider.test.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 
-import { checkReRender } from '@fluentui-react-native/test-tools';
 import * as renderer from 'react-test-renderer';
 
 import { Divider } from '../Divider';
@@ -95,8 +94,4 @@ describe('Divider component tests', () => {
     const tree = renderer.create(<CustomDivider {...props}>Hello</CustomDivider>).toJSON();
     expect(tree).toMatchSnapshot();
   });
-
-  it('Divider re-renders correctly', () => {
-    checkReRender(() => <Divider />, 2);
-  });
 });

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(<IconV1 svgSource={{ src: AccessTime20RegularIcon, width: 20, height: 20 }} />).toJSON();
     expect(tree).toMatchSnapshot();
   });
-
-  it('Icon checkRenderConsistency', () => {
-    checkRenderConsistency(() => <FontIcon {...fontProps} />, 2);
-  });
-
-  it('Icon re-renders correctly', () => {
-    checkReRender(() => <FontIcon {...fontProps} />, 2);
-  });
 });