@digigov/react-core 2.0.0-rc.17 → 2.0.0-rc.18

package/src/NormalText/index.test.tsx

@@ -1,324 +1,324 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { render } from '@testing-library/react';
 
 import NormalText from '@digigov/react-core/NormalText';
 
 it('renders the NormalText with no props', () => {
-  expect(mount(<NormalText>hello</NormalText>)).toMatchSnapshot();
+  expect(render(<NormalText>hello</NormalText>).baseElement).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=lead', () => {
-  expect(mount(<NormalText size={'lg'}>hello</NormalText>)).toMatchSnapshot();
+  expect(render(<NormalText size={'lg'}>hello</NormalText>).baseElement).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=normal', () => {
-  expect(mount(<NormalText size={'md'}>hello</NormalText>)).toMatchSnapshot();
+  expect(render(<NormalText size={'md'}>hello</NormalText>).baseElement).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=small', () => {
-  expect(mount(<NormalText size={'sm'}>hello</NormalText>)).toMatchSnapshot();
+  expect(render(<NormalText size={'sm'}>hello</NormalText>).baseElement).toMatchSnapshot();
 });
 
 it('renders the NormalText with fontWeight=regular', () => {
   expect(
-    mount(<NormalText fontWeight={'regular'}>hello</NormalText>)
+    render(<NormalText fontWeight={'regular'}>hello</NormalText>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with fontWeight=bold', () => {
   expect(
-    mount(<NormalText fontWeight={'bold'}>hello</NormalText>)
+    render(<NormalText fontWeight={'bold'}>hello</NormalText>).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with fontSize=14', () => {
-  expect(mount(<NormalText fontSize={14}>hello</NormalText>)).toMatchSnapshot();
+  expect(render(<NormalText fontSize={14}>hello</NormalText>).baseElement).toMatchSnapshot();
 });
 
 it('renders the NormalText with fontSize=16', () => {
-  expect(mount(<NormalText fontSize={16}>hello</NormalText>)).toMatchSnapshot();
+  expect(render(<NormalText fontSize={16}>hello</NormalText>).baseElement).toMatchSnapshot();
 });
 
 it('renders the NormalText with fontSize=19', () => {
-  expect(mount(<NormalText fontSize={19}>hello</NormalText>)).toMatchSnapshot();
+  expect(render(<NormalText fontSize={19}>hello</NormalText>).baseElement).toMatchSnapshot();
 });
 
 it('renders the NormalText with fontSize=24', () => {
-  expect(mount(<NormalText fontSize={24}>hello</NormalText>)).toMatchSnapshot();
+  expect(render(<NormalText fontSize={24}>hello</NormalText>).baseElement).toMatchSnapshot();
 });
 
 it('renders the NormalText with fontSize=30', () => {
-  expect(mount(<NormalText fontSize={30}>hello</NormalText>)).toMatchSnapshot();
+  expect(render(<NormalText fontSize={30}>hello</NormalText>).baseElement).toMatchSnapshot();
 });
 
 it('renders the NormalText with fontSize=36', () => {
-  expect(mount(<NormalText fontSize={36}>hello</NormalText>)).toMatchSnapshot();
+  expect(render(<NormalText fontSize={36}>hello</NormalText>).baseElement).toMatchSnapshot();
 });
 
 it('renders the NormalText with fontSize=48', () => {
-  expect(mount(<NormalText fontSize={48}>hello</NormalText>)).toMatchSnapshot();
+  expect(render(<NormalText fontSize={48}>hello</NormalText>).baseElement).toMatchSnapshot();
 });
 
 it('renders the NormalText with fontSize=72', () => {
-  expect(mount(<NormalText fontSize={72}>hello</NormalText>)).toMatchSnapshot();
+  expect(render(<NormalText fontSize={72}>hello</NormalText>).baseElement).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=lead and fontSize=14', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'lg'} fontSize={14}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=lead and ontSize=16', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'lg'} fontSize={16}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=lead and fontSize=19', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'lg'} fontSize={19}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=lead and fontSize=24', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'lg'} fontSize={24}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=lead and fontSize=30', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'lg'} fontSize={30}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=lead and fontSize=36', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'lg'} fontSize={36}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=lead and font size fontSize=48', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'lg'} fontSize={48}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=lead and font size fontSize=72', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'lg'} fontSize={72}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=normal and fontSize=14', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'md'} fontSize={14}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=normal and ontSize=16', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'md'} fontSize={16}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=normal and fontSize=19', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'md'} fontSize={19}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=normal and fontSize=24', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'md'} fontSize={24}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=normal and fontSize=30', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'md'} fontSize={30}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=normal and fontSize=36', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'md'} fontSize={36}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=normal and font size fontSize=48', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'md'} fontSize={48}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=normal and font size fontSize=72', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'md'} fontSize={72}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=small and fontSize=14', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'sm'} fontSize={14}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=small and ontSize=16', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'sm'} fontSize={16}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=small and fontSize=19', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'sm'} fontSize={19}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=small and fontSize=24', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'sm'} fontSize={24}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=small and fontSize=30', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'sm'} fontSize={30}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=lead and fontSize=36', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'lg'} fontSize={36}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=small and font size fontSize=48', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'sm'} fontSize={48}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=small and font size fontSize=72', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'sm'} fontSize={72}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=small, font size fontSize=72 and fontWeight=regular', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'sm'} fontSize={72} fontWeight={'regular'}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=small, font size fontSize=72 and fontWeight=bold', () => {
   expect(
-    mount(
+    render(
       <NormalText size={'sm'} fontSize={72} fontWeight={'bold'}>
         hello
       </NormalText>
-    )
+    ).baseElement
   ).toMatchSnapshot();
 });

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

