@asnewyla/form 0.2.1 → 0.2.2

package/dist/test-utils.d.mts

@@ -0,0 +1,10 @@
+import { UserEvent } from '@testing-library/user-event';
+
+type FieldRole = 'textbox' | 'spinbutton';
+declare function getFieldInput(name: string | RegExp, role?: FieldRole): HTMLElement;
+declare function getSubmitButton(name?: string | RegExp): HTMLElement;
+declare function submitForm(user: UserEvent, name?: string | RegExp): Promise<void>;
+declare function getErrorSummary(): HTMLElement;
+declare function queryErrorSummary(): HTMLElement | null;
+
+export { getErrorSummary, getFieldInput, getSubmitButton, queryErrorSummary, submitForm };

package/dist/test-utils.d.ts

@@ -0,0 +1,10 @@
+import { UserEvent } from '@testing-library/user-event';
+
+type FieldRole = 'textbox' | 'spinbutton';
+declare function getFieldInput(name: string | RegExp, role?: FieldRole): HTMLElement;
+declare function getSubmitButton(name?: string | RegExp): HTMLElement;
+declare function submitForm(user: UserEvent, name?: string | RegExp): Promise<void>;
+declare function getErrorSummary(): HTMLElement;
+declare function queryErrorSummary(): HTMLElement | null;
+
+export { getErrorSummary, getFieldInput, getSubmitButton, queryErrorSummary, submitForm };

package/dist/test-utils.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var react = require('@testing-library/react');
+
+// src/test-utils.ts
+function getFieldInput(name, role = "textbox") {
+  return react.screen.getByRole(role, { name });
+}
+function getSubmitButton(name = "Save") {
+  return react.screen.getByRole("button", { name });
+}
+function submitForm(user, name = "Save") {
+  return user.click(getSubmitButton(name));
+}
+function getErrorSummary() {
+  return react.screen.getByRole("alert");
+}
+function queryErrorSummary() {
+  return react.screen.queryByRole("alert");
+}
+
+exports.getErrorSummary = getErrorSummary;
+exports.getFieldInput = getFieldInput;
+exports.getSubmitButton = getSubmitButton;
+exports.queryErrorSummary = queryErrorSummary;
+exports.submitForm = submitForm;
+//# sourceMappingURL=test-utils.js.map
+//# sourceMappingURL=test-utils.js.map

package/dist/test-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/test-utils.ts"],"names":["screen"],"mappings":";;;;;AAKO,SAAS,aAAA,CACd,IAAA,EACA,IAAA,GAAkB,SAAA,EACL;AACb,EAAA,OAAOA,YAAA,CAAO,SAAA,CAAU,IAAA,EAAM,EAAE,MAAM,CAAA;AACxC;AAEO,SAAS,eAAA,CAAgB,OAAwB,MAAA,EAAqB;AAC3E,EAAA,OAAOA,YAAA,CAAO,SAAA,CAAU,QAAA,EAAU,EAAE,MAAM,CAAA;AAC5C;AAEO,SAAS,UAAA,CACd,IAAA,EACA,IAAA,GAAwB,MAAA,EACT;AACf,EAAA,OAAO,IAAA,CAAK,KAAA,CAAM,eAAA,CAAgB,IAAI,CAAC,CAAA;AACzC;AAEO,SAAS,eAAA,GAA+B;AAC7C,EAAA,OAAOA,YAAA,CAAO,UAAU,OAAO,CAAA;AACjC;AAEO,SAAS,iBAAA,GAAwC;AACtD,EAAA,OAAOA,YAAA,CAAO,YAAY,OAAO,CAAA;AACnC","file":"test-utils.js","sourcesContent":["import { screen } from '@testing-library/react';\nimport type { UserEvent } from '@testing-library/user-event';\n\ntype FieldRole = 'textbox' | 'spinbutton';\n\nexport function getFieldInput(\n  name: string | RegExp,\n  role: FieldRole = 'textbox',\n): HTMLElement {\n  return screen.getByRole(role, { name });\n}\n\nexport function getSubmitButton(name: string | RegExp = 'Save'): HTMLElement {\n  return screen.getByRole('button', { name });\n}\n\nexport function submitForm(\n  user: UserEvent,\n  name: string | RegExp = 'Save',\n): Promise<void> {\n  return user.click(getSubmitButton(name));\n}\n\nexport function getErrorSummary(): HTMLElement {\n  return screen.getByRole('alert');\n}\n\nexport function queryErrorSummary(): HTMLElement | null {\n  return screen.queryByRole('alert');\n}\n"]}

