@fluentui-react-native/tester 0.126.36 → 0.127.0

package/src/TestComponents/Svg/SvgTest.tsx

@@ -5,12 +5,6 @@ import { Circle, Defs, G, Line, Path, Polygon, LinearGradient, RadialGradient, R
 import TestSvg from './Assets/accessible-icon-brands.svg';
 import { SVG_TESTPAGE } from '../../../../E2E/src/Svg/consts';
 import { Test, TestSection, PlatformStatus } from '../Test';
-import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
-import { faMugSaucer } from '@fortawesome/free-solid-svg-icons/faMugSaucer';
-import { faSquareCheck } from '@fortawesome/free-solid-svg-icons/faSquareCheck';
-import { faMugHot } from '@fortawesome/free-solid-svg-icons/faMugHot';
-import { faMountainCity } from '@fortawesome/free-solid-svg-icons/faMountainCity';
-
 const styles = StyleSheet.create({
   svg: {
     backgroundColor: 'green',
@@ -18,19 +12,6 @@ const styles = StyleSheet.create({
   },
 });
 
-const FontAwesomeTest: React.FunctionComponent = () => {
-  return (
-    <React.Fragment>
-      <View style={{ flexDirection: 'row', alignItems: 'center' }}>
-        <FontAwesomeIcon icon={faMugSaucer} color={'blue'} size={64} />
-        <FontAwesomeIcon icon={faSquareCheck} color={'blue'} size={64} />
-        <FontAwesomeIcon icon={faMugHot} color={'orange'} size={64} />
-        <FontAwesomeIcon icon={faMountainCity} color={'orange'} size={64} />
-      </View>
-    </React.Fragment>
-  );
-};
-
 const RectTest: React.FunctionComponent = () => {
   const [useColorA, setUseColorA] = React.useState(false);
   const colorA = 'red';
@@ -170,10 +151,6 @@ const svgSections: TestSection[] = [
     testID: SVG_TESTPAGE,
     component: RectTest,
   },
-  {
-    name: 'FontAwesome Test',
-    component: FontAwesomeTest,
-  },
   {
     name: 'Circle',
     component: CircleTest,

package/src/TestComponents/Svg/index.ts

@@ -1 +1,2 @@
 export * from './SvgTest';
+export * from './RNSVGIcons';

package/src/testPages.ts

@@ -31,7 +31,7 @@ import { ShadowTest } from './TestComponents/Shadow';
 import { ShimmerTest } from './TestComponents/Shimmer';
 import { SpacingTokensTest } from './TestComponents/Spacing';
 import { StrokeWidthTest } from './TestComponents/StrokeWidth';
-import { SvgTest } from './TestComponents/Svg';
+import { SvgTest, RNSVGIconsTest } from './TestComponents/Svg';
 import { SwitchTest } from './TestComponents/Switch';
 import { TabsLegacyTest } from './TestComponents/TabsLegacy';
 import { TabsV1Test } from './TestComponents/TabsV1';
@@ -242,11 +242,17 @@ export const tests: TestDescription[] = [
     platforms: ['android', 'ios', 'macos', 'win32', 'windows'],
   },
   {
-    name: 'Svg',
+    name: 'Svg rendering',
     component: SvgTest,
     testPageButton: Constants.HOMEPAGE_SVG_BUTTON,
     platforms: ['android', 'ios', 'macos', 'win32'],
   },
+  {
+    name: 'Svg Icon packages',
+    component: RNSVGIconsTest,
+    testPageButton: Constants.HOMEPAGE_RNSVGIcons_BUTTON,
+    platforms: ['android', 'ios', 'macos', 'win32'],
+  },
   {
     name: 'Switch',
     component: SwitchTest,