@@ -1,68 +1,46 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders the NotificationBannerContainer with dense=true 1`] = `
-<ForwardRef(NotificationBannerContainer)
-  dense={true}
->
-  <ForwardRef(Base)
-    aria-labelledby="ds-notification-banner-title"
-    as="div"
-    className="ds-notification-banner--info ds-notification-banner--dense ds-notification-banner"
-    data-module="ds-notification-banner"
-    role="region"
-  >
+<body>
+  <div>
     <div
       aria-labelledby="ds-notification-banner-title"
-      className="ds-notification-banner--info ds-notification-banner--dense ds-notification-banner"
+      class="ds-notification-banner--info ds-notification-banner--dense ds-notification-banner"
       data-module="ds-notification-banner"
       role="region"
     >
       hello
     </div>
-  </ForwardRef(Base)>
-</ForwardRef(NotificationBannerContainer)>
+  </div>
+</body>
 `;
 
 exports[`renders the NotificationBannerContainer with no props 1`] = `
-<ForwardRef(NotificationBannerContainer)>
-  <ForwardRef(Base)
-    aria-labelledby="ds-notification-banner-title"
-    as="div"
-    className="ds-notification-banner--info ds-notification-banner"
-    data-module="ds-notification-banner"
-    role="region"
-  >
+<body>
+  <div>
     <div
       aria-labelledby="ds-notification-banner-title"
-      className="ds-notification-banner--info ds-notification-banner"
+      class="ds-notification-banner--info ds-notification-banner"
       data-module="ds-notification-banner"
       role="region"
     >
       hello
     </div>
-  </ForwardRef(Base)>
-</ForwardRef(NotificationBannerContainer)>
+  </div>
+</body>
 `;
 
 exports[`renders the NotificationBannerContainer with variant=success 1`] = `
-<ForwardRef(NotificationBannerContainer)
-  variant="success"
->
-  <ForwardRef(Base)
-    aria-labelledby="ds-notification-banner-title"
-    as="div"
-    className="ds-notification-banner--success ds-notification-banner"
-    data-module="ds-notification-banner"
-    role="region"
-  >
+<body>
+  <div>
     <div
       aria-labelledby="ds-notification-banner-title"
-      className="ds-notification-banner--success ds-notification-banner"
+      class="ds-notification-banner--success ds-notification-banner"
       data-module="ds-notification-banner"
       role="region"
     >
       hello
     </div>
-  </ForwardRef(Base)>
-</ForwardRef(NotificationBannerContainer)>
+  </div>
+</body>
 `;

package/src/NotificationBannerContainer/index.test.tsx

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

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

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

package/src/NotificationBannerContent/index.test.tsx

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

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

@@ -1,39 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders the NotificationBannerHeader with no props 1`] = `
-<ForwardRef(NotificationBannerHeader)>
-  <ForwardRef(Base)
-    as="div"
-    className="ds-notification-banner__header"
-  >
+<body>
+  <div>
     <div
-      className="ds-notification-banner__header"
+      class="ds-notification-banner__header"
     >
-      <ForwardRef(Heading)
-        className="ds-notification-banner__title"
-        element="h2"
-        marginBottom={0}
-        size="sm"
+      <h2
+        class="ds-notification-banner__title ds-heading-sm ds-mb-0"
       >
-        <ForwardRef(Typography)
-          as="h2"
-          className="ds-notification-banner__title ds-heading-sm"
-          marginBottom={0}
-        >
-          <ForwardRef(Base)
-            as="h2"
-            className="ds-notification-banner__title ds-heading-sm"
-            marginBottom={0}
-          >
-            <h2
-              className="ds-notification-banner__title ds-heading-sm ds-mb-0"
-            >
-              hello
-            </h2>
-          </ForwardRef(Base)>
-        </ForwardRef(Typography)>
-      </ForwardRef(Heading)>
+        hello
+      </h2>
     </div>
-  </ForwardRef(Base)>
-</ForwardRef(NotificationBannerHeader)>
+  </div>
+</body>
 `;

package/src/NotificationBannerHeader/index.test.tsx

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

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

@@ -1,27 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders the NotificationBannerHeading with no props 1`] = `
-<ForwardRef(NotificationBannerHeading)>
-  <ForwardRef(Heading)
-    className="ds-notification-banner__heading"
-    element="h3"
-    size="md"
-  >
-    <ForwardRef(Typography)
-      as="h3"
-      className="ds-notification-banner__heading ds-heading-md"
+<body>
+  <div>
+    <h3
+      class="ds-notification-banner__heading ds-heading-md"
     >
-      <ForwardRef(Base)
-        as="h3"
-        className="ds-notification-banner__heading ds-heading-md"
-      >
-        <h3
-          className="ds-notification-banner__heading ds-heading-md"
-        >
-          hello
-        </h3>
-      </ForwardRef(Base)>
-    </ForwardRef(Typography)>
-  </ForwardRef(Heading)>
-</ForwardRef(NotificationBannerHeading)>
+      hello
+    </h3>
+  </div>
+</body>
 `;

package/src/NotificationBannerHeading/index.test.tsx

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