package/dist/test-utils.mjs

@@ -0,0 +1,22 @@
+import { screen } from '@testing-library/react';
+
+// src/test-utils.ts
+function getFieldInput(name, role = "textbox") {
+  return screen.getByRole(role, { name });
+}
+function getSubmitButton(name = "Save") {
+  return screen.getByRole("button", { name });
+}
+function submitForm(user, name = "Save") {
+  return user.click(getSubmitButton(name));
+}
+function getErrorSummary() {
+  return screen.getByRole("alert");
+}
+function queryErrorSummary() {
+  return screen.queryByRole("alert");
+}
+
+export { getErrorSummary, getFieldInput, getSubmitButton, queryErrorSummary, submitForm };
+//# sourceMappingURL=test-utils.mjs.map
+//# sourceMappingURL=test-utils.mjs.map

package/dist/test-utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/test-utils.ts"],"names":[],"mappings":";;;AAKO,SAAS,aAAA,CACd,IAAA,EACA,IAAA,GAAkB,SAAA,EACL;AACb,EAAA,OAAO,MAAA,CAAO,SAAA,CAAU,IAAA,EAAM,EAAE,MAAM,CAAA;AACxC;AAEO,SAAS,eAAA,CAAgB,OAAwB,MAAA,EAAqB;AAC3E,EAAA,OAAO,MAAA,CAAO,SAAA,CAAU,QAAA,EAAU,EAAE,MAAM,CAAA;AAC5C;AAEO,SAAS,UAAA,CACd,IAAA,EACA,IAAA,GAAwB,MAAA,EACT;AACf,EAAA,OAAO,IAAA,CAAK,KAAA,CAAM,eAAA,CAAgB,IAAI,CAAC,CAAA;AACzC;AAEO,SAAS,eAAA,GAA+B;AAC7C,EAAA,OAAO,MAAA,CAAO,UAAU,OAAO,CAAA;AACjC;AAEO,SAAS,iBAAA,GAAwC;AACtD,EAAA,OAAO,MAAA,CAAO,YAAY,OAAO,CAAA;AACnC","file":"test-utils.mjs","sourcesContent":["import { screen } from '@testing-library/react';\nimport type { UserEvent } from '@testing-library/user-event';\n\ntype FieldRole = 'textbox' | 'spinbutton';\n\nexport function getFieldInput(\n  name: string | RegExp,\n  role: FieldRole = 'textbox',\n): HTMLElement {\n  return screen.getByRole(role, { name });\n}\n\nexport function getSubmitButton(name: string | RegExp = 'Save'): HTMLElement {\n  return screen.getByRole('button', { name });\n}\n\nexport function submitForm(\n  user: UserEvent,\n  name: string | RegExp = 'Save',\n): Promise<void> {\n  return user.click(getSubmitButton(name));\n}\n\nexport function getErrorSummary(): HTMLElement {\n  return screen.getByRole('alert');\n}\n\nexport function queryErrorSummary(): HTMLElement | null {\n  return screen.queryByRole('alert');\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asnewyla/form",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Form wrapper with real validation and an accessible error summary",
   "license": "MIT",
   "repository": {
@@ -16,11 +16,16 @@
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.js"
     },
-    "./styles.css": "./dist/index.css"
+    "./styles.css": "./dist/index.css",
+    "./test-utils": {
+      "types": "./dist/test-utils.d.ts",
+      "import": "./dist/test-utils.mjs",
+      "require": "./dist/test-utils.js"
+    }
   },
   "files": [
     "dist"
@@ -36,10 +41,20 @@
   ],
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.5.0"
+  },
+  "peerDependenciesMeta": {
+    "@testing-library/react": {
+      "optional": true
+    },
+    "@testing-library/user-event": {
+      "optional": true
+    }
   },
   "dependencies": {
-    "@asnewyla/input": "0.2.0"
+    "@asnewyla/input": "0.2.1"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.4.0",