feat(docuworks): Update iconType names (#2861)

Author: Conrad Chan

src/icons/item-icon/ItemIcon.tsx

@@ -43,6 +43,8 @@ const itemIconTable = {
     code: IconFileCode,
     default: IconFileDefault,
     document: IconFileText,
+    'docuworks-binder': IconFileXbd,
+    'docuworks-file': IconFileXdw,
     dwg: IconFileDwg,
     'excel-spreadsheet': IconFileExcelSpreadsheet,
     'folder-collab': IconFolderCollab,
@@ -67,8 +69,6 @@ const itemIconTable = {
     vector: IconFileVector,
     video: IconFileVideo,
     'word-document': IconFileWordDocument,
-    xbd: IconFileXbd,
-    xdw: IconFileXdw,
     zip: IconFileZip,
 };
 

src/icons/item-icon/__tests__/ItemIcon.test.tsx

@@ -5,130 +5,56 @@ import ItemIcon from '../ItemIcon';
 describe('icons/item-icon/ItemIcon', () => {
     const getWrapper = (props = {}) => shallow(<ItemIcon iconType="" {...props} />);
 
-    describe('render()', () => {
-        [
-            {
-                iconType: 'audio',
-            },
-            {
-                iconType: 'bookmark',
-            },
-            {
-                iconType: 'boxnote',
-            },
-            {
-                iconType: 'code',
-            },
-            {
-                iconType: 'default',
-            },
-            {
-                iconType: 'document',
-            },
-            {
-                iconType: 'dwg',
-            },
-            {
-                iconType: 'excel-spreadsheet',
-            },
-            {
-                iconType: 'folder-collab',
-            },
-            {
-                iconType: 'folder-external',
-            },
-            {
-                iconType: 'folder-plain',
-            },
-            {
-                iconType: 'google-docs',
-            },
-            {
-                iconType: 'google-sheets',
-            },
-            {
-                iconType: 'google-slides',
-            },
-            {
-                iconType: 'illustrator',
-            },
-            {
-                iconType: 'image',
-            },
-            {
-                iconType: 'indesign',
-            },
-            {
-                iconType: 'keynote',
-            },
-            {
-                iconType: 'numbers',
-            },
-            {
-                iconType: 'pages',
-            },
-            {
-                iconType: 'pdf',
-            },
-            {
-                iconType: 'photoshop',
-            },
-            {
-                iconType: 'powerpoint-presentation',
-            },
-            {
-                iconType: 'presentation',
-            },
-            {
-                iconType: 'spreadsheet',
-            },
-            {
-                iconType: 'text',
-            },
-            {
-                iconType: 'threed',
-            },
-            {
-                iconType: 'folder-plain',
-            },
-            {
-                iconType: 'vector',
-            },
-            {
-                iconType: 'video',
-            },
-            {
-                iconType: 'word-document',
-            },
-            {
-                iconType: 'xbd',
-            },
-            {
-                iconType: 'xdw',
-            },
-            {
-                iconType: 'zip',
-            },
-            {
-                iconType: '',
-            },
-        ].forEach(({ iconType }) => {
-            test(`should render ${iconType} component`, () => {
-                const wrapper = getWrapper({ iconType });
+    describe.each([
+        'audio',
+        'bookmark',
+        'boxnote',
+        'code',
+        'default',
+        'document',
+        'docuworks-binder',
+        'docuworks-file',
+        'dwg',
+        'excel-spreadsheet',
+        'folder-collab',
+        'folder-external',
+        'folder-plain',
+        'google-docs',
+        'google-sheets',
+        'google-slides',
+        'illustrator',
+        'image',
+        'indesign',
+        'keynote',
+        'numbers',
+        'pages',
+        'pdf',
+        'photoshop',
+        'powerpoint-presentation',
+        'presentation',
+        'spreadsheet',
+        'text',
+        'threed',
+        'vector',
+        'video',
+        'word-document',
+        'zip',
+    ])('render()', iconType => {
+        test(`should render ${iconType} component`, () => {
+            const wrapper = getWrapper({ iconType });
 
-                expect(wrapper).toMatchSnapshot();
-            });
-
-            test('should render component with additional props', () => {
-                const wrapper = getWrapper({
-                    className: 'test',
-                    dimension: 10,
-                    iconType,
-                    title: 'title',
-                });
+            expect(wrapper).toMatchSnapshot();
+        });
 
-                expect(wrapper).toMatchSnapshot();
+        test(`should render ${iconType} component with additional props`, () => {
+            const wrapper = getWrapper({
+                className: 'test',
+                dimension: 10,
+                iconType,
+                title: 'title',
             });
+
+            expect(wrapper).toMatchSnapshot();
         });
     });
 });