@digigov/react-core 2.0.0-7d9a8d86 → 2.0.0-85c27c19

package/src/TextInput/index.test.tsx

@@ -1,239 +1,239 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { render } from '@testing-library/react';
 
 import TextInput from '@digigov/react-core/TextInput';
 
 it('renders the TextInput with no props', () => {
-  expect(mount(<TextInput></TextInput>)).toMatchSnapshot();
+  expect(render(<TextInput></TextInput>).baseElement).toMatchSnapshot();
 });
 it('renders the TextInput with dense prop', () => {
-  expect(mount(<TextInput dense></TextInput>)).toMatchSnapshot();
+  expect(render(<TextInput dense></TextInput>).baseElement).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="2-char"', () => {
-  expect(mount(<TextInput maxWidth="2-char"></TextInput>)).toMatchSnapshot();
+  expect(render(<TextInput maxWidth="2-char"></TextInput>).baseElement).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="3-char"', () => {
-  expect(mount(<TextInput maxWidth="3-char"></TextInput>)).toMatchSnapshot();
+  expect(render(<TextInput maxWidth="3-char"></TextInput>).baseElement).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="4-char"', () => {
-  expect(mount(<TextInput maxWidth="4-char"></TextInput>)).toMatchSnapshot();
+  expect(render(<TextInput maxWidth="4-char"></TextInput>).baseElement).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="5-char"', () => {
-  expect(mount(<TextInput maxWidth="5-char"></TextInput>)).toMatchSnapshot();
+  expect(render(<TextInput maxWidth="5-char"></TextInput>).baseElement).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="10-char"', () => {
-  expect(mount(<TextInput maxWidth="10-char"></TextInput>)).toMatchSnapshot();
+  expect(render(<TextInput maxWidth="10-char"></TextInput>).baseElement).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="20-char"', () => {
-  expect(mount(<TextInput maxWidth="20-char"></TextInput>)).toMatchSnapshot();
+  expect(render(<TextInput maxWidth="20-char"></TextInput>).baseElement).toMatchSnapshot();
 });
 
 it('renders the TextInput with width=one-quarter', () => {
-  expect(mount(<TextInput width={'25%'}></TextInput>)).toMatchSnapshot();
+  expect(render(<TextInput width={'25%'}></TextInput>).baseElement).toMatchSnapshot();
 });
 
 it('renders the TextInput with width=one-third', () => {
-  expect(mount(<TextInput width={'33.3%'}></TextInput>)).toMatchSnapshot();
+  expect(render(<TextInput width={'33.3%'}></TextInput>).baseElement).toMatchSnapshot();
 });
 
 it('renders the TextInput with width=one-half', () => {
-  expect(mount(<TextInput width={'50%'}></TextInput>)).toMatchSnapshot();
+  expect(render(<TextInput width={'50%'}></TextInput>).baseElement).toMatchSnapshot();
 });
 
 it('renders the TextInput with width=two-thirds', () => {
-  expect(mount(<TextInput width={'66.6%'}></TextInput>)).toMatchSnapshot();
+  expect(render(<TextInput width={'66.6%'}></TextInput>).baseElement).toMatchSnapshot();
 });
 
 it('renders the TextInput with width=three-quarters', () => {
-  expect(mount(<TextInput width={'75%'}></TextInput>)).toMatchSnapshot();
+  expect(render(<TextInput width={'75%'}></TextInput>).baseElement).toMatchSnapshot();
 });
 
 it('renders the TextInput with width=full', () => {
-  expect(mount(<TextInput width={'full'}></TextInput>)).toMatchSnapshot();
+  expect(render(<TextInput width={'full'}></TextInput>).baseElement).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="2-char" and with width=one-quarter', () => {
   expect(
-    mount(<TextInput maxWidth="2-char" width={'25%'}></TextInput>)
+    render(<TextInput maxWidth="2-char" width={'25%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="3-char" and with width=one-quarter', () => {
   expect(
-    mount(<TextInput maxWidth="3-char" width={'25%'}></TextInput>)
+    render(<TextInput maxWidth="3-char" width={'25%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="4-char" and with width=one-quarter', () => {
   expect(
-    mount(<TextInput maxWidth="4-char" width={'25%'}></TextInput>)
+    render(<TextInput maxWidth="4-char" width={'25%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput  with with maxWidth="5-char" with width=one-quarter', () => {
   expect(
-    mount(<TextInput maxWidth="5-char" width={'25%'}></TextInput>)
+    render(<TextInput maxWidth="5-char" width={'25%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="20-char" and with width=one-quarter', () => {
   expect(
-    mount(<TextInput maxWidth="20-char" width={'25%'}></TextInput>)
+    render(<TextInput maxWidth="20-char" width={'25%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="2-char" and with width=one-third', () => {
   expect(
-    mount(<TextInput maxWidth="2-char" width={'33.3%'}></TextInput>)
+    render(<TextInput maxWidth="2-char" width={'33.3%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="3-char" and with width=one-third', () => {
   expect(
-    mount(<TextInput maxWidth="3-char" width={'33.3%'}></TextInput>)
+    render(<TextInput maxWidth="3-char" width={'33.3%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="4-char" and with width=one-third', () => {
   expect(
-    mount(<TextInput maxWidth="4-char" width={'33.3%'}></TextInput>)
+    render(<TextInput maxWidth="4-char" width={'33.3%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput  with with maxWidth="5-char" with width=one-third', () => {
   expect(
-    mount(<TextInput maxWidth="5-char" width={'33.3%'}></TextInput>)
+    render(<TextInput maxWidth="5-char" width={'33.3%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="20-char" and with width=one-third', () => {
   expect(
-    mount(<TextInput maxWidth="20-char" width={'33.3%'}></TextInput>)
+    render(<TextInput maxWidth="20-char" width={'33.3%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="2-char" and with width=one-half', () => {
   expect(
-    mount(<TextInput maxWidth="2-char" width={'50%'}></TextInput>)
+    render(<TextInput maxWidth="2-char" width={'50%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="3-char" and with width=one-half', () => {
   expect(
-    mount(<TextInput maxWidth="3-char" width={'50%'}></TextInput>)
+    render(<TextInput maxWidth="3-char" width={'50%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="4-char" and with width=one-half', () => {
   expect(
-    mount(<TextInput maxWidth="4-char" width={'50%'}></TextInput>)
+    render(<TextInput maxWidth="4-char" width={'50%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput  with with maxWidth="5-char" with width=one-half', () => {
   expect(
-    mount(<TextInput maxWidth="5-char" width={'50%'}></TextInput>)
+    render(<TextInput maxWidth="5-char" width={'50%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="20-char" and with width=one-half', () => {
   expect(
-    mount(<TextInput maxWidth="20-char" width={'50%'}></TextInput>)
+    render(<TextInput maxWidth="20-char" width={'50%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="2-char" and with width=two-thirds', () => {
   expect(
-    mount(<TextInput maxWidth="2-char" width={'66.6%'}></TextInput>)
+    render(<TextInput maxWidth="2-char" width={'66.6%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="3-char" and with width=two-thirds', () => {
   expect(
-    mount(<TextInput maxWidth="3-char" width={'66.6%'}></TextInput>)
+    render(<TextInput maxWidth="3-char" width={'66.6%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="4-char" and with width=two-thirds', () => {
   expect(
-    mount(<TextInput maxWidth="4-char" width={'66.6%'}></TextInput>)
+    render(<TextInput maxWidth="4-char" width={'66.6%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput  with with maxWidth="5-char" with width=two-thirds', () => {
   expect(
-    mount(<TextInput maxWidth="5-char" width={'66.6%'}></TextInput>)
+    render(<TextInput maxWidth="5-char" width={'66.6%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="20-char" and with width=two-thirds', () => {
   expect(
-    mount(<TextInput maxWidth="20-char" width={'66.6%'}></TextInput>)
+    render(<TextInput maxWidth="20-char" width={'66.6%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="2-char" and with width=three-quarters', () => {
   expect(
-    mount(<TextInput maxWidth="2-char" width={'75%'}></TextInput>)
+    render(<TextInput maxWidth="2-char" width={'75%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="3-char" and with width=three-quarters', () => {
   expect(
-    mount(<TextInput maxWidth="3-char" width={'75%'}></TextInput>)
+    render(<TextInput maxWidth="3-char" width={'75%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="4-char" and with width=three-quarters', () => {
   expect(
-    mount(<TextInput maxWidth="4-char" width={'75%'}></TextInput>)
+    render(<TextInput maxWidth="4-char" width={'75%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput  with with maxWidth="5-char" with width=three-quarters', () => {
   expect(
-    mount(<TextInput maxWidth="5-char" width={'75%'}></TextInput>)
+    render(<TextInput maxWidth="5-char" width={'75%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="20-char" and with width=three-quarters', () => {
   expect(
-    mount(<TextInput maxWidth="20-char" width={'75%'}></TextInput>)
+    render(<TextInput maxWidth="20-char" width={'75%'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="2-char" and with width=full', () => {
   expect(
-    mount(<TextInput maxWidth="2-char" width={'full'}></TextInput>)
+    render(<TextInput maxWidth="2-char" width={'full'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="3-char" and with width=full', () => {
   expect(
-    mount(<TextInput maxWidth="3-char" width={'full'}></TextInput>)
+    render(<TextInput maxWidth="3-char" width={'full'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="4-char" and with width=full', () => {
   expect(
-    mount(<TextInput maxWidth="4-char" width={'full'}></TextInput>)
+    render(<TextInput maxWidth="4-char" width={'full'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput  with with maxWidth="5-char" with width=full', () => {
   expect(
-    mount(<TextInput maxWidth="5-char" width={'full'}></TextInput>)
+    render(<TextInput maxWidth="5-char" width={'full'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="20-char" and with width=full', () => {
   expect(
-    mount(<TextInput maxWidth="20-char" width={'full'}></TextInput>)
+    render(<TextInput maxWidth="20-char" width={'full'}></TextInput>).baseElement
   ).toMatchSnapshot();
 });

package/src/Timeline/__snapshots__/index.test.tsx.snap

@@ -1,33 +1,25 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders the Timeline with dense prop 1`] = `
-<ForwardRef(Timeline)
-  dense={true}
->
-  <ForwardRef(Base)
-    as="ol"
-    className="ds-timeline--dense ds-timeline"
-  >
+<body>
+  <div>
     <ol
-      className="ds-timeline--dense ds-timeline"
+      class="ds-timeline--dense ds-timeline"
     >
       hello
     </ol>
-  </ForwardRef(Base)>
-</ForwardRef(Timeline)>
+  </div>
+</body>
 `;
 
 exports[`renders the Timeline with no prop 1`] = `
-<ForwardRef(Timeline)>
-  <ForwardRef(Base)
-    as="ol"
-    className="ds-timeline"
-  >
+<body>
+  <div>
     <ol
-      className="ds-timeline"
+      class="ds-timeline"
     >
       hello
     </ol>
-  </ForwardRef(Base)>
-</ForwardRef(Timeline)>
+  </div>
+</body>
 `;

package/src/Timeline/index.test.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { render } from '@testing-library/react';
 
 import Timeline from '@digigov/react-core/Timeline';
 
 it('renders the Timeline with no prop', () => {
-  expect(mount(<Timeline>hello</Timeline>)).toMatchSnapshot();
+  expect(render(<Timeline>hello</Timeline>).baseElement).toMatchSnapshot();
 });
 
 it('renders the Timeline with dense prop', () => {
-  expect(mount(<Timeline dense>hello</Timeline>)).toMatchSnapshot();
+  expect(render(<Timeline dense>hello</Timeline>).baseElement).toMatchSnapshot();
 });

package/src/TimelineActions/__snapshots__/index.test.tsx.snap

@@ -1,16 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders the TimelineActions with no prop 1`] = `
-<ForwardRef(CardContent)>
-  <ForwardRef(Base)
-    as="div"
-    className="ds-timeline__actions"
-  >
+<body>
+  <div>
     <div
-      className="ds-timeline__actions"
+      class="ds-timeline__actions"
     >
       hello
     </div>
-  </ForwardRef(Base)>
-</ForwardRef(CardContent)>
+  </div>
+</body>
 `;

package/src/TimelineActions/index.test.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { render } from '@testing-library/react';
 
 import TimelineActions from '@digigov/react-core/TimelineActions';
 
 it('renders the TimelineActions with no prop', () => {
-  expect(mount(<TimelineActions>hello</TimelineActions>)).toMatchSnapshot();
+  expect(render(<TimelineActions>hello</TimelineActions>).baseElement).toMatchSnapshot();
 });

package/src/TimelineContent/__snapshots__/index.test.tsx.snap

@@ -1,16 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders the TimelineContent with no prop 1`] = `
-<ForwardRef(TimelineContent)>
-  <ForwardRef(Base)
-    as="div"
-    className="ds-timeline__content"
-  >
+<body>
+  <div>
     <div
-      className="ds-timeline__content"
+      class="ds-timeline__content"
     >
       hello
     </div>
-  </ForwardRef(Base)>
-</ForwardRef(TimelineContent)>
+  </div>
+</body>
 `;

package/src/TimelineContent/index.test.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { render } from '@testing-library/react';
 
 import TimelineContent from '@digigov/react-core/TimelineContent';
 
 it('renders the TimelineContent with no prop', () => {
-  expect(mount(<TimelineContent>hello</TimelineContent>)).toMatchSnapshot();
+  expect(render(<TimelineContent>hello</TimelineContent>).baseElement).toMatchSnapshot();
 });

package/src/TimelineHeading/__snapshots__/index.test.tsx.snap

@@ -1,50 +1,37 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders the TimelineHeading with no prop 1`] = `
-<ForwardRef(TimelineHeading)>
-  <ForwardRef(Base)
-    as="h2"
-    className="ds-timeline__heading"
-  >
+<body>
+  <div>
     <h2
-      className="ds-timeline__heading"
+      class="ds-timeline__heading"
     >
       hello
     </h2>
-  </ForwardRef(Base)>
-</ForwardRef(TimelineHeading)>
+  </div>
+</body>
 `;
 
 exports[`renders the TimelineHeading with size = "md" prop 1`] = `
-<ForwardRef(TimelineHeading)
-  size="md"
->
-  <ForwardRef(Base)
-    as="h3"
-    className="ds-timeline__heading-md ds-timeline__heading"
-  >
+<body>
+  <div>
     <h3
-      className="ds-timeline__heading-md ds-timeline__heading"
+      class="ds-timeline__heading-md ds-timeline__heading"
     >
       hello
     </h3>
-  </ForwardRef(Base)>
-</ForwardRef(TimelineHeading)>
+  </div>
+</body>
 `;
 
 exports[`renders the TimelineHeading with size = "sm" prop 1`] = `
-<ForwardRef(TimelineHeading)
-  size="sm"
->
-  <ForwardRef(Base)
-    as="h4"
-    className="ds-timeline__heading-sm ds-timeline__heading"
-  >
+<body>
+  <div>
     <h4
-      className="ds-timeline__heading-sm ds-timeline__heading"
+      class="ds-timeline__heading-sm ds-timeline__heading"
     >
       hello
     </h4>
-  </ForwardRef(Base)>
-</ForwardRef(TimelineHeading)>
+  </div>
+</body>
 `;

package/src/TimelineHeading/index.test.tsx

@@ -1,18 +1,18 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { render } from '@testing-library/react';
 
 import TimelineHeading from '@digigov/react-core/TimelineHeading';
 
 it('renders the TimelineHeading with no prop', () => {
-  expect(mount(<TimelineHeading>hello</TimelineHeading>)).toMatchSnapshot();
+  expect(render(<TimelineHeading>hello</TimelineHeading>).baseElement).toMatchSnapshot();
 });
 it('renders the TimelineHeading with size = "md" prop', () => {
   expect(
-    mount(<TimelineHeading size="md">hello</TimelineHeading>)
+    render(<TimelineHeading size="md">hello</TimelineHeading>).baseElement
   ).toMatchSnapshot();
 });
 it('renders the TimelineHeading with size = "sm" prop', () => {
   expect(
-    mount(<TimelineHeading size="sm">hello</TimelineHeading>)
+    render(<TimelineHeading size="sm">hello</TimelineHeading>).baseElement
   ).toMatchSnapshot();
 });

package/src/TimelineItem/__snapshots__/index.test.tsx.snap

@@ -1,16 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders the TimelineItem with no prop 1`] = `
-<ForwardRef(TimelineItem)>
-  <ForwardRef(Base)
-    as="li"
-    className="ds-timeline__item"
-  >
+<body>
+  <div>
     <li
-      className="ds-timeline__item"
+      class="ds-timeline__item"
     >
       hello
     </li>
-  </ForwardRef(Base)>
-</ForwardRef(TimelineItem)>
+  </div>
+</body>
 `;

package/src/TimelineItem/index.test.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { render } from '@testing-library/react';
 
 import TimelineItem from '@digigov/react-core/TimelineItem';
 
 it('renders the TimelineItem with no prop', () => {
-  expect(mount(<TimelineItem>hello</TimelineItem>)).toMatchSnapshot();
+  expect(render(<TimelineItem>hello</TimelineItem>).baseElement).toMatchSnapshot();
 });

package/src/Top/__snapshots__/index.test.tsx.snap

@@ -1,16 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders the Top with no props 1`] = `
-<ForwardRef(Top)>
-  <ForwardRef(Base)
-    as="div"
-    className="ds-top"
-  >
+<body>
+  <div>
     <div
-      className="ds-top"
+      class="ds-top"
     >
       hello
     </div>
-  </ForwardRef(Base)>
-</ForwardRef(Top)>
+  </div>
+</body>
 `;

package/src/Top/index.test.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { render } from '@testing-library/react';
 
 import Top from '@digigov/react-core/Top';
 
 it('renders the Top with no props', () => {
-  expect(mount(<Top>hello</Top>)).toMatchSnapshot();
+  expect(render(<Top>hello</Top>).baseElement).toMatchSnapshot();
 });