@homebound/truss 2.5.0 → 2.6.0

package/build/index.d.ts

@@ -1,5 +1,6 @@
 import { Properties } from 'csstype';
 import { Code } from 'ts-poet';
+export { t as toHaveStyle } from './toHaveStyle-Y8DGA4JF.js';
 
 /**
  * A map from human name to font size, i.e. `f12` -> `12px`.

package/build/index.js

@@ -1162,7 +1162,7 @@ export function px(pixels: number): string {
 }
 
 function omitUndefinedValues<T extends object>(value: T): T {
-  const entries = Object.entries(value).filter(function ([, entryValue]) {
+  const entries = Object.entries(value).filter(([, entryValue]) => {
     return entryValue !== undefined;
   });
   return Object.fromEntries(entries) as T;
@@ -1424,7 +1424,7 @@ export function px(pixels: number): string {
 }
 
 function omitUndefinedValues<T extends object>(value: T): T {
-  const entries = Object.entries(value).filter(function ([, entryValue]) {
+  const entries = Object.entries(value).filter(([, entryValue]) => {
     return entryValue !== undefined;
   });
   return Object.fromEntries(entries) as T;
@@ -1547,6 +1547,62 @@ function condensedJson(mapping) {
   lines.push("}");
   return lines.join("\n");
 }
+
+// src/toHaveStyle.ts
+function toHaveStyle(received, expected) {
+  if (!isElementLike(received)) {
+    return {
+      pass: false,
+      message: () => `expected an Element, received ${printValue(this, "printReceived", received)}`
+    };
+  }
+  const expectedStyles = parseExpectedStyles(received, expected);
+  const mismatches = [];
+  for (const [property, expectedValue] of expectedStyles) {
+    const actualValue = getActualStyleValue(received, property);
+    if (actualValue !== expectedValue) {
+      mismatches.push(`${property}: expected ${expectedValue}, received ${actualValue || "<empty>"}`);
+    }
+  }
+  return {
+    pass: mismatches.length === 0,
+    message: () => {
+      const expectedLabel = printValue(this, "printExpected", expected);
+      return mismatches.length === 0 ? `expected element not to have style ${expectedLabel}` : `expected element to have style ${expectedLabel}
+${mismatches.join("\n")}`;
+    }
+  };
+}
+function printValue(ctx, kind, value) {
+  return ctx.utils?.[kind]?.(value) ?? JSON.stringify(value);
+}
+function isElementLike(value) {
+  return typeof value === "object" && value !== null && "ownerDocument" in value && Boolean(value.ownerDocument?.defaultView);
+}
+function toKebabCase(property) {
+  return property.startsWith("--") ? property : property.replace(/[A-Z]/g, (char) => `-${char.toLowerCase()}`);
+}
+function parseExpectedStyles(el, expected) {
+  const probe = el.ownerDocument.createElement("div");
+  const styles = /* @__PURE__ */ new Map();
+  if (typeof expected === "string") {
+    probe.setAttribute("style", expected);
+  } else {
+    for (const [property, value] of Object.entries(expected)) {
+      probe.style.setProperty(toKebabCase(property), String(value));
+    }
+  }
+  for (const property of Array.from(probe.style)) {
+    styles.set(property, probe.style.getPropertyValue(property).trim());
+  }
+  return styles;
+}
+function getActualStyleValue(el, property) {
+  if (property.startsWith("--")) {
+    return el.style?.getPropertyValue(property).trim() ?? "";
+  }
+  return el.ownerDocument.defaultView.getComputedStyle(el).getPropertyValue(property).trim();
+}
 export {
   defaultSections,
   defineConfig,
@@ -1560,6 +1616,7 @@ export {
   newPxMethod,
   newSetCssVariablesMethod,
   startStylexCollection,
-  stopStylexCollection
+  stopStylexCollection,
+  toHaveStyle
 };
 //# sourceMappingURL=index.js.map