@cedarjs/web 6.0.0-canary.2672 → 6.0.0-canary.2675

package/dist/cjs/components/cell/createFragmentCell.test.js

@@ -1,225 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var import_react = __toESM(require("react"), 1);
-var import_react2 = require("@apollo/client/react");
-var import_react3 = require("@testing-library/react");
-var import_graphql = require("graphql");
-var import_vitest = require("vitest");
-var import_fragmentRegistry = require("../../apollo/fragmentRegistry.js");
-var import_createCell = require("./createCell.js");
-import_vitest.vi.mock("@apollo/client/react", async (importOriginal) => {
-  const actual = await importOriginal();
-  return {
-    ...actual,
-    useApolloClient: import_vitest.vi.fn(),
-    useFragment: import_vitest.vi.fn(),
-    useQuery: import_vitest.vi.fn()
-  };
-});
-const mockUseApolloClient = import_react2.useApolloClient;
-const mockApolloUseFragment = import_react2.useFragment;
-const mockUseQuery = import_react2.useQuery;
-const AUTHOR_FRAGMENT = (0, import_graphql.parse)(`
-  fragment AuthorCell_author on User {
-    email
-    fullName
-  }
-`);
-(0, import_vitest.describe)("createFragmentCell", () => {
-  (0, import_vitest.beforeAll)(() => {
-    globalThis.RWJS_ENV = {
-      RWJS_EXP_STREAMING_SSR: false
-    };
-  });
-  (0, import_vitest.beforeEach)(() => {
-    mockApolloUseFragment.mockReset();
-    mockUseApolloClient.mockReset();
-    mockUseApolloClient.mockReturnValue({
-      cache: {
-        identify: (obj) => obj.__typename && obj.id !== void 0 ? `${obj.__typename}:${obj.id}` : void 0
-      }
-    });
-    mockApolloUseFragment.mockReturnValue({ data: void 0, complete: false });
-  });
-  (0, import_vitest.test)("renders Success with data from its data prop", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      FRAGMENT: AUTHOR_FRAGMENT,
-      Success: ({ author }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "By ", author.fullName)
-    });
-    (0, import_react3.render)(
-      /* @__PURE__ */ import_react.default.createElement(
-        TestCell,
-        {
-          author: { __typename: "User", id: 1, fullName: "Story Teller" }
-        }
-      )
-    );
-    import_react3.screen.getByText(/^By Story Teller$/);
-  });
-  (0, import_vitest.test)("prefers complete data from the cache", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      FRAGMENT: AUTHOR_FRAGMENT,
-      Success: ({ author }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "By ", author.fullName)
-    });
-    mockApolloUseFragment.mockImplementation((options) => {
-      (0, import_vitest.expect)(options.fragmentName).toEqual("AuthorCell_author");
-      (0, import_vitest.expect)(options.from).toEqual("User:1");
-      return {
-        data: { fullName: "Cache Dweller" },
-        complete: true
-      };
-    });
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, { author: { __typename: "User", id: 1 } }));
-    import_react3.screen.getByText(/^By Cache Dweller$/);
-  });
-  (0, import_vitest.test)("falls back to the data prop for incomplete cache reads", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      FRAGMENT: AUTHOR_FRAGMENT,
-      Success: ({ author }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "By ", author.fullName)
-    });
-    mockApolloUseFragment.mockReturnValue({ data: void 0, complete: false });
-    (0, import_react3.render)(
-      /* @__PURE__ */ import_react.default.createElement(
-        TestCell,
-        {
-          author: { __typename: "User", id: 1, fullName: "Ref Reader" }
-        }
-      )
-    );
-    import_react3.screen.getByText(/^By Ref Reader$/);
-  });
-  (0, import_vitest.test)("derives the prop name from the fragment type when there is no underscore", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      FRAGMENT: (0, import_graphql.parse)(`
-        fragment AuthorBio on User {
-          bio
-        }
-      `),
-      Success: ({ user }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, user.bio)
-    });
-    (0, import_react3.render)(
-      /* @__PURE__ */ import_react.default.createElement(TestCell, { user: { __typename: "User", id: 1, bio: "Writes things" } })
-    );
-    import_react3.screen.getByText(/^Writes things$/);
-  });
-  (0, import_vitest.test)("renders Empty when isEmpty says so", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      FRAGMENT: AUTHOR_FRAGMENT,
-      isEmpty: () => true,
-      Empty: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Nothing to see"),
-      Success: ({ author }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "By ", author.fullName)
-    });
-    (0, import_react3.render)(
-      /* @__PURE__ */ import_react.default.createElement(TestCell, { author: { __typename: "User", id: 1, fullName: "Nobody" } })
-    );
-    import_react3.screen.getByText(/^Nothing to see$/);
-  });
-  (0, import_vitest.test)("applies afterQuery to the fragment data", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      FRAGMENT: AUTHOR_FRAGMENT,
-      afterQuery: (data) => ({
-        author: { ...data.author, fullName: "Changed Name" }
-      }),
-      Success: ({ author }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "By ", author.fullName)
-    });
-    (0, import_react3.render)(
-      /* @__PURE__ */ import_react.default.createElement(
-        TestCell,
-        {
-          author: { __typename: "User", id: 1, fullName: "Original Name" }
-        }
-      )
-    );
-    import_react3.screen.getByText(/^By Changed Name$/);
-  });
-  (0, import_vitest.test)("renders Empty when the data prop is null", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      FRAGMENT: AUTHOR_FRAGMENT,
-      Empty: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "No author"),
-      Success: ({ author }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "By ", author.fullName)
-    });
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, { author: null }));
-    import_react3.screen.getByText(/^No author$/);
-  });
-  (0, import_vitest.test)("renders Success with null data when the data prop is null and there is no Empty", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      FRAGMENT: AUTHOR_FRAGMENT,
-      Success: ({ author }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "By ", author?.fullName ?? "unknown")
-    });
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, { author: null }));
-    import_react3.screen.getByText(/^By unknown$/);
-  });
-  (0, import_vitest.test)("throws a helpful error naming the prop when it is not passed", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      FRAGMENT: AUTHOR_FRAGMENT,
-      Success: ({ author }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "By ", author.fullName),
-      displayName: "AuthorCell"
-    });
-    const consoleErrorSpy = import_vitest.vi.spyOn(console, "error").mockImplementation(() => {
-    });
-    try {
-      (0, import_vitest.expect)(() => {
-        (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-      }).toThrow(/`author` prop/);
-    } finally {
-      consoleErrorSpy.mockRestore();
-    }
-  });
-  (0, import_vitest.test)("stays a query Cell when both QUERY and FRAGMENT are exported", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query AuthorQuery { author { fullName } }",
-      FRAGMENT: AUTHOR_FRAGMENT,
-      Success: ({ author }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "By ", author.fullName)
-    });
-    mockUseQuery.mockImplementation(() => {
-      return { data: { author: { fullName: "Query Result" } } };
-    });
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react3.screen.getByText(/^By Query Result$/);
-  });
-  (0, import_vitest.test)("registers the FRAGMENT even when the Cell stays a query Cell", () => {
-    (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query MixedExportQuery { author { fullName } }",
-      // Using a unique fragment name since the registry is shared between
-      // tests
-      FRAGMENT: (0, import_graphql.parse)(`
-        fragment MixedExportCell_author on User {
-          fullName
-        }
-      `),
-      Success: ({ author }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "By ", author.fullName)
-    });
-    (0, import_vitest.expect)(import_fragmentRegistry.fragmentRegistry.lookup("MixedExportCell_author")).toBeTruthy();
-  });
-  (0, import_vitest.test)("throws when the FRAGMENT export is not a fragment", () => {
-    (0, import_vitest.expect)(
-      () => (0, import_createCell.createCell)({
-        FRAGMENT: (0, import_graphql.parse)("query FindAuthor { author { id } }"),
-        Success: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "hello")
-      })
-    ).toThrow(/fragment definition/);
-  });
-});

