Convert some tests from Enzyme to RTL (#9483)

test/modules/ModuleComponents-test.tsx

@@ -15,8 +15,7 @@ limitations under the License.
 */
 
 import React from "react";
-// eslint-disable-next-line deprecate/import
-import { mount } from "enzyme";
+import { render } from "@testing-library/react";
 import { TextInputField } from "@matrix-org/react-sdk-module-api/lib/components/TextInputField";
 import { Spinner as ModuleSpinner } from "@matrix-org/react-sdk-module-api/lib/components/Spinner";
 
@@ -31,12 +30,12 @@ describe("Module Components", () => {
     // ModuleRunner import to do its job (as per documentation in ModuleComponents).
 
     it("should override the factory for a TextInputField", () => {
-        const component = mount(<TextInputField label="My Label" value="My Value" onChange={() => {}} />);
-        expect(component).toMatchSnapshot();
+        const { asFragment } = render(<TextInputField label="My Label" value="My Value" onChange={() => {}} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("should override the factory for a ModuleSpinner", () => {
-        const component = mount(<ModuleSpinner />);
-        expect(component).toMatchSnapshot();
+        const { asFragment } = render(<ModuleSpinner />);
+        expect(asFragment()).toMatchSnapshot();
     });
 });

test/modules/__snapshots__/ModuleComponents-test.tsx.snap

@@ -1,68 +1,39 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Module Components should override the factory for a ModuleSpinner 1`] = `
-<Spinner>
-  <Spinner
-    h={32}
-    w={32}
+<DocumentFragment>
+  <div
+    class="mx_Spinner"
   >
     <div
-      className="mx_Spinner"
-    >
-      <div
-        aria-label="Loading..."
-        className="mx_Spinner_icon"
-        data-testid="spinner"
-        role="progressbar"
-        style={
-          Object {
-            "height": 32,
-            "width": 32,
-          }
-        }
-      />
-    </div>
-  </Spinner>
-</Spinner>
+      aria-label="Loading..."
+      class="mx_Spinner_icon"
+      data-testid="spinner"
+      role="progressbar"
+      style="width: 32px; height: 32px;"
+    />
+  </div>
+</DocumentFragment>
 `;
 
 exports[`Module Components should override the factory for a TextInputField 1`] = `
-<TextInputField
-  label="My Label"
-  onChange={[Function]}
-  value="My Value"
->
-  <Field
-    autoComplete="off"
-    element="input"
-    label="My Label"
-    onChange={[Function]}
-    type="text"
-    validateOnBlur={true}
-    validateOnChange={true}
-    validateOnFocus={true}
-    value="My Value"
+<DocumentFragment>
+  <div
+    class="mx_Field mx_Field_input"
   >
-    <div
-      className="mx_Field mx_Field_input"
+    <input
+      autocomplete="off"
+      id="mx_Field_1"
+      label="My Label"
+      placeholder="My Label"
+      type="text"
+      value="My Value"
+    />
+    <label
+      for="mx_Field_1"
     >
-      <input
-        autoComplete="off"
-        id="mx_Field_1"
-        label="My Label"
-        onBlur={[Function]}
-        onChange={[Function]}
-        onFocus={[Function]}
-        placeholder="My Label"
-        type="text"
-        value="My Value"
-      />
-      <label
-        htmlFor="mx_Field_1"
-      >
-        My Label
-      </label>
-    </div>
-  </Field>
-</TextInputField>
+      My Label
+    </label>
+  </div>
+</DocumentFragment>
 `;