@cronn/element-snapshot 0.20.0 → 0.22.0

package/dist/browser-lib.iife.js

@@ -15,6 +15,10 @@
 		if (value === null || !supportedValues.has(value)) return;
 		return value;
 	}
+	function booleanOrEnumAttribute(value, supportedStringValues) {
+		if (value === "true" || value === "false") return booleanAttribute(value);
+		return enumAttribute(value, supportedStringValues);
+	}
 	function resolveElementReference(element, attributeName) {
 		const referenceId = element.getAttribute(attributeName);
 		if (referenceId === null) return null;
@@ -120,8 +124,12 @@
 	}
 	//#endregion
 	//#region src/types/elements/container.ts
-	const CONTAINER_ROLES = new Set([
+	const CONTAINER_ROLES = /* @__PURE__ */ new Set([
 		"paragraph",
+		"blockquote",
+		"code",
+		"emphasis",
+		"strong",
 		"list",
 		"listitem",
 		"listbox",
@@ -140,9 +148,6 @@
 		"grid",
 		"rowgroup",
 		"row",
-		"rowheader",
-		"cell",
-		"gridcell",
 		"alert",
 		"menu",
 		"tablist",
@@ -187,10 +192,13 @@
 		a: "link",
 		article: "article",
 		aside: "complementary",
+		blockquote: "blockquote",
 		button: "button",
+		code: "code",
 		dd: "definition",
 		dl: "descriptionlist",
 		dt: "term",
+		em: "emphasis",
 		fieldset: "group",
 		footer: "contentinfo",
 		form: "form",
@@ -216,6 +224,7 @@
 		search: "search",
 		section: "region",
 		select: "combobox",
+		strong: "strong",
 		table: "table",
 		tbody: "rowgroup",
 		textarea: "textbox",
@@ -266,7 +275,8 @@
 		const explicitRole = element.role;
 		if (isIgnoredRole(explicitRole)) return;
 		if (explicitRole !== null && (hasRoleSpecificSnapshot(explicitRole) || isContainerRole(explicitRole))) return explicitRole;
-		const roleResolver = ELEMENT_ROLES[getElementTagName(element)];
+		const tagName = getElementTagName(element);
+		const roleResolver = ELEMENT_ROLES[tagName];
 		if (roleResolver === void 0) return;
 		if (typeof roleResolver === "string") return roleResolver;
 		return roleResolver(element);
@@ -368,14 +378,17 @@
 	}
 	//#endregion
 	//#region src/browser/name.ts
-	const prohibitsNaming = new Set([
+	const prohibitsNaming = /* @__PURE__ */ new Set([
+		"code",
+		"emphasis",
 		"label",
 		"listitem",
 		"paragraph",
 		"rowgroup",
+		"strong",
 		"term"
 	]);
-	const supportsNamingByLabel = new Set([
+	const supportsNamingByLabel = /* @__PURE__ */ new Set([
 		"checkbox",
 		"combobox",
 		"progressbar",
@@ -385,7 +398,7 @@
 		"spinbutton",
 		"textbox"
 	]);
-	const supportsNamingFromChildContent = new Set([
+	const supportsNamingFromChildContent = /* @__PURE__ */ new Set([
 		"button",
 		"cell",
 		"columnheader",
@@ -453,11 +466,7 @@
 	}
 	//#endregion
 	//#region src/browser/button.ts
-	const PRESSED_VALUES = new Set([
-		"true",
-		"mixed",
-		"false"
-	]);
+	const pressedValues = /* @__PURE__ */ new Set(["mixed"]);
 	function snapshotButton(element) {
 		return {
 			role: "button",
@@ -465,16 +474,11 @@
 			attributes: {
 				...disableableAttributes(element),
 				expanded: booleanAttribute(element.ariaExpanded),
-				pressed: resolvePressedAttribute(element)
+				pressed: booleanOrEnumAttribute(element.ariaPressed, pressedValues)
 			},
 			children: snapshotChildren(element)
 		};
 	}
-	function resolvePressedAttribute(element) {
-		const pressed = enumAttribute(element.ariaPressed, PRESSED_VALUES);
-		if (pressed === "mixed") return pressed;
-		return booleanAttribute(pressed === "true");
-	}
 	//#endregion
 	//#region src/browser/description.ts
 	function discribableAttributes(element) {
@@ -522,7 +526,7 @@
 			...inputStateAttributes(element)
 		};
 	}
-	const CHECKED_INPUT_TYPES = new Set(["checkbox", "radio"]);
+	const CHECKED_INPUT_TYPES = /* @__PURE__ */ new Set(["checkbox", "radio"]);
 	function resolveInputValue(element) {
 		if (element instanceof HTMLInputElement && CHECKED_INPUT_TYPES.has(element.type)) return;
 		return stringAttribute(element.value);
@@ -646,6 +650,7 @@
 	}
 	//#endregion
 	//#region src/browser/link.ts
+	const currentValues = /* @__PURE__ */ new Set(["page", "step"]);
 	function snapshotLink(element) {
 		return {
 			role: "link",
@@ -655,7 +660,10 @@
 		};
 	}
 	function linkAttributes(element) {
-		return { url: stringAttribute(element.getAttribute("href")) };
+		return {
+			url: stringAttribute(element.getAttribute("href")),
+			current: booleanOrEnumAttribute(element.ariaCurrent, currentValues)
+		};
 	}
 	//#endregion
 	//#region src/browser/list.ts
@@ -719,7 +727,7 @@
 	}
 	//#endregion
 	//#region src/types/elements/table.ts
-	const SORT_TYPES = new Set([
+	const SORT_TYPES = /* @__PURE__ */ new Set([
 		"ascending",
 		"descending",
 		"other"
@@ -727,22 +735,54 @@
 	//#endregion
 	//#region src/browser/table.ts
 	function snapshotColumnHeader(element) {
+		const cell = snapshotCell("columnheader", element);
 		return {
 			role: "columnheader",
+			name: cell.name,
+			attributes: {
+				...cell.attributes,
+				sort: enumAttribute(element.ariaSort, SORT_TYPES)
+			},
+			children: cell.children
+		};
+	}
+	function snapshotCellWithRole(role) {
+		return (element) => snapshotCell(role, element);
+	}
+	function snapshotCell(role, element) {
+		return {
+			role,
 			name: resolveAccessibleName(element),
-			attributes: { sort: enumAttribute(element.ariaSort, SORT_TYPES) },
+			attributes: cellAttributes(element),
 			children: snapshotChildren(element)
 		};
 	}
+	function cellAttributes(element) {
+		if (element instanceof HTMLTableCellElement) return {
+			colSpan: resolveSpan(element.colSpan),
+			rowSpan: resolveSpan(element.rowSpan)
+		};
+		return {
+			colSpan: resolveSpan(element.ariaColSpan),
+			rowSpan: resolveSpan(element.ariaRowSpan)
+		};
+	}
+	function resolveSpan(value) {
+		if (typeof value === "string") value = numericAttribute(value) ?? null;
+		if (value === null || value === 1) return;
+		return value;
+	}
 	//#endregion
 	//#region src/browser/element.ts
 	const ROLE_SNAPSHOTS = {
 		alertdialog: snapshotDialogWithRole("alertdialog"),
 		button: snapshotButton,
+		cell: snapshotCellWithRole("cell"),
 		checkbox: snapshotInput,
 		columnheader: snapshotColumnHeader,
 		combobox: snapshotCombobox,
 		dialog: snapshotDialogWithRole("dialog"),
+		gridcell: snapshotCellWithRole("gridcell"),
 		group: snapshotGroup,
 		heading: snapshotHeading,
 		img: snapshotImage,
@@ -753,6 +793,7 @@
 		radio: snapshotInput,
 		radiogroup: snapshotRadioGroup,
 		region: snapshotRegion,
+		rowheader: snapshotCellWithRole("rowheader"),
 		searchbox: snapshotInput,
 		separator: snapshotSeparator,
 		slider: snapshotInput,
@@ -781,7 +822,7 @@
 		}
 		return snapshotContainer(elementRole, node);
 	}
-	const UNSUPPORTED_ELEMENTS = new Set([
+	const UNSUPPORTED_ELEMENTS = /* @__PURE__ */ new Set([
 		"audio",
 		"figure",
 		"noscript",

package/dist/index.d.mts

@@ -1,6 +1,5 @@
 import { Expect, Locator, MatcherReturnType } from "@playwright/test";
 import { PlaywrightMatchJsonFileOptions, PlaywrightMatchTextFileOptions, PlaywrightValidationFileMatcherConfig } from "@cronn/playwright-file-snapshots";
-
 //#region src/playwright/markdown-table.d.ts
 interface MarkdownTableSnapshotOptions {
   /**
@@ -43,7 +42,7 @@ type PressedValue = true | "mixed";
 type SetValues<TSet> = TSet extends Set<infer TValue> ? TValue : never;
 //#endregion
 //#region src/types/elements/container.d.ts
-declare const CONTAINER_ROLES: Set<"paragraph" | "list" | "listitem" | "listbox" | "article" | "banner" | "complementary" | "contentinfo" | "form" | "main" | "navigation" | "search" | "descriptionlist" | "term" | "definition" | "table" | "grid" | "rowgroup" | "row" | "rowheader" | "cell" | "gridcell" | "alert" | "menu" | "tablist" | "tabpanel" | "label">;
+declare const CONTAINER_ROLES: Set<"paragraph" | "blockquote" | "code" | "emphasis" | "strong" | "list" | "listitem" | "listbox" | "article" | "banner" | "complementary" | "contentinfo" | "form" | "main" | "navigation" | "search" | "descriptionlist" | "term" | "definition" | "table" | "grid" | "rowgroup" | "row" | "alert" | "menu" | "tablist" | "tabpanel" | "label">;
 interface ContainerSnapshot extends GenericElementSnapshot<ContainerRole> {}
 type ContainerRole = SetValues<typeof CONTAINER_ROLES>;
 interface RegionSnapshot extends GenericElementSnapshot<"region"> {}
@@ -92,7 +91,9 @@ interface OptionAttributes extends SelectableAttributes, DisableableAttributes {
 interface LinkSnapshot extends GenericElementSnapshot<"link", LinkAttributes> {}
 interface LinkAttributes {
   url?: string;
+  current?: CurrentValue;
 }
+type CurrentValue = true | "page" | "step";
 //#endregion
 //#region src/types/elements/list.d.ts
 interface MenuItemSnapshot extends GenericElementSnapshot<"menuitem", MenuitemAttributes> {}
@@ -113,11 +114,17 @@ interface TabAttributes extends DisableableAttributes, SelectableAttributes {}
 //#endregion
 //#region src/types/elements/table.d.ts
 declare const SORT_TYPES: Set<"ascending" | "descending" | "other">;
-interface ColumnHeaderSnapshot extends GenericElementSnapshot<"columnheader", ColumnheaderAttributes> {}
-interface ColumnheaderAttributes {
+interface ColumnHeaderSnapshot extends GenericElementSnapshot<"columnheader", ColumnHeaderAttributes> {}
+interface ColumnHeaderAttributes extends CellAttributes {
   sort?: SortType;
 }
 type SortType = SetValues<typeof SORT_TYPES>;
+interface CellSnapshot extends GenericElementSnapshot<CellRole, CellAttributes> {}
+type CellRole = "columnheader" | "rowheader" | "cell" | "gridcell";
+interface CellAttributes {
+  colSpan?: number;
+  rowSpan?: number;
+}
 //#endregion
 //#region src/types/elements/text.d.ts
 interface TextSnapshot {
@@ -127,7 +134,7 @@ interface TextSnapshot {
 //#endregion
 //#region src/types/role.d.ts
 type TextRole = "text";
-type ElementRole = "button" | "columnheader" | "group" | "heading" | "img" | "link" | "menuitem" | "option" | "progressbar" | "radiogroup" | "region" | "separator" | "tab" | ContainerRole | DialogRole | InputRole;
+type ElementRole = "button" | "group" | "heading" | "img" | "link" | "menuitem" | "option" | "progressbar" | "radiogroup" | "region" | "separator" | "tab" | CellRole | ContainerRole | DialogRole | InputRole;
 //#endregion
 //#region src/types/snapshot.d.ts
 type NodeRole = ElementRole | TextRole;
@@ -141,7 +148,7 @@ interface GenericElementSnapshot<TRole extends NodeRole = NodeRole, TAttributes
   attributes: TAttributes;
   children: Array<NodeSnapshot>;
 }
-type ElementSnapshot = ButtonSnapshot | ColumnHeaderSnapshot | ComboboxSnapshot | ContainerSnapshot | DialogSnapshot | GroupSnapshot | HeadingSnapshot | ImageSnapshot | InputSnapshot | LinkSnapshot | OptionSnapshot | ProgressbarSnapshot | RegionSnapshot | TabSnapshot | MenuItemSnapshot | RadioGroupSnapshot | SeparatorSnapshot;
+type ElementSnapshot = ButtonSnapshot | CellSnapshot | ColumnHeaderSnapshot | ComboboxSnapshot | ContainerSnapshot | DialogSnapshot | GroupSnapshot | HeadingSnapshot | ImageSnapshot | InputSnapshot | LinkSnapshot | OptionSnapshot | ProgressbarSnapshot | RegionSnapshot | TabSnapshot | MenuItemSnapshot | RadioGroupSnapshot | SeparatorSnapshot;
 //#endregion
 //#region src/utils/filter.d.ts
 type FilterPredicate = (snapshot: NodeSnapshot) => boolean;
@@ -262,4 +269,4 @@ declare function excludeRole<TRole extends NodeRole>(role: TRole | Array<TRole>)
  */
 declare function getTextContent(snapshots: Array<NodeSnapshot>): string;
 //#endregion
-export { type ButtonSnapshot, type ColumnHeaderSnapshot, type ComboboxSnapshot, type ContainerSnapshot, type DialogSnapshot, type ElementRole, type ElementSnapshot, type ElementSnapshotMatchers, type GroupSnapshot, type HeadingSnapshot, type ImageSnapshot, type InputSnapshot, type LinkSnapshot, type MarkdownTableSnapshotOptions, type MatchMarkdownTableSnapshotFileOptions, type MatchSemanticSnapshotFileOptions, type MenuItemSnapshot, type NodeRole, type NodeSnapshot, type OptionSnapshot, type ProgressbarSnapshot, type RadioGroupSnapshot, type RegionSnapshot, type SemanticSnapshotOptions, type SeparatorSnapshot, type SnapshotByRole, type TabSnapshot, type TextSnapshot, defineElementSnapshotMatchers, excludeRole, filter, filterByRole, getTextContent, includeRole, markdownTableSnapshot, rawSnapshot, semanticSnapshot };
+export { type ButtonSnapshot, type CellSnapshot, type ColumnHeaderSnapshot, type ComboboxSnapshot, type ContainerSnapshot, type DialogSnapshot, type ElementRole, type ElementSnapshot, type ElementSnapshotMatchers, type GroupSnapshot, type HeadingSnapshot, type ImageSnapshot, type InputSnapshot, type LinkSnapshot, type MarkdownTableSnapshotOptions, type MatchMarkdownTableSnapshotFileOptions, type MatchSemanticSnapshotFileOptions, type MenuItemSnapshot, type NodeRole, type NodeSnapshot, type OptionSnapshot, type ProgressbarSnapshot, type RadioGroupSnapshot, type RegionSnapshot, type SemanticSnapshotOptions, type SeparatorSnapshot, type SnapshotByRole, type TabSnapshot, type TextSnapshot, defineElementSnapshotMatchers, excludeRole, filter, filterByRole, getTextContent, includeRole, markdownTableSnapshot, rawSnapshot, semanticSnapshot };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronn/element-snapshot",
-  "version": "0.20.0",
+  "version": "0.22.0",
   "description": "Element snapshots for Playwright",
   "homepage": "https://cronn.github.io/file-snapshots/playwright/element-snapshots/",
   "bugs": {
@@ -26,28 +26,29 @@
   },
   "dependencies": {
     "package-directory": "8.2.0",
-    "@cronn/lib-file-snapshots": "1.2.0",
-    "@cronn/playwright-file-snapshots": "2.2.0"
+    "@cronn/playwright-file-snapshots": "2.2.1",
+    "@cronn/lib-file-snapshots": "1.2.1"
   },
   "devDependencies": {
-    "@arethetypeswrong/core": "0.18.2",
-    "@playwright/test": "1.60.0",
-    "@types/node": "24.12.4",
-    "@typescript/native-preview": "7.0.0-dev.20260525.1",
-    "@vitest/coverage-v8": "4.1.7",
-    "eslint": "10.4.0",
+    "@arethetypeswrong/core": "0.18.5",
+    "@playwright/test": "1.61.1",
+    "@types/node": "24.13.2",
+    "@typescript/native": "npm:typescript@^7.0.2",
+    "@vitest/coverage-v8": "4.1.10",
+    "eslint": "10.7.0",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-check-file": "3.3.1",
     "eslint-plugin-unused-imports": "4.4.1",
     "publint": "0.3.21",
     "rimraf": "6.1.3",
-    "tsdown": "0.22.0",
-    "typescript-eslint": "8.59.4",
-    "vitest": "4.1.7",
-    "node": "runtime:>=24.14.1 <25",
-    "@cronn/test-utils": "0.0.0",
+    "tsdown": "0.22.7",
+    "typescript": "npm:@typescript/typescript6@^6.0.2",
+    "typescript-eslint": "8.63.0",
+    "vitest": "4.1.10",
+    "node": "runtime:24.18.0",
     "@cronn/shared-configs": "0.0.0",
-    "@cronn/vitest-file-snapshots": "2.1.1"
+    "@cronn/test-utils": "0.0.0",
+    "@cronn/vitest-file-snapshots": "2.1.2"
   },
   "peerDependencies": {
     "@playwright/test": "^1.55"
@@ -55,22 +56,22 @@
   "devEngines": {
     "packageManager": {
       "name": "pnpm",
-      "version": "11.3.0",
+      "version": "11.13.1",
       "onFail": "download"
     },
     "runtime": {
       "name": "node",
-      "version": ">=24.14.1 <25",
+      "version": "24.18.0",
       "onFail": "download"
     }
   },
   "engines": {
-    "node": "^20 || ^22 || >=24"
+    "node": "^22 || ^24 || >=26"
   },
   "scripts": {
     "build": "tsdown",
     "clean": "rimraf .turbo dist playwright-report test-results coverage",
-    "compile": "tsgo",
+    "compile": "tsc",
     "lint:check": "eslint src/ tests/ --max-warnings=0",
     "lint:fix": "eslint src/ tests/ --max-warnings=0 --fix",
     "playwright:install": "playwright install chromium",