test @arktype/attest

.gitignore

@@ -73,3 +73,5 @@ esbuild-why-*.html
 
 .yalc
 yalc.lock
+
+.attest

config/jest.config.js

@@ -22,7 +22,12 @@ const defaults = {
         },
       },
     ],
+    "\\.js$": [
+      "babel-jest",
+      { configFile: "./src/config/jest/babel.config.js" },
+    ],
   },
+  transformIgnorePatterns: ["node_modules/(?!(@arktype))"],
   resolver: "ts-jest-resolver",
 };
 

eslint-local-rules/fixtures/file.ts

@@ -0,0 +1 @@
+export {};

eslint-local-rules/fixtures/react.tsx

@@ -0,0 +1 @@
+export {};

package.json

@@ -108,7 +108,9 @@
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "0.13.3",
+    "@arktype/attest": "^0.5.0",
     "@babel/parser": "7.23.5",
+    "@babel/plugin-transform-modules-commonjs": "^7.23.3",
     "@changesets/changelog-github": "0.5.0",
     "@changesets/cli": "2.27.1",
     "@graphql-tools/schema": "10.0.2",

src/config/jest/babel.config.js

@@ -0,0 +1,7 @@
+module.exports = function (api) {
+  api.cache(true);
+  return {
+    presets: [],
+    plugins: ["@babel/plugin-transform-modules-commonjs"],
+  };
+};

src/react/hooks/__tests__/useLoadableQuery.test.tsx

@@ -53,6 +53,10 @@ import {
   spyOnConsole,
   useTrackRenders,
 } from "../../../testing/internal";
+import { attest, setup, cleanup } from "@arktype/attest";
+
+beforeAll(setup);
+afterAll(cleanup);
 
 afterEach(() => {
   jest.useRealTimers();
@@ -4645,7 +4649,14 @@ it("allows loadQuery to be called in useEffect on first render", async () => {
   expect(() => renderWithMocks(<App />, { mocks })).not.toThrow();
 });
 
-describe.skip("type tests", () => {
+type UseLoadableQuery = typeof useLoadableQuery;
+type Gql = typeof gql;
+type UseReadQuery = typeof useReadQuery;
+describe("type tests", () => {
+  const useLoadableQuery = (() => [() => {}, {}]) as any as UseLoadableQuery;
+  const gql = (() => {}) as any as Gql;
+  const useReadQuery = (() => ({})) as any as UseReadQuery;
+
   it("returns unknown when TData cannot be inferred", () => {
     const query = gql``;
 
@@ -4706,7 +4717,7 @@ describe.skip("type tests", () => {
     loadQuery({ foo: "bar" });
   });
 
-  it("optional variables are optional to loadQuery", () => {
+  it.only("optional variables are optional to loadQuery", () => {
     const query: TypedDocumentNode<{ posts: string[] }, { limit?: number }> =
       gql``;
 
@@ -4715,15 +4726,27 @@ describe.skip("type tests", () => {
     loadQuery();
     loadQuery({});
     loadQuery({ limit: 10 });
-    loadQuery({
-      // @ts-expect-error unknown variable
-      foo: "bar",
-    });
-    loadQuery({
-      limit: 10,
-      // @ts-expect-error unknown variable
-      foo: "bar",
-    });
+
+    attest(
+      loadQuery({
+        // @ts-expect-error
+        foo: "bar",
+      })
+    ).type.errors(
+      "Object literal may only specify known properties, " +
+        "and 'foo' does not exist in type '{ limit?: number | undefined; }"
+    );
+
+    attest(
+      loadQuery({
+        limit: 10,
+        // @ts-expect-error
+        foo: "bar",
+      })
+    ).type.errors(
+      "Object literal may only specify known properties, " +
+        "and 'foo' does not exist in type '{ limit?: number | undefined; }'."
+    );
   });
 
   it("enforces required variables when TVariables includes required variables", () => {

src/react/hooks/internal/__tests__/useDeepMemo.test.ts

@@ -13,7 +13,7 @@ describe("useDeepMemo", () => {
   it("returns memoized value when its dependencies are deeply equal", () => {
     const { result, rerender } = renderHook(
       ({ active, items, user }) => {
-        useDeepMemo(() => ({ active, items, user }), [items, name, active]);
+        useDeepMemo(() => ({ active, items, user }), [items, user, active]);
       },
       {
         initialProps: {