@khanacademy/wonder-blocks-testing 7.1.5 → 7.1.6

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @khanacademy/wonder-blocks-testing
 
+## 7.1.6
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-data@10.0.2
+
 ## 7.1.5
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@khanacademy/wonder-blocks-testing",
-    "version": "7.1.5",
+    "version": "7.1.6",
     "design": "v1",
     "publishConfig": {
         "access": "public"
@@ -14,7 +14,7 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.18.6",
-        "@khanacademy/wonder-blocks-data": "^10.0.1"
+        "@khanacademy/wonder-blocks-data": "^10.0.2"
     },
     "peerDependencies": {
         "@khanacademy/wonder-stuff-core": "^0.1.2",
@@ -26,7 +26,7 @@
         "react-router-dom": "5.3.0"
     },
     "devDependencies": {
-        "wb-dev-build-settings": "^0.4.0"
+        "wb-dev-build-settings": "^0.5.0"
     },
     "author": "",
     "license": "MIT"

package/src/harness/adapters/__tests__/data.test.js

@@ -1,7 +1,7 @@
 // @flow
 import * as React from "react";
-import {mount} from "enzyme"; // eslint-disable-line no-restricted-imports
-import "jest-enzyme";
+import {render, screen, waitFor} from "@testing-library/react";
+import {useCachedEffect} from "@khanacademy/wonder-blocks-data";
 import * as Data from "../data.js";
 
 describe("WonderBlocksData.adapter", () => {
@@ -10,57 +10,57 @@ describe("WonderBlocksData.adapter", () => {
         const children = <div>CONTENT</div>;
 
         // Act
-        const wrapper = mount(Data.adapter(children, []), {
-            includeDefaultTestHarness: false,
-        });
+        render(Data.adapter(children, []));
 
         // Assert
-        expect(wrapper).toHaveHTML("<div>CONTENT</div>");
+        expect(screen.getByText("CONTENT")).toBeInTheDocument();
     });
 
-    it("should render children within InterceptRequests when dataIntercepts configured", () => {
+    it("should support request interception via configured dataIntercepts", async () => {
         // Arrange
-        const children = <div>CONTENT</div>;
+
+        const TestFixture = () => {
+            const [result] = useCachedEffect("ID", jest.fn());
+
+            return <div>CONTENT: {result?.data}</div>;
+        };
 
         // Act
-        const wrapper = mount(
-            Data.adapter(children, () =>
+        const {container} = render(
+            Data.adapter(<TestFixture />, () =>
                 Promise.resolve(("INTERCEPTED!": any)),
             ),
-            {
-                includeDefaultTestHarness: false,
-            },
         );
 
         // Assert
-        expect(wrapper).toContainMatchingElement("InterceptRequests");
+        await waitFor(() => expect(container).toContainHTML("INTERCEPTED!"));
     });
 
     it("should render like we expect", () => {
         // Snapshot test is handy to visualize what's going on and help debug
         // test failures of the other cases. The other cases assert specifics.
         // Arrange
-        const children = <div>CONTENT</div>;
+        const TestFixture = () => {
+            const [result] = useCachedEffect("ID", jest.fn());
+
+            return <div>CONTENT:{result?.data}</div>;
+        };
 
         // Act
-        const wrapper = mount(
-            Data.adapter(children, () =>
+        const {container} = render(
+            Data.adapter(<TestFixture />, () =>
                 Promise.resolve(("INTERCEPTED!": any)),
             ),
-            {
-                includeDefaultTestHarness: false,
-            },
         );
 
         // Assert
-        expect(wrapper).toMatchInlineSnapshot(`
-            <InterceptRequests
-              interceptor={[Function]}
-            >
+        expect(container).toMatchInlineSnapshot(`
+            <div>
               <div>
-                CONTENT
+                CONTENT:
+                INTERCEPTED!
               </div>
-            </InterceptRequests>
+            </div>
         `);
     });
 });