test: rewrite all tests because of deprecated lib

__tests__/JSONSchemaViewer/__snapshots__/error.test.tsx.snap

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`JSONSchemaViewer states Can render error when something bad happens 1`] = `
+<DocumentFragment>
+  <div>
+    Something bad happens : Resolver error
+  </div>
+</DocumentFragment>
+`;

__tests__/JSONSchemaViewer/error.test.tsx

@@ -1,7 +1,9 @@
 import React from "react";
 import { expect, test, describe, jest } from "@jest/globals";
-import { render, screen } from "@testing-library/react";
+import { render, act } from "@testing-library/react";
 import JSONSchemaViewer from "../../src/theme/JSONSchemaViewer/index";
+
+import type { RenderResult } from "@testing-library/react";
 import type { JSONSchema } from "../../src/theme/JSONSchemaViewer/types";
 
 jest.mock("@stoplight/json-ref-resolver", () => {
@@ -13,10 +15,15 @@ jest.mock("@stoplight/json-ref-resolver", () => {
 
 describe("JSONSchemaViewer states", () => {
   test("Can render error when something bad happens", async () => {
-    const fakeSchema3: JSONSchema = { type: "object" };
+    const fakeSchema: JSONSchema = { type: "object" }
+    let result: RenderResult | null = null;
 
-    render(<JSONSchemaViewer schema={fakeSchema3} />);
+    // Render the component within act
+    await act(async () => {
+      result = render(<JSONSchemaViewer schema={fakeSchema} />);
+    });
 
-    expect(await screen.findByText(/error/i)).toBeInTheDocument();
+    // Capture the snapshot
+    expect(result!.asFragment()).toMatchSnapshot();
   });
 });