From f2c4aa8b696aa0e744c809b318b8d1647eace82c Mon Sep 17 00:00:00 2001
From: lynamemi <lynam.emily@gmail.com>
Date: Fri, 23 Feb 2018 12:23:58 -0800
Subject: [PATCH] Added icons package screener test

---
 apps/vr-tests/src/stories/Icon.stories.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/apps/vr-tests/src/stories/Icon.stories.tsx b/apps/vr-tests/src/stories/Icon.stories.tsx
index 07ae7372a7795..98c0d82dc3e00 100644
--- a/apps/vr-tests/src/stories/Icon.stories.tsx
+++ b/apps/vr-tests/src/stories/Icon.stories.tsx
@@ -4,8 +4,16 @@ import Screener, { Steps } from 'screener-storybook/src/screener';
 import { storiesOf } from '@storybook/react';
 import { FabricDecorator } from '../utilities';
 import { Icon, IconType, getIconClassName } from 'office-ui-fabric-react';
+import * as IconNames from '../../../../packages/icons/src/IconNames';
+
 import { TestImages } from '../common/TestImages';
 
+// Rendering allIcons tests that the icon package can initialize all icons from the cdn
+let allIcons: JSX.Element[] = [];
+for (let iconName in (IconNames as any)['IconNames']) {
+  allIcons.push(<Icon iconName={ iconName } />);
+}
+
 storiesOf('Icon', module)
   .addDecorator(FabricDecorator)
   .addDecorator(story => (
@@ -20,9 +28,7 @@ storiesOf('Icon', module)
   )).add('Root', () => (
     <div>
       <div>
-        <Icon iconName='CompassNW' />
-        <Icon iconName='Upload' />
-        <Icon iconName='Share' />
+        { allIcons }
       </div>
       <div>
         <Icon className={ getIconClassName('CompassNW') } />