@describe-me/react 0.5.1 → 0.5.3

package/README.md

@@ -19,7 +19,7 @@ pnpm add -D @describe-me/react
 ```
 
 All describe-me packages must be on the same version
-([Add it to your project](https://github.com/grzehub/describe-me#add-it-to-your-project)).
+([One version for all packages](https://grzehub.github.io/describe-me/installation.html#lockstep)).
 
 ## Usage
 
@@ -29,7 +29,7 @@ recording functions swapped in, so switching an existing test is one import.
 `fireEvent` and `cleanup`: every `fireEvent` call records a frame, and
 `cleanup` takes the closing frame before it unmounts. When the render frame is
 taken follows the plugin's
-[`renderFrame`](https://github.com/grzehub/describe-me#render-frame-timing)
+[`renderFrame`](https://grzehub.github.io/describe-me/configuration.html#render-frame)
 option.
 
 ```tsx
@@ -51,5 +51,4 @@ the plugin redirects `vitest-browser-react` or `@testing-library/react` imports
 to the matching entry point, including imports made from your own
 `test-utils` wrapper, so tests record frames unchanged.
 
-See the [root README](https://github.com/grzehub/describe-me#readme) for the
-full picture.
+See the [docs](https://grzehub.github.io/describe-me/) for the full picture.

package/dist/publish-testing-library-act.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Leave a check on `globalThis` that holds while @testing-library/dom keeps the
+ * `asyncWrapper` @testing-library/react installed, so a user-event call drains
+ * a macrotask before it resolves. A global, because @describe-me/vitest reads it
+ * and does not depend on this package.
+ */
+export declare function publishTestingLibraryAct(): void;

package/dist/publish-testing-library-act.js

@@ -0,0 +1,14 @@
+import { getConfig } from '@testing-library/react';
+// `testing-library-wraps-in-act.ts` in @describe-me/vitest reads this key.
+const ACT_CHECK = Symbol.for('describe-me.testing-library-act');
+/**
+ * Leave a check on `globalThis` that holds while @testing-library/dom keeps the
+ * `asyncWrapper` @testing-library/react installed, so a user-event call drains
+ * a macrotask before it resolves. A global, because @describe-me/vitest reads it
+ * and does not depend on this package.
+ */
+export function publishTestingLibraryAct() {
+    const installed = getConfig().asyncWrapper;
+    const host = globalThis;
+    host[ACT_CHECK] = () => getConfig().asyncWrapper === installed;
+}

package/dist/render-testing-library.js

@@ -3,9 +3,11 @@ import { isValidElement } from 'react';
 import { recorder } from '@describe-me/core';
 import { describeRendered } from './describe-rendered.js';
 import { labelFor } from './label-for.js';
+import { publishTestingLibraryAct } from './publish-testing-library-act.js';
 // On import rather than in `render()`, so a file that only calls `renderHook`
-// is unmounted after each test too.
+// is unmounted after each test too, and its user-event frames skip the settle.
 recorder.onTeardown(unmountAll);
+publishTestingLibraryAct();
 /**
  * Drop-in for `render` from @testing-library/react (jsdom and other DOM
  * environments). Records a frame after mount and after every `rerender`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@describe-me/react",
-  "version": "0.5.1",
+  "version": "0.5.3",
   "description": "React adapter for describe-me: drop-in render functions that record frames",
   "keywords": [
     "vitest",
@@ -46,13 +46,13 @@
     "./dist/render-testing-library.js"
   ],
   "dependencies": {
-    "@describe-me/core": "^0.5.1"
+    "@describe-me/core": "^0.5.3"
   },
   "peerDependencies": {
     "@testing-library/react": "^16.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "vitest-browser-react": "^2.0.0",
-    "@describe-me/vitest": "^0.5.1"
+    "@describe-me/vitest": "^0.5.3"
   },
   "peerDependenciesMeta": {
     "@testing-library/react": {
@@ -71,7 +71,7 @@
     "react-dom": "^19.3.0",
     "vitest": "^5.0.1",
     "vitest-browser-react": "^2.3.0",
-    "@describe-me/vitest": "^0.5.1"
+    "@describe-me/vitest": "^0.5.3"
   },
   "scripts": {
     "build": "rimraf dist && tsc -p tsconfig.json"