@digigov/react-icons 2.0.0-4be8f7cc → 2.0.0-5701c39b

package/src/MoreVertIcon/config.tsx

@@ -1,13 +1,14 @@
 import React from 'react';
+import IconBase from '@digigov/react-icons/IconBase';
 
 export interface MoreVertType {}
 
-export function moreVert(): React.ReactElement {
+export function moreVert(): React.ReactElement<any> {
   return (
     <>
-      <circle cx="12" cy="5" r="2" />
-      <circle cx="12" cy="12" r="2" />
-      <circle cx="12" cy="19" r="2" />
+      <IconBase as="circle" cx="12" cy="5" r="2" />
+      <IconBase as="circle" cx="12" cy="12" r="2" />
+      <IconBase as="circle" cx="12" cy="19" r="2" />
     </>
   );
 }

package/src/MoreVertIcon/index.test.tsx

@@ -1,32 +1,40 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { render } from '@testing-library/react';
 
 import MoreVertIcon from '@digigov/react-icons/MoreVertIcon';
 
 it('renders the MoreVertIcon with no props', () => {
-  expect(mount(<MoreVertIcon />)).toMatchSnapshot();
+  expect(render(<MoreVertIcon />).baseElement).toMatchSnapshot();
 });
 it('renders the MoreVertIcon with prop size=s', () => {
-  expect(mount(<MoreVertIcon size="sm" />)).toMatchSnapshot();
+  expect(render(<MoreVertIcon size="sm" />).baseElement).toMatchSnapshot();
 });
 it('renders the MoreVertIcon with prop size=l', () => {
-  expect(mount(<MoreVertIcon size="lg" />)).toMatchSnapshot();
+  expect(render(<MoreVertIcon size="lg" />).baseElement).toMatchSnapshot();
 });
 it('renders the MoreVertIcon with prop color=dark', () => {
-  expect(mount(<MoreVertIcon color="dark" />)).toMatchSnapshot();
+  expect(render(<MoreVertIcon color="dark" />).baseElement).toMatchSnapshot();
 });
 it('renders the MoreVertIcon with prop color=primary', () => {
-  expect(mount(<MoreVertIcon color="primary" />)).toMatchSnapshot();
+  expect(
+    render(<MoreVertIcon color="primary" />).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the MoreVertIcon with prop color=success', () => {
-  expect(mount(<MoreVertIcon color="success" />)).toMatchSnapshot();
+  expect(
+    render(<MoreVertIcon color="success" />).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the MoreVertIcon with prop color=focus', () => {
-  expect(mount(<MoreVertIcon color="focus" />)).toMatchSnapshot();
+  expect(render(<MoreVertIcon color="focus" />).baseElement).toMatchSnapshot();
 });
 it('renders the MoreVertIcon with prop color=warning and size=s', () => {
-  expect(mount(<MoreVertIcon color="warning" size="sm" />)).toMatchSnapshot();
+  expect(
+    render(<MoreVertIcon color="warning" size="sm" />).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the MoreVertIcon with prop color=error and size= xl', () => {
-  expect(mount(<MoreVertIcon color="warning" size="xl" />)).toMatchSnapshot();
+  expect(
+    render(<MoreVertIcon color="warning" size="xl" />).baseElement
+  ).toMatchSnapshot();
 });