test(fieldset-web): remove enzyme from fieldset widget

Author: samuelreichert

packages/pluggableWidgets/fieldset-web/package.json

@@ -37,7 +37,7 @@
         "publish-marketplace": "rui-publish-marketplace",
         "release": "pluggable-widgets-tools release:web",
         "start": "pluggable-widgets-tools start:server",
-        "test": "pluggable-widgets-tools test:unit:web",
+        "test": "pluggable-widgets-tools test:unit:web:enzyme-free",
         "update-changelog": "rui-update-changelog-widget",
         "verify": "rui-verify-package-format"
     },

packages/pluggableWidgets/fieldset-web/src/__tests__/Fieldset.spec.tsx

@@ -1,4 +1,5 @@
-import { shallow } from "enzyme";
+import "@testing-library/jest-dom";
+import { render } from "@testing-library/react";
 import { createElement, Fragment, ReactNode } from "react";
 
 import { Fieldset, FieldsetProps } from "../components/Fieldset";
@@ -20,17 +21,17 @@ describe("Fieldset", () => {
     );
 
     it("renders children and legend", () => {
-        const fieldset = shallow(<Fieldset {...defaultFieldsetProps}>{defaultChildren}</Fieldset>);
+        const fieldset = render(<Fieldset {...defaultFieldsetProps}>{defaultChildren}</Fieldset>);
 
-        expect(fieldset).toMatchSnapshot();
+        expect(fieldset.asFragment()).toMatchSnapshot();
     });
     it("renders only children when no legend is passed", () => {
-        const fieldset = shallow(
+        const fieldset = render(
             <Fieldset {...defaultFieldsetProps} legend={undefined}>
                 {defaultChildren}
             </Fieldset>
         );
 
-        expect(fieldset).toMatchSnapshot();
+        expect(fieldset.asFragment()).toMatchSnapshot();
     });
 });

packages/pluggableWidgets/fieldset-web/src/__tests__/__snapshots__/Fieldset.spec.tsx.snap

@@ -1,40 +1,42 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Fieldset renders children and legend 1`] = `
-<fieldset
-  className="className"
-  name="fieldset"
-  style={{}}
-  tabIndex={0}
->
-  <legend>
-    legend
-  </legend>
-  <label>
-    Name:
-  </label>
-  <input
-    id="employee_name"
-    name="employee_name"
-    type="text"
-  />
-</fieldset>
+<DocumentFragment>
+  <fieldset
+    class="className"
+    name="fieldset"
+    tabindex="0"
+  >
+    <legend>
+      legend
+    </legend>
+    <label>
+      Name:
+    </label>
+    <input
+      id="employee_name"
+      name="employee_name"
+      type="text"
+    />
+  </fieldset>
+</DocumentFragment>
 `;
 
 exports[`Fieldset renders only children when no legend is passed 1`] = `
-<fieldset
-  className="className"
-  name="fieldset"
-  style={{}}
-  tabIndex={0}
->
-  <label>
-    Name:
-  </label>
-  <input
-    id="employee_name"
-    name="employee_name"
-    type="text"
-  />
-</fieldset>
+<DocumentFragment>
+  <fieldset
+    class="className"
+    name="fieldset"
+    tabindex="0"
+  >
+    <label>
+      Name:
+    </label>
+    <input
+      id="employee_name"
+      name="employee_name"
+      type="text"
+    />
+  </fieldset>
+</DocumentFragment>
 `;