package/dist/cjs/components/cell/createSuspendingCell.test.js

@@ -1,96 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var import_react = __toESM(require("react"), 1);
-var import_dev = require("@apollo/client/dev");
-var import_react2 = require("@apollo/client/react");
-var import_react3 = require("@testing-library/react");
-var import_vitest = require("vitest");
-var import_createSuspendingCell = require("./createSuspendingCell.js");
-import_vitest.vi.mock("@apollo/client/react", () => {
-  return {
-    useApolloClient: import_vitest.vi.fn(),
-    useBackgroundQuery: import_vitest.vi.fn(),
-    useReadQuery: import_vitest.vi.fn()
-  };
-});
-const mockUseBackgroundQuery = import_react2.useBackgroundQuery;
-const mockUseReadQuery = import_react2.useReadQuery;
-(0, import_vitest.describe)("createSuspendingCell", () => {
-  (0, import_vitest.beforeAll)(() => {
-    globalThis.RWJS_ENV = {
-      RWJS_EXP_STREAMING_SSR: true
-    };
-    (0, import_dev.loadDevMessages)();
-    (0, import_dev.loadErrorMessages)();
-  });
-  (0, import_vitest.beforeEach)(() => {
-    mockUseReadQuery.mockReset();
-    mockUseBackgroundQuery.mockReset();
-    mockUseBackgroundQuery.mockImplementation(() => {
-      return ["mocked-query-ref", { refetch: import_vitest.vi.fn(), fetchMore: import_vitest.vi.fn() }];
-    });
-  });
-  (0, import_vitest.test)("Renders a static Success component", () => {
-    const TestCell = (0, import_createSuspendingCell.createSuspendingCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Great success!")
-    });
-    mockUseReadQuery.mockImplementation(() => ({ data: {} }));
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react3.screen.getByText(/^Great success!$/);
-  });
-  (0, import_vitest.test)("Renders Success with data", () => {
-    const TestCell = (0, import_createSuspendingCell.createSuspendingCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: ({ answer }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("dl", null, /* @__PURE__ */ import_react.default.createElement("dt", null, "What's the meaning of life?"), /* @__PURE__ */ import_react.default.createElement("dd", null, answer)))
-    });
-    mockUseReadQuery.mockImplementation(() => {
-      return { data: { answer: 42 } };
-    });
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react3.screen.getByText(/^What's the meaning of life\?$/);
-    import_react3.screen.getByText(/^42$/);
-  });
-  (0, import_vitest.test)("Renders Success if any of the fields have data (i.e. not just the first)", () => {
-    const TestCell = (0, import_createSuspendingCell.createSuspendingCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { users { name } posts { title } }",
-      Empty: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "No users or posts"),
-      Success: ({ users, posts }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", null, users.length > 0 ? /* @__PURE__ */ import_react.default.createElement("ul", null, users.map(({ name }) => /* @__PURE__ */ import_react.default.createElement("li", { key: name }, name))) : "no users"), /* @__PURE__ */ import_react.default.createElement("div", null, posts.length > 0 ? /* @__PURE__ */ import_react.default.createElement("ul", null, posts.map(({ title }) => /* @__PURE__ */ import_react.default.createElement("li", { key: title }, title))) : "no posts"))
-    });
-    mockUseReadQuery.mockImplementation(() => {
-      return {
-        data: {
-          users: [],
-          posts: [{ title: "bazinga" }, { title: "kittens" }]
-        }
-      };
-    });
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react3.screen.getByText(/bazinga/);
-    import_react3.screen.getByText(/kittens/);
-  });
-});

