@cronn/element-snapshot 0.5.0 → 0.6.0

package/dist/index.d.ts

@@ -4,6 +4,11 @@ interface DisableableAttributes {
 interface SelectableAttributes {
     selected?: boolean;
 }
+interface InputStateAttributes extends DisableableAttributes {
+    readonly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+}
 
 interface ButtonSnapshot extends GenericElementSnapshot<"button", ButtonAttributes> {
 }
@@ -21,12 +26,9 @@ interface InputAttributes extends CommonInputAttributes {
     value?: string;
     checked?: boolean;
 }
-interface CommonInputAttributes extends DisableableAttributes {
+interface CommonInputAttributes extends InputStateAttributes {
     description?: string;
     placeholder?: string;
-    readonly?: boolean;
-    required?: boolean;
-    invalid?: boolean;
 }
 
 interface ComboboxSnapshot extends GenericElementSnapshot<"combobox", ComboboxAttributes> {
@@ -49,6 +51,9 @@ interface DialogAttributes {
     modal?: boolean;
 }
 
+interface GroupSnapshot extends GenericElementSnapshot<"group"> {
+}
+
 interface HeadingSnapshot extends GenericElementSnapshot<"heading", HeadingAttributes> {
 }
 interface HeadingAttributes {
@@ -86,9 +91,9 @@ interface TextSnapshot {
 
 type SnapshotTargetElement = HTMLElement | SVGElement;
 type NodeRole = ElementRole | "text";
-type ElementRole = "heading" | "link" | "button" | "option" | "tab" | "menuitem" | "columnheader" | ContainerRole | InputRole | DialogRole;
+type ElementRole = "heading" | "link" | "button" | "option" | "tab" | "menuitem" | "columnheader" | "group" | ContainerRole | InputRole | DialogRole;
 type NodeSnapshot = ElementSnapshot | TextSnapshot;
-type ElementSnapshot = ContainerSnapshot | HeadingSnapshot | LinkSnapshot | ButtonSnapshot | InputSnapshot | ComboboxSnapshot | OptionSnapshot | DialogSnapshot | TabSnapshot | MenuitemSnapshot | ColumnheaderSnapshot;
+type ElementSnapshot = ContainerSnapshot | HeadingSnapshot | LinkSnapshot | ButtonSnapshot | InputSnapshot | ComboboxSnapshot | OptionSnapshot | DialogSnapshot | TabSnapshot | MenuitemSnapshot | ColumnheaderSnapshot | GroupSnapshot;
 interface GenericElementSnapshot<TRole extends NodeRole = NodeRole, TAttributes = unknown> {
     role: TRole;
     name?: string;

package/dist/index.global.js

@@ -72,17 +72,36 @@
   }
 
   // src/snapshots/state.ts
-  function disableableAttributes(element, ariaOnly = false) {
-    if (ariaOnly) {
-      return { disabled: booleanAttribute(element.ariaDisabled) };
-    }
+  function disableableAttributes(element) {
+    const supportsHtmlAttribute = isNativeInputElement(element) || element instanceof HTMLButtonElement;
+    const disabled = booleanAttribute(
+      supportsHtmlAttribute ? element.hasAttribute("disabled") : false
+    );
     return {
-      disabled: booleanAttribute(element.hasAttribute("disabled")) ?? booleanAttribute(element.ariaDisabled)
+      disabled: disabled ?? booleanAttribute(element.ariaDisabled)
     };
   }
   function selectableAttributes(element) {
     return { selected: booleanAttribute(element.ariaSelected) };
   }
+  function inputStateAttributes(element) {
+    const supportsHtmlAttributes = isNativeInputElement(element);
+    const readonly = booleanAttribute(
+      supportsHtmlAttributes ? element.hasAttribute("readonly") : false
+    );
+    const required = booleanAttribute(
+      supportsHtmlAttributes ? element.hasAttribute("required") : false
+    );
+    return {
+      readonly: readonly ?? booleanAttribute(element.ariaReadOnly),
+      ...disableableAttributes(element),
+      required: required ?? booleanAttribute(element.ariaRequired),
+      invalid: booleanAttribute(element.ariaInvalid)
+    };
+  }
+  function isNativeInputElement(element) {
+    return element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement || element instanceof HTMLSelectElement;
+  }
 
   // src/snapshots/button.ts
   var PRESSED_VALUES = /* @__PURE__ */ new Set(["true", "mixed", "false"]);
@@ -216,7 +235,8 @@
     tfoot: "rowgroup",
     tr: "row",
     th: resolveTableHeaderCellRole,
-    td: "cell"
+    td: "cell",
+    fieldset: "group"
   };
   var CONTEXT_DEPENDENT_ROLES = {
     banner: isTopLevelBanner,
@@ -409,10 +429,7 @@
     return {
       description: resolveDescription(element),
       placeholder: isEmpty ? resolvePlaceholder(element) : void 0,
-      readonly: booleanAttribute(element.hasAttribute("readonly")),
-      ...disableableAttributes(element),
-      required: booleanAttribute(element.required),
-      invalid: booleanAttribute(element.ariaInvalid)
+      ...inputStateAttributes(element)
     };
   }
   function resolveInputValue(element) {
@@ -447,7 +464,7 @@
     return void 0;
   }
   function resolvePlaceholder(element) {
-    if (element instanceof HTMLSelectElement) {
+    if (element instanceof HTMLSelectElement || element instanceof HTMLButtonElement) {
       return void 0;
     }
     return stringAttribute(element.placeholder);
@@ -474,7 +491,7 @@
     if (element instanceof HTMLSelectElement) {
       return element.role === null || element.role === "combobox";
     }
-    if (element instanceof HTMLInputElement) {
+    if (element instanceof HTMLInputElement || element instanceof HTMLButtonElement) {
       return element.role === "combobox";
     }
     return false;
@@ -534,6 +551,22 @@
     };
   }
 
+  // src/snapshots/group.ts
+  function snapshotGroup(element) {
+    return {
+      role: "group",
+      name: resolveGroupName(element),
+      children: snapshotChildren(element)
+    };
+  }
+  function resolveGroupName(element) {
+    const legendElement = element instanceof HTMLFieldSetElement ? element.querySelector("legend") : null;
+    if (legendElement !== null) {
+      return snapshotTextContent(legendElement);
+    }
+    return resolveAccessibleName(element, false);
+  }
+
   // src/snapshots/heading.ts
   var LEVEL_REGEXP = /^H([1-6])$/;
   function snapshotHeading(element) {
@@ -574,7 +607,7 @@
       name: resolveAccessibleName(element),
       attributes: {
         ...linkAttributes(element),
-        ...disableableAttributes(element, true)
+        ...disableableAttributes(element)
       },
       children: snapshotChildren(element)
     };
@@ -623,7 +656,8 @@
     alertdialog: snapshotDialogWithRole("alertdialog"),
     tab: snapshotTab,
     menuitem: snapshotMenuitem,
-    columnheader: snapshotColumnheader
+    columnheader: snapshotColumnheader,
+    group: snapshotGroup
   };
   function snapshotElement(element) {
     return snapshotNodeRecursive(element);

package/dist/types.d.ts

@@ -4,6 +4,11 @@ interface DisableableAttributes {
 interface SelectableAttributes {
     selected?: boolean;
 }
+interface InputStateAttributes extends DisableableAttributes {
+    readonly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+}
 
 interface ButtonSnapshot extends GenericElementSnapshot<"button", ButtonAttributes> {
 }
@@ -21,12 +26,9 @@ interface InputAttributes extends CommonInputAttributes {
     value?: string;
     checked?: boolean;
 }
-interface CommonInputAttributes extends DisableableAttributes {
+interface CommonInputAttributes extends InputStateAttributes {
     description?: string;
     placeholder?: string;
-    readonly?: boolean;
-    required?: boolean;
-    invalid?: boolean;
 }
 
 interface ComboboxSnapshot extends GenericElementSnapshot<"combobox", ComboboxAttributes> {
@@ -54,6 +56,9 @@ interface DialogAttributes {
     modal?: boolean;
 }
 
+interface GroupSnapshot extends GenericElementSnapshot<"group"> {
+}
+
 interface HeadingSnapshot extends GenericElementSnapshot<"heading", HeadingAttributes> {
 }
 interface HeadingAttributes {
@@ -90,9 +95,9 @@ interface TextSnapshot {
 }
 
 type NodeRole = ElementRole | "text";
-type ElementRole = "heading" | "link" | "button" | "option" | "tab" | "menuitem" | "columnheader" | ContainerRole | InputRole | DialogRole;
+type ElementRole = "heading" | "link" | "button" | "option" | "tab" | "menuitem" | "columnheader" | "group" | ContainerRole | InputRole | DialogRole;
 type NodeSnapshot = ElementSnapshot | TextSnapshot;
-type ElementSnapshot = ContainerSnapshot | HeadingSnapshot | LinkSnapshot | ButtonSnapshot | InputSnapshot | ComboboxSnapshot | OptionSnapshot | DialogSnapshot | TabSnapshot | MenuitemSnapshot | ColumnheaderSnapshot;
+type ElementSnapshot = ContainerSnapshot | HeadingSnapshot | LinkSnapshot | ButtonSnapshot | InputSnapshot | ComboboxSnapshot | OptionSnapshot | DialogSnapshot | TabSnapshot | MenuitemSnapshot | ColumnheaderSnapshot | GroupSnapshot;
 interface GenericElementSnapshot<TRole extends NodeRole = NodeRole, TAttributes = unknown> {
     role: TRole;
     name?: string;
@@ -101,4 +106,4 @@ interface GenericElementSnapshot<TRole extends NodeRole = NodeRole, TAttributes
 }
 type SetValues<TSet> = TSet extends Set<infer TValue> ? TValue : never;
 
-export type { ButtonSnapshot, ColumnheaderSnapshot, ComboboxSnapshot, ContainerSnapshot, DialogSnapshot, ElementRole, ElementSnapshot, HeadingSnapshot, InputSnapshot, LinkSnapshot, MenuitemSnapshot, NodeRole, NodeSnapshot, OptionSnapshot, TabSnapshot, TextSnapshot };
+export type { ButtonSnapshot, ColumnheaderSnapshot, ComboboxSnapshot, ContainerSnapshot, DialogSnapshot, ElementRole, ElementSnapshot, GroupSnapshot, HeadingSnapshot, InputSnapshot, LinkSnapshot, MenuitemSnapshot, NodeRole, NodeSnapshot, OptionSnapshot, TabSnapshot, TextSnapshot };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronn/element-snapshot",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Element snapshots for Playwright",
   "author": "cronn",
   "license": "Apache-2.0",
@@ -11,8 +11,19 @@
   },
   "homepage": "https://github.com/cronn/file-snapshots",
   "engines": {
-    "node": ">=22.18",
-    "pnpm": ">=10"
+    "node": "^20 || ^22 || >=24"
+  },
+  "devEngines": {
+    "runtime": {
+      "name": "node",
+      "version": ">=24.11 <25",
+      "onFail": "error"
+    },
+    "packageManager": {
+      "name": "pnpm",
+      "version": ">=10.21 <11",
+      "onFail": "error"
+    }
   },
   "type": "module",
   "exports": {