@khanacademy/wonder-blocks-data 2.3.4 → 3.0.0

package/src/components/__tests__/internal-data.test.js

@@ -1,1030 +0,0 @@
-/* eslint-disable max-lines */
-// @flow
-import * as React from "react";
-import {mount, shallow} from "enzyme";
-
-// eslint-disable-next-line import/extensions
-import * as ReactDOMServer from "react-dom/server";
-import {Server, View} from "@khanacademy/wonder-blocks-core";
-
-import TrackData from "../track-data.js";
-import {RequestFulfillment} from "../../util/request-fulfillment.js";
-import {ResponseCache} from "../../util/response-cache.js";
-import {RequestTracker} from "../../util/request-tracking.js";
-import InternalData from "../internal-data.js";
-
-import type {IRequestHandler} from "../../util/types.js";
-
-describe("InternalData", () => {
-    beforeEach(() => {
-        const responseCache = new ResponseCache();
-        jest.spyOn(ResponseCache, "Default", "get").mockReturnValue(
-            responseCache,
-        );
-        jest.spyOn(RequestFulfillment, "Default", "get").mockReturnValue(
-            new RequestFulfillment(responseCache),
-        );
-        jest.spyOn(RequestTracker, "Default", "get").mockReturnValue(
-            new RequestTracker(responseCache),
-        );
-    });
-
-    afterEach(() => {
-        jest.resetAllMocks();
-    });
-
-    describe("CSR: isServerSide false", () => {
-        beforeEach(() => {
-            jest.spyOn(Server, "isServerSide").mockReturnValue(false);
-        });
-
-        describe("without cached data", () => {
-            it("should initialize state as loading", () => {
-                // Arrange
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.resolve("data"),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-
-                // Act
-                const wrapper = shallow(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={jest.fn(() => null)}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-
-                // Assert
-                expect(wrapper).toHaveState("loading", true);
-                expect(wrapper).toHaveState("data", null);
-                expect(wrapper).toHaveState("error", null);
-            });
-
-            it("should make request for data on construction", () => {
-                // Arrange
-                const fulfillRequestSpy = jest.fn().mockResolvedValue("data");
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: fulfillRequestSpy,
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-
-                // Act
-                mount(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={jest.fn(() => null)}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-
-                // Assert
-                expect(fulfillRequestSpy).toHaveBeenCalledWith("options");
-                expect(fulfillRequestSpy).toHaveBeenCalledTimes(1);
-            });
-
-            it("should initially render children with loading", () => {
-                // Arrange
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.resolve("data"),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-
-                // Act
-                mount(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={jest.fn(() => null)}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-
-                // Assert
-                expect(fakeChildrenFn).toHaveBeenCalledWith(
-                    expect.objectContaining({
-                        loading: true,
-                    }),
-                );
-            });
-
-            it("should share single request across all uses", () => {
-                // Arrange
-                const fulfillRequestSpy = jest.fn(
-                    () => new Promise((resolve, reject) => {}),
-                );
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: fulfillRequestSpy,
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-
-                // Act
-                mount(
-                    <View>
-                        <InternalData
-                            handler={fakeHandler}
-                            options={"options"}
-                            getEntry={jest.fn(() => null)}
-                        >
-                            {fakeChildrenFn}
-                        </InternalData>
-                        <InternalData
-                            handler={fakeHandler}
-                            options={"options"}
-                            getEntry={jest.fn(() => null)}
-                        >
-                            {fakeChildrenFn}
-                        </InternalData>
-                    </View>,
-                );
-
-                // Assert
-                expect(fulfillRequestSpy).toHaveBeenCalledWith("options");
-                expect(fulfillRequestSpy).toHaveBeenCalledTimes(1);
-            });
-
-            it("should render with an error if the request resolves to an error", async () => {
-                // Arrange
-                const fulfillSpy = jest.spyOn(
-                    RequestFulfillment.Default,
-                    "fulfill",
-                );
-
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.reject(new Error("OH NOES!")),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-
-                // Act
-                mount(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={jest.fn(() => null)}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-                /**
-                 * We wait for the fulfillment to resolve.
-                 */
-                await fulfillSpy.mock.results[0].value;
-
-                // Assert
-                expect(fakeChildrenFn).toHaveBeenCalledTimes(2);
-                expect(fakeChildrenFn).toHaveBeenLastCalledWith({
-                    loading: false,
-                    error: "OH NOES!",
-                });
-            });
-
-            it("should render with data if the request resolves with data", async () => {
-                // Arrange
-                const fulfillSpy = jest.spyOn(
-                    RequestFulfillment.Default,
-                    "fulfill",
-                );
-
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.resolve("YAY! DATA!"),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-
-                // Act
-                mount(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={jest.fn(() => null)}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-                /**
-                 * We wait for the fulfillment to resolve.
-                 */
-                await fulfillSpy.mock.results[0].value;
-
-                // Assert
-                expect(fakeChildrenFn).toHaveBeenCalledTimes(2);
-                expect(fakeChildrenFn).toHaveBeenLastCalledWith({
-                    loading: false,
-                    data: "YAY! DATA!",
-                });
-            });
-
-            it("should render with an error if the request rejects with string", async () => {
-                // Arrange
-                const fulfillSpy = jest
-                    .spyOn(RequestFulfillment.Default, "fulfill")
-                    .mockReturnValue(Promise.reject("CATASTROPHE!"));
-
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.resolve("YAY!"),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-
-                // Act
-                mount(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={jest.fn(() => null)}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-                /**
-                 * We wait for the fulfillment to reject.
-                 */
-                await fulfillSpy.mock.results[0].value.catch(() => {});
-
-                // Assert
-                expect(fakeChildrenFn).toHaveBeenCalledTimes(2);
-                expect(fakeChildrenFn).toHaveBeenLastCalledWith({
-                    loading: false,
-                    error: "CATASTROPHE!",
-                });
-            });
-
-            it("should render with an error if the request rejects with Error", async () => {
-                // Arrange
-                const fulfillSpy = jest
-                    .spyOn(RequestFulfillment.Default, "fulfill")
-                    .mockReturnValue(Promise.reject(new Error("CATASTROPHE!")));
-
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.resolve("YAY!"),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-
-                // Act
-                mount(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={jest.fn(() => null)}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-                /**
-                 * We wait for the fulfillment to reject.
-                 */
-                await fulfillSpy.mock.results[0].value.catch(() => {});
-
-                // Assert
-                expect(fakeChildrenFn).toHaveBeenCalledTimes(2);
-                expect(fakeChildrenFn).toHaveBeenLastCalledWith({
-                    loading: false,
-                    error: "CATASTROPHE!",
-                });
-            });
-
-            it("should not setState if no longer mounted when request resolves", async () => {
-                // Arrange
-                const fulfillSpy = jest.spyOn(
-                    RequestFulfillment.Default,
-                    "fulfill",
-                );
-
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.resolve("YAY! DATA!"),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-
-                // Act
-                const wrapper = mount(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={jest.fn(() => null)}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-                wrapper.unmount();
-                /**
-                 * We wait for the fulfillment to resolve.
-                 */
-                await fulfillSpy.mock.results[0].value;
-
-                // Assert
-                expect(fakeChildrenFn).toHaveBeenCalledTimes(1);
-                expect(fakeChildrenFn).not.toHaveBeenLastCalledWith({
-                    loading: false,
-                    data: "YAY! DATA!",
-                });
-            });
-
-            it("should not setState if no longer mounted when request rejects", async () => {
-                // Arrange
-                const fulfillSpy = jest
-                    .spyOn(RequestFulfillment.Default, "fulfill")
-                    .mockReturnValue(Promise.reject("CATASTROPHE!"));
-
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.resolve("YAY!"),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-
-                // Act
-                const wrapper = mount(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={jest.fn(() => null)}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-                wrapper.unmount();
-                /**
-                 * We wait for the fulfillment to reject.
-                 */
-                await fulfillSpy.mock.results[0].value.catch(() => {});
-
-                // Assert
-                expect(fakeChildrenFn).toHaveBeenCalledTimes(1);
-                expect(fakeChildrenFn).not.toHaveBeenLastCalledWith({
-                    loading: false,
-                    error: "CATASTROPHE!",
-                });
-            });
-
-            it("should start loading if the handler changes and request not cached", async () => {
-                // Arrange
-                const fulfillSpy = jest.spyOn(
-                    RequestFulfillment.Default,
-                    "fulfill",
-                );
-
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.reject(new Error("OH NOES!")),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "TYPE1",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeHandler2: IRequestHandler<string, string> = {
-                    fulfillRequest: () => new Promise(() => {}),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "TYPE2",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-                const wrapper = mount(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={jest.fn(() => null)}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-                // Make sure we render as laoded.
-                await fulfillSpy.mock.results[0].value;
-                // Clear out calls so everything is from the props change.
-                fulfillSpy.mockClear();
-                fakeChildrenFn.mockClear();
-
-                // Act
-                wrapper.setProps({
-                    handler: fakeHandler2,
-                });
-
-                // Assert
-                expect(fakeChildrenFn).toHaveBeenCalledTimes(1);
-                expect(fakeChildrenFn).toHaveBeenLastCalledWith({
-                    loading: true,
-                });
-            });
-
-            it("should start loading if the options key changes and is not cached", async () => {
-                // Arrange
-                const fulfillSpy = jest.spyOn(
-                    RequestFulfillment.Default,
-                    "fulfill",
-                );
-
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.resolve("HELLO!"),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-                const wrapper = mount(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={jest.fn(() => null)}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-                await fulfillSpy.mock.results[0].value;
-                fulfillSpy.mockClear();
-                fakeChildrenFn.mockClear();
-
-                // Act
-                wrapper.setProps({
-                    options: "new-options",
-                });
-
-                // Assert
-                expect(fakeChildrenFn).toHaveBeenCalledTimes(1);
-                expect(fakeChildrenFn).toHaveBeenLastCalledWith({
-                    loading: true,
-                });
-            });
-        });
-
-        describe("with cache data", () => {
-            it("should initialize state with data from cache", () => {
-                // Arrange
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.resolve("data"),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-                const getEntryFn = jest.fn(() => ({
-                    data: "YAY! DATA!",
-                }));
-
-                // Act
-                const wrapper = shallow(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={getEntryFn}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-
-                // Assert
-                expect(wrapper).toHaveState("loading", false);
-                expect(wrapper).toHaveState("data", "YAY! DATA!");
-                expect(wrapper).toHaveState("error", undefined);
-            });
-
-            it("should not request data if shouldRefreshCache returns false", () => {
-                // Arrange
-                const fulfillRequestSpy = jest.fn();
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: fulfillRequestSpy,
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-                const getEntryFn = jest.fn(() => ({
-                    data: "YAY! DATA!",
-                }));
-
-                // Act
-                shallow(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={getEntryFn}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-
-                // Assert
-                expect(fulfillRequestSpy).not.toHaveBeenCalled();
-            });
-
-            it("should request data if shouldRefreshCache returns true", () => {
-                // Arrange
-                const fulfillRequestSpy = jest.fn().mockResolvedValue("data");
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: fulfillRequestSpy,
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => true,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-                const getEntryFn = jest.fn(() => ({
-                    data: "YAY! DATA!",
-                }));
-
-                // Act
-                mount(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={getEntryFn}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-
-                // Assert
-                expect(fulfillRequestSpy).toHaveBeenCalledWith("options");
-                expect(fulfillRequestSpy).toHaveBeenCalledTimes(1);
-            });
-
-            it("should render first time with the cached data", () => {
-                // Arrange
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.resolve("data"),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-                const getEntryFn = jest.fn(() => ({
-                    data: "YAY! DATA!",
-                }));
-
-                // Act
-                mount(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={getEntryFn}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-
-                // Assert
-                expect(fakeChildrenFn).toHaveBeenCalledWith({
-                    loading: false,
-                    data: "YAY! DATA!",
-                });
-            });
-
-            it("should render first time with the cached error", () => {
-                // Arrange
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.resolve("data"),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-                const getEntryFn = jest.fn(() => ({
-                    error: "OH NO!",
-                }));
-
-                // Act
-                mount(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={getEntryFn}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-
-                // Assert
-                expect(fakeChildrenFn).toHaveBeenCalledWith({
-                    loading: false,
-                    error: "OH NO!",
-                });
-            });
-
-            it("should throw if cached data is invalid", () => {
-                // Arrange
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.resolve("data"),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-                const getEntryFn = jest.fn(() => ({}: any));
-
-                // Act
-                const underTest = () =>
-                    mount(
-                        <InternalData
-                            handler={fakeHandler}
-                            options={"options"}
-                            getEntry={getEntryFn}
-                        >
-                            {fakeChildrenFn}
-                        </InternalData>,
-                    );
-
-                // Assert
-                expect(underTest).toThrowErrorMatchingInlineSnapshot(
-                    `"Loaded result has invalid state where data and error are missing"`,
-                );
-            });
-
-            it("should render with new data if the handler changes and request cached", () => {
-                // Arrange
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.reject(new Error("OH NOES!")),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "TYPE1",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeHandler2: IRequestHandler<string, string> = {
-                    fulfillRequest: () => new Promise(() => {}),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "TYPE2",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-                const getEntryFn = jest.fn(() => ({
-                    data: "YAY! DATA!",
-                }));
-                const wrapper = mount(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={getEntryFn}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-                // Clear out calls so everything is from the props change.
-                fakeChildrenFn.mockClear();
-                getEntryFn.mockReturnValue({
-                    data: "NEW DATA!",
-                });
-
-                // Act
-                wrapper.setProps({
-                    handler: fakeHandler2,
-                });
-
-                // Assert
-                expect(fakeChildrenFn).toHaveBeenCalledTimes(1);
-                expect(fakeChildrenFn).toHaveBeenLastCalledWith({
-                    loading: false,
-                    data: "NEW DATA!",
-                });
-            });
-
-            it("should render with new data if the options key changes and is cached", () => {
-                // Arrange
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.resolve("Not called!"),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-                const getEntryFn = jest.fn(() => ({
-                    data: "YAY! DATA!",
-                }));
-                const wrapper = mount(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={getEntryFn}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-                fakeChildrenFn.mockClear();
-                getEntryFn.mockReturnValue({
-                    data: "NEW DATA!",
-                });
-
-                // Act
-                wrapper.setProps({
-                    options: "new-options",
-                });
-
-                // Assert
-                expect(fakeChildrenFn).toHaveBeenCalledTimes(1);
-                expect(fakeChildrenFn).toHaveBeenLastCalledWith({
-                    loading: false,
-                    data: "NEW DATA!",
-                });
-            });
-        });
-    });
-
-    describe("SSR: isServerSide true", () => {
-        beforeEach(() => {
-            jest.spyOn(Server, "isServerSide").mockReturnValue(true);
-        });
-
-        describe("without cached data", () => {
-            it("should not request data", () => {
-                // Arrange
-                const fulfillRequestSpy = jest.fn().mockResolvedValue("data");
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: fulfillRequestSpy,
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-
-                // Act
-                ReactDOMServer.renderToString(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={jest.fn(() => null)}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-
-                // Assert
-                expect(fulfillRequestSpy).not.toHaveBeenCalled();
-            });
-
-            it("should render children with loading", () => {
-                // Arrange
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.resolve("data"),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-
-                // Act
-                ReactDOMServer.renderToString(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={jest.fn(() => null)}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-
-                // Assert
-                expect(fakeChildrenFn).toHaveBeenCalledWith(
-                    expect.objectContaining({
-                        loading: true,
-                    }),
-                );
-            });
-
-            it("should invoke the tracking call", () => {
-                // Arrange
-                const trackSpy = jest.spyOn(
-                    RequestTracker.Default,
-                    "trackDataRequest",
-                );
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.resolve("data"),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-
-                // Act
-                ReactDOMServer.renderToString(
-                    <TrackData>
-                        <InternalData
-                            handler={fakeHandler}
-                            options={"options"}
-                            getEntry={jest.fn(() => null)}
-                        >
-                            {fakeChildrenFn}
-                        </InternalData>
-                    </TrackData>,
-                );
-
-                // Assert
-                expect(trackSpy).toHaveBeenCalledWith(fakeHandler, "options");
-            });
-        });
-
-        describe("with cached data", () => {
-            it("should not request data", () => {
-                // Arrange
-                const fulfillRequestSpy = jest.fn().mockResolvedValue("data");
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: fulfillRequestSpy,
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-                const getEntryFn = jest.fn(() => ({
-                    data: "YAY! DATA!",
-                }));
-
-                // Act
-                ReactDOMServer.renderToString(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={getEntryFn}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-
-                // Assert
-                expect(fulfillRequestSpy).not.toHaveBeenCalled();
-            });
-
-            it("should render children with data", () => {
-                // Arrange
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.resolve("data"),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-                const getEntryFn = jest.fn(() => ({
-                    data: "YAY! DATA!",
-                }));
-
-                // Act
-                ReactDOMServer.renderToString(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={getEntryFn}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-
-                // Assert
-                expect(fakeChildrenFn).toHaveBeenCalledWith(
-                    expect.objectContaining({
-                        loading: false,
-                        data: "YAY! DATA!",
-                    }),
-                );
-            });
-
-            it("should render children with error", () => {
-                // Arrange
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.resolve("data"),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-                const getEntryFn = jest.fn(() => ({
-                    error: "OH NO! IT GO BOOM",
-                }));
-
-                // Act
-                ReactDOMServer.renderToString(
-                    <InternalData
-                        handler={fakeHandler}
-                        options={"options"}
-                        getEntry={getEntryFn}
-                    >
-                        {fakeChildrenFn}
-                    </InternalData>,
-                );
-
-                // Assert
-                expect(fakeChildrenFn).toHaveBeenCalledWith(
-                    expect.objectContaining({
-                        loading: false,
-                        error: "OH NO! IT GO BOOM",
-                    }),
-                );
-            });
-
-            it("should not invoke the tracking call", () => {
-                // Arrange
-                const trackSpy = jest.spyOn(
-                    RequestTracker.Default,
-                    "trackDataRequest",
-                );
-                const fakeHandler: IRequestHandler<string, string> = {
-                    fulfillRequest: () => Promise.resolve("data"),
-                    getKey: (o) => o,
-                    shouldRefreshCache: () => false,
-                    type: "MY_HANDLER",
-                    cache: null,
-                    hydrate: true,
-                };
-                const fakeChildrenFn = jest.fn(() => null);
-                const getEntryFn = jest.fn(() => ({
-                    data: "YAY! DATA!",
-                }));
-
-                // Act
-                ReactDOMServer.renderToString(
-                    <TrackData>
-                        <InternalData
-                            handler={fakeHandler}
-                            options={"options"}
-                            getEntry={getEntryFn}
-                        >
-                            {fakeChildrenFn}
-                        </InternalData>
-                    </TrackData>,
-                );
-
-                // Assert
-                expect(trackSpy).not.toHaveBeenCalledWith(
-                    fakeHandler,
-                    "options",
-                );
-            });
-        });
-    });
-});