package/dist/components/cell/createCell.test.js

@@ -1,314 +0,0 @@
-import React from "react";
-import { useQuery } from "@apollo/client/react";
-import { render, screen } from "@testing-library/react";
-import { vi, describe, beforeAll, beforeEach, test, expect } from "vitest";
-import { createCell } from "./createCell.js";
-vi.mock("@apollo/client/react", () => ({
-  useQuery: vi.fn()
-}));
-const mockUseQuery = useQuery;
-describe("createCell", () => {
-  beforeAll(() => {
-    globalThis.RWJS_ENV = {
-      RWJS_EXP_STREAMING_SSR: false
-    };
-  });
-  beforeEach(() => {
-    mockUseQuery.mockReset();
-  });
-  test("Renders a static Success component", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!")
-    });
-    mockUseQuery.mockImplementation(() => ({ data: {} }));
-    render(/* @__PURE__ */ React.createElement(TestCell, null));
-    screen.getByText(/^Great success!$/);
-  });
-  test("Renders Success with data", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: ({ answer }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("dl", null, /* @__PURE__ */ React.createElement("dt", null, "What's the meaning of life?"), /* @__PURE__ */ React.createElement("dd", null, answer)))
-    });
-    mockUseQuery.mockImplementation(() => {
-      return { data: { answer: 42 } };
-    });
-    render(/* @__PURE__ */ React.createElement(TestCell, null));
-    screen.getByText(/^What's the meaning of life\?$/);
-    screen.getByText(/^42$/);
-  });
-  test("Renders Success if any of the fields have data (i.e. not just the first)", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { users { name } posts { title } }",
-      Empty: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "No users or posts"),
-      Success: ({ users, posts }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, users.length > 0 ? /* @__PURE__ */ React.createElement("ul", null, users.map(({ name }) => /* @__PURE__ */ React.createElement("li", { key: name }, name))) : "no users"), /* @__PURE__ */ React.createElement("div", null, posts.length > 0 ? /* @__PURE__ */ React.createElement("ul", null, posts.map(({ title }) => /* @__PURE__ */ React.createElement("li", { key: title }, title))) : "no posts"))
-    });
-    mockUseQuery.mockImplementation(() => {
-      return {
-        data: {
-          users: [],
-          posts: [{ title: "bazinga" }, { title: "kittens" }]
-        }
-      };
-    });
-    render(/* @__PURE__ */ React.createElement(TestCell, null));
-    screen.getByText(/bazinga/);
-    screen.getByText(/kittens/);
-  });
-  test("Renders default Loading when there is no data", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!")
-    });
-    mockUseQuery.mockImplementation(() => ({ loading: true }));
-    render(/* @__PURE__ */ React.createElement(TestCell, null));
-    screen.getByText(/^Loading...$/);
-  });
-  test("Renders custom Loading when there is no data", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Loading: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Fetching answer...")
-    });
-    mockUseQuery.mockImplementation(() => ({ loading: true }));
-    render(/* @__PURE__ */ React.createElement(TestCell, null));
-    screen.getByText(/^Fetching answer...$/);
-  });
-  test("Renders Success even when `loading` is true if there is data", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Loading: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Fetching answer...")
-    });
-    mockUseQuery.mockImplementation(() => ({ loading: true, data: {} }));
-    render(/* @__PURE__ */ React.createElement(TestCell, null));
-    screen.getByText(/^Great success!$/);
-  });
-  test("Renders Empty if available, and data field is null", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Empty: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "No one knows")
-    });
-    mockUseQuery.mockImplementation(() => ({
-      loading: true,
-      data: { answer: null }
-    }));
-    render(/* @__PURE__ */ React.createElement(TestCell, null));
-    screen.getByText(/^No one knows$/);
-  });
-  test("Renders Empty if available, and data field is an empty array", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answers }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Empty: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "No one knows")
-    });
-    mockUseQuery.mockImplementation(() => ({
-      loading: true,
-      data: { answers: [] }
-    }));
-    render(/* @__PURE__ */ React.createElement(TestCell, null));
-    screen.getByText(/^No one knows$/);
-  });
-  test("Renders Success even if data is empty when no Empty is available", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Empty success")
-    });
-    mockUseQuery.mockImplementation(() => ({
-      loading: true,
-      data: { answer: null }
-    }));
-    render(/* @__PURE__ */ React.createElement(TestCell, null));
-    screen.getByText(/^Empty success$/);
-  });
-  test("Allows passing children to Success", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: ({ children }) => /* @__PURE__ */ React.createElement(React.Fragment, null, "Look at my beautiful ", children)
-    });
-    mockUseQuery.mockImplementation(() => ({ data: {} }));
-    render(
-      /* @__PURE__ */ React.createElement(TestCell, null, /* @__PURE__ */ React.createElement("div", null, "\u{1F986}"))
-    );
-    screen.getByText(/^Look at my beautiful$/);
-    screen.getByText(/^🦆$/);
-  });
-  test("Cell props are passed to the query as variables", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: `query Greet($name: String!) {
-        greet(name: $name) {
-          greeting
-        }
-      }`,
-      Success: ({ greeting }) => /* @__PURE__ */ React.createElement("p", null, greeting)
-    });
-    mockUseQuery.mockImplementation((_query, options) => {
-      return { data: { greeting: `Hello ${options.variables.name}!` } };
-    });
-    render(/* @__PURE__ */ React.createElement(TestCell, { name: "Bob" }));
-    screen.getByText(/^Hello Bob!$/);
-  });
-  test("Allows QUERY to be a function", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: ({ variables }) => {
-        if (variables.character === "BEAST") {
-          return "query BeastQuery { name }";
-        }
-        return "query HeroQuery { name }";
-      },
-      Success: ({ name }) => /* @__PURE__ */ React.createElement("p", null, "Call me ", name)
-    });
-    mockUseQuery.mockImplementation((query) => {
-      if (query.includes("BeastQuery")) {
-        return { data: { name: "Boogeyman" } };
-      } else if (query.includes("HeroQuery")) {
-        return { data: { name: "Lara Croft" } };
-      }
-      return { data: { name: "John Doe" } };
-    });
-    render(
-      /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TestCell, { character: "BEAST" }), /* @__PURE__ */ React.createElement(TestCell, { character: "HERO" }))
-    );
-    screen.getByText(/^Call me Boogeyman$/);
-    screen.getByText(/^Call me Lara Croft$/);
-  });
-  test("Renders Failure when there is an error", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Failure: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Sad face :("),
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Loading: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Fetching answer...")
-    });
-    mockUseQuery.mockImplementation(() => ({ error: true }));
-    render(/* @__PURE__ */ React.createElement(TestCell, null));
-    screen.getByText(/^Sad face :\($/);
-  });
-  test("Passes error to Failure component", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Failure: ({ error }) => /* @__PURE__ */ React.createElement(React.Fragment, null, JSON.stringify(error)),
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Loading: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Fetching answer...")
-    });
-    mockUseQuery.mockImplementation(() => ({
-      error: { msg: "System malfunction" }
-    }));
-    render(/* @__PURE__ */ React.createElement(TestCell, null));
-    screen.getByText(/^{"msg":"System malfunction"}$/);
-  });
-  test("Passes error and errorCode to Failure component", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Failure: ({ error, errorCode }) => /* @__PURE__ */ React.createElement(React.Fragment, null, JSON.stringify(error), ",code:", errorCode),
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Loading: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Fetching answer...")
-    });
-    mockUseQuery.mockImplementation(() => ({
-      error: { msg: "System malfunction" },
-      errorCode: "SIMON_SAYS_NO"
-    }));
-    render(/* @__PURE__ */ React.createElement(TestCell, null));
-    screen.getByText(/^{"msg":"System malfunction"},code:SIMON_SAYS_NO$/);
-  });
-  test("Passes children to Failure", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Failure: ({ children }) => /* @__PURE__ */ React.createElement(React.Fragment, null, "I'm a failure ", children)
-    });
-    mockUseQuery.mockImplementation(() => ({ error: {} }));
-    render(
-      /* @__PURE__ */ React.createElement(TestCell, null, /* @__PURE__ */ React.createElement("div", null, "Child"))
-    );
-    screen.getByText(/^I'm a failure$/);
-    screen.getByText(/^Child$/);
-  });
-  test("Throws an error when there is an error if no Failure component exists", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Loading: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Fetching answer...")
-    });
-    mockUseQuery.mockImplementation(() => ({
-      error: { message: "200 GraphQL" }
-    }));
-    const err = console.error;
-    console.error = vi.fn();
-    let error;
-    try {
-      render(/* @__PURE__ */ React.createElement(TestCell, null));
-    } catch (e) {
-      error = e;
-    }
-    expect(error.message).toEqual("200 GraphQL");
-    console.error = err;
-  });
-  test("Allows overriding of default isDataEmpty", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Empty: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Got nothing"),
-      isEmpty: () => true
-    });
-    mockUseQuery.mockImplementation(() => ({
-      data: {},
-      loading: false
-    }));
-    render(/* @__PURE__ */ React.createElement(TestCell, null));
-    screen.getByText(/^Got nothing$/);
-  });
-  test("Allows mixing isDataEmpty with custom logic", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!"),
-      Empty: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Got nothing"),
-      isEmpty: (data, { isDataEmpty }) => isDataEmpty(data) || data.answer === "0"
-    });
-    mockUseQuery.mockImplementation(() => ({
-      data: { answer: "0" },
-      loading: false
-    }));
-    render(/* @__PURE__ */ React.createElement(TestCell, null));
-    screen.getByText(/^Got nothing$/);
-  });
-  test("Allows overriding variables in beforeQuery", () => {
-    const TestCell = createCell({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: `query Greet($name: String!) {
-        greet(name: $name) {
-          greeting
-        }
-      }`,
-      Success: ({ greeting }) => /* @__PURE__ */ React.createElement("p", null, greeting),
-      beforeQuery: () => ({
-        variables: {
-          name: "Bob"
-        }
-      })
-    });
-    mockUseQuery.mockImplementation((_query, options) => {
-      return { data: { greeting: `Hello ${options.variables.name}!` } };
-    });
-    render(/* @__PURE__ */ React.createElement(TestCell, null));
-    screen.getByText(/^Hello Bob!$/);
-  });
-});