@stacksjs/stx 0.2.94 → 0.2.96

package/dist/template-tag-balance.js

@@ -1,2 +1,93 @@
-// @bun
-import{st as a,tt as b}from"./chunk-ghrx0hn1.js";import"./chunk-3jm3snz8.js";export{b as warnUnbalancedTags,a as findUnbalancedTags};
+const VOID_TAGS = new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]), OPTIONAL_CLOSE_TAGS = new Set([
+  "html",
+  "head",
+  "body",
+  "p",
+  "li",
+  "dt",
+  "dd",
+  "rt",
+  "rp",
+  "option",
+  "optgroup",
+  "thead",
+  "tbody",
+  "tfoot",
+  "tr",
+  "td",
+  "th",
+  "colgroup",
+  "caption"
+]);
+function blankKeepingLines(s) {
+  return s.replace(/[^\n]/g, " ");
+}
+export function findUnbalancedTags(template) {
+  const stripped = template.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi, blankKeepingLines).replace(/<style\b[^>]*>[\s\S]*?<\/style>/gi, blankKeepingLines).replace(/<!--[\s\S]*?-->/g, blankKeepingLines).replace(/\{\{\{[\s\S]*?\}\}\}/g, blankKeepingLines).replace(/\{\{[\s\S]*?\}\}/g, blankKeepingLines).replace(/\{!![\s\S]*?!!\}/g, blankKeepingLines).replace(/"[^"]*"/g, blankKeepingLines).replace(/'[^']*'/g, blankKeepingLines), opens = new Map, closes = new Map, tagRe = /<(\/?)([A-Za-z][\w-]*)\b[^>]*?(\/?)>/g;
+  let m;
+  while ((m = tagRe.exec(stripped)) !== null) {
+    const isClose = m[1] === "/", name = m[2], selfClose = m[3] === "/";
+    if (VOID_TAGS.has(name.toLowerCase()))
+      continue;
+    if (selfClose)
+      continue;
+    if (isClose)
+      closes.set(name, (closes.get(name) ?? 0) + 1);
+    else {
+      const existing = opens.get(name);
+      if (existing)
+        existing.count++;
+      else {
+        const line = stripped.slice(0, m.index).split(`
+`).length;
+        opens.set(name, { count: 1, firstLine: line });
+      }
+    }
+  }
+  const issues = [];
+  for (const name of new Set([...opens.keys(), ...closes.keys()])) {
+    if (OPTIONAL_CLOSE_TAGS.has(name.toLowerCase()))
+      continue;
+    const opened = opens.get(name)?.count ?? 0, closed = closes.get(name) ?? 0;
+    if (opened !== closed)
+      issues.push({ tag: name, opened, closed, firstOpenLine: opens.get(name)?.firstLine ?? 0 });
+  }
+  return issues;
+}
+const warnedKeys = new Set;
+export function warnUnbalancedTags(template, filePath) {
+  let issues;
+  try {
+    issues = findUnbalancedTags(template);
+  } catch {
+    return;
+  }
+  if (issues.length === 0)
+    return;
+  const dedupeKey = `${filePath}:${template.length}`;
+  if (warnedKeys.has(dedupeKey))
+    return;
+  warnedKeys.add(dedupeKey);
+  const label = filePath ? filePath.split(/[/\\]/).pop() || filePath : "template";
+  for (const { tag, opened, closed, firstOpenLine } of issues)
+    if (opened > closed) {
+      const where = firstOpenLine ? ` (first opened at line ${firstOpenLine})` : "";
+      console.warn(`[stx] ${label}: <${tag}> ${opened} opened, ${closed} closed \u2014 an unclosed <${tag}>${where} may swallow the content that follows it.`);
+    } else
+      console.warn(`[stx] ${label}: <${tag}> ${opened} opened, ${closed} closed \u2014 ${closed - opened} stray </${tag}>.`);
+}

package/dist/testing.js

@@ -1,2 +1,581 @@
-// @bun
-import{Ls as R}from"./chunk-w01y57f5.js";import"./chunk-x1hjv24z.js";import"./chunk-0g4gece6.js";import{et as V}from"./chunk-nap11ntr.js";import"./chunk-03c26pjz.js";import"./chunk-13yz561y.js";import"./chunk-nanw7yhz.js";import"./chunk-ghrx0hn1.js";import"./chunk-82t27pvd.js";import"./chunk-fhawx87n.js";import"./chunk-gc84b1d2.js";import"./chunk-yr1gdceh.js";import"./chunk-baa7h4yz.js";import"./chunk-kdxa9epn.js";import"./chunk-g2hekckm.js";import"./chunk-x39sfpvm.js";import"./chunk-tr0z0e1g.js";import"./chunk-4j188175.js";import"./chunk-eds0f8f1.js";import"./chunk-dyjnn5k8.js";import"./chunk-8fgwhhb8.js";import"./chunk-tj6zfxeb.js";import"./chunk-7xcfy2fn.js";import"./chunk-9yz5d003.js";import"./chunk-fms20x0n.js";import"./chunk-fe7r1mq1.js";import"./chunk-rb1e4cnb.js";import"./chunk-j4s5qwd7.js";import"./chunk-b0cyc09a.js";import"./chunk-0tatqxj2.js";import"./chunk-bykjk6vj.js";import"./chunk-7b0xdy5h.js";import"./chunk-ywkrxp2h.js";import"./chunk-y25pr13j.js";import"./chunk-q6h6yvzb.js";import"./chunk-qdc3aav1.js";import"./chunk-6wn85hn6.js";import"./chunk-qd5461tt.js";import"./chunk-77tga15w.js";import"./chunk-rv002yn0.js";import"./chunk-hke99a0v.js";import"./chunk-mwbng54r.js";import"./chunk-wxvyj65q.js";import"./chunk-yw2fzq86.js";import"./chunk-mrehzhxv.js";import"./chunk-1zgsgk4b.js";import"./chunk-48cw2nde.js";import"./chunk-jjvp4t5w.js";import"./chunk-94g3cahw.js";import"./chunk-ht4j68cs.js";import"./chunk-fch9tk1k.js";import"./chunk-cz25azze.js";import"./chunk-q60knhjf.js";import"./chunk-hrampcrj.js";import"./chunk-t37dp99j.js";import"./chunk-5kt3ay7x.js";import"./chunk-95w08s8v.js";import"./chunk-ceg2c2q2.js";import"./chunk-04mvcmcr.js";import"./chunk-n46a5g1g.js";import"./chunk-vv9wfz1c.js";import"./chunk-dzw95th7.js";import"./chunk-46mkpbkk.js";import"./chunk-3rh7va1z.js";import"./chunk-2xen423s.js";import"./chunk-cp3kwv17.js";import"./chunk-hpqr9e3x.js";import"./chunk-adqh2m9z.js";import"./chunk-8qbax8xn.js";import"./chunk-x64kb787.js";import"./chunk-gcf5v18y.js";import"./chunk-pc31m5x5.js";import"./chunk-3jm3snz8.js";function h(){let j=globalThis.Node||(globalThis.Node={});if(j.ELEMENT_NODE==null)j.ELEMENT_NODE=1;if(j.TEXT_NODE==null)j.TEXT_NODE=3;if(j.COMMENT_NODE==null)j.COMMENT_NODE=8;if(j.DOCUMENT_NODE==null)j.DOCUMENT_NODE=9;if(j.DOCUMENT_FRAGMENT_NODE==null)j.DOCUMENT_FRAGMENT_NODE=11}function T(j){if(!j)return;let A=[j,...j.querySelectorAll?Array.from(j.querySelectorAll("*")):[]];for(let z of A){if(!z||z.nodeType!==1||z.__attrShimmed)continue;let G=z.attributes;if(!(G instanceof Map))continue;z.__attrMap=G,Object.defineProperty(z,"attributes",{configurable:!0,get(){let H=z.__attrMap,L=[],X=0;for(let[U,K]of H)L[X++]={name:U,value:K};return L.length=X,L.get=(U)=>H.get(U),L.set=(U,K)=>H.set(U,K),L.delete=(U)=>H.delete(U),L.has=(U)=>H.has(U),L.keys=()=>H.keys(),L.values=()=>H.values(),L.entries=()=>H.entries(),L.forEach=(U)=>H.forEach(U),Object.defineProperty(L,"size",{get:()=>H.size}),L.item=(U)=>L[U]||null,L.getNamedItem=(U)=>H.has(U)?{name:U,value:H.get(U)}:null,L}}),z.__attrShimmed=!0}}function y(){if(h(),typeof globalThis.requestAnimationFrame>"u")globalThis.requestAnimationFrame=(j)=>setTimeout(j,0)}function x(j=30){return new Promise((A)=>setTimeout(A,j))}async function k(j,A={}){let z={...A.context,props:A.props||{}};if(A.mocks)Object.assign(z,A.mocks);if(A.slots)z.__slots__=A.slots;let G=j,H=/<script\s+server\b[^>]*>([\s\S]*?)<\/script>/gi,L;while((L=H.exec(j))!==null){let I=L[1];await V(I,z,"test.stx"),G=G.replace(L[0],"")}G=G.replace(/<template\b[^>]*>/gi,"").replace(/<\/template>/gi,"");let X=new Set,U={debug:!1,...A.stxOptions};return await R(G,z,"test.stx",U,X)}async function g(j,A={}){let z={},G={...A.props},H={},L=(q,J)=>{if(!z[q])z[q]=[];z[q].push([J])},X={...A.context,props:G,$emit:L},U=j,K=/<script\s+server\b[^>]*>([\s\S]*?)<\/script>/gi,I;while((I=K.exec(j))!==null){let q=I[1];await V(q,X,"test.stx"),U=U.replace(I[0],"")}let O=/<script\b(?!\s+(?:server|client|src))[^>]*>([\s\S]*?)<\/script>/gi;while((I=O.exec(U))!==null){let q=I[1];await V(q,X,"test.stx"),U=U.replace(I[0],"")}U=U.replace(/<template\b[^>]*>/gi,"").replace(/<\/template>/gi,"");let W=new Set,C={debug:!1,...A.stxOptions},D=await R(U,X,"test.stx",C,W),Q;if(A.attachTo)Q=typeof A.attachTo==="string"?document.querySelector(A.attachTo)||document.createElement("div"):A.attachTo;else Q=document.createElement("div"),Q.id=`stx-test-${Date.now()}`;Q.innerHTML=D;let M=async()=>{X.props=G,Object.assign(X,H),D=await R(j,X,"test.stx",C,W),Q.innerHTML=D},B=(q)=>({element:q,html:()=>q.innerHTML,text:()=>q.textContent||"",find:(J)=>{let Y=q.querySelector(J);return Y?B(Y):null},findAll:(J)=>{return Array.from(q.querySelectorAll(J)).map(B)},exists:()=>document.body.contains(q),isVisible:()=>{let J=window.getComputedStyle(q);return J.display!=="none"&&J.visibility!=="hidden"&&J.opacity!=="0"},attributes:(J)=>{if(J)return q.getAttribute(J);let Y={};for(let Z of q.attributes)Y[Z.name]=Z.value;return Y},classes:(J)=>{if(J)return q.classList.contains(J);return Array.from(q.classList)},trigger:async(J,Y)=>{let Z=new CustomEvent(J,{bubbles:!0,cancelable:!0,detail:Y});q.dispatchEvent(Z),L(J,Y),await _()},getValue:()=>{if(q instanceof HTMLInputElement){if(q.type==="checkbox")return q.checked;if(q.type==="radio")return q.checked;return q.value}if(q instanceof HTMLSelectElement){if(q.multiple)return Array.from(q.selectedOptions).map((J)=>J.value);return q.value}if(q instanceof HTMLTextAreaElement)return q.value;return""},setValue:async(J)=>{if(q instanceof HTMLInputElement){if(q.type==="checkbox"||q.type==="radio")q.checked=J;else q.value=J;q.dispatchEvent(new Event("input",{bubbles:!0})),q.dispatchEvent(new Event("change",{bubbles:!0}))}else if(q instanceof HTMLSelectElement||q instanceof HTMLTextAreaElement)q.value=J,q.dispatchEvent(new Event("input",{bubbles:!0})),q.dispatchEvent(new Event("change",{bubbles:!0}));await _()}}),P={element:Q.firstElementChild||Q,html:()=>Q.innerHTML,text:()=>Q.textContent||"",find:(q)=>{let J=Q.querySelector(q);return J?B(J):null},findAll:(q)=>{return Array.from(Q.querySelectorAll(q)).map(B)},findComponent:(q)=>{if(Q.querySelector(`[data-component="${q}"], ${q.toLowerCase()}, ${b(q)}`))return P;return null},findAllComponents:(q)=>{let J=Q.querySelectorAll(`[data-component="${q}"], ${q.toLowerCase()}, ${b(q)}`);return Array.from(J).map(()=>P)},exists:(q)=>{if(q)return Q.querySelector(q)!==null;return Q.children.length>0},isVisible:()=>{let q=Q.firstElementChild;if(!q)return!1;let J=window.getComputedStyle(q);return J.display!=="none"&&J.visibility!=="hidden"},attributes:(q)=>{if(!q){let Z=Q.firstElementChild;if(!Z)return{};let $={};for(let S of Z.attributes)$[S.name]=S.value;return $}let J=Q.querySelector(q);if(J){let Z={};for(let $ of J.attributes)Z[$.name]=$.value;return Z}let Y=Q.firstElementChild;return Y?Y.getAttribute(q):null},classes:(q)=>{let J=($)=>($.className||"").split(/\s+/).filter(Boolean);if(!q){let $=Q.firstElementChild;if(!$)return[];return J($)}let Y=Q.querySelector(q);if(Y)return J(Y);let Z=Q.firstElementChild;if(Z)return J(Z).includes(q);return!1},props:(q)=>{if(q)return G[q];return{...G}},emitted:(q)=>{if(q)return z[q];return{...z}},setProps:async(q)=>{G={...G,...q},await M()},setData:async(q)=>{H={...H,...q},await M()},trigger:async(q,J)=>{let Y=Q.firstElementChild;if(Y){let Z=new CustomEvent(q,{bubbles:!0,cancelable:!0,detail:J});Y.dispatchEvent(Z),L(q,J)}await _()},getValue:()=>{let q=Q.querySelector("input, select, textarea");if(q)return B(q).getValue();return""},setValue:async(q)=>{let J=Q.querySelector("input, select, textarea");if(J)await B(J).setValue(q)},unmount:()=>{if(Q.innerHTML="",Q.parentElement)Q.parentElement.removeChild(Q)},vm:{$nextTick:_}};return P}var u={async click(j,A){let z=F(j);if(!z)return;let G=new MouseEvent("click",{bubbles:!0,cancelable:!0,...A});z.dispatchEvent(G),await _()},async dblClick(j,A){let z=F(j);if(!z)return;let G=new MouseEvent("dblclick",{bubbles:!0,cancelable:!0,...A});z.dispatchEvent(G),await _()},async input(j,A){let z=F(j);if(!z)return;z.value=A,z.dispatchEvent(new Event("input",{bubbles:!0})),await _()},async change(j,A){let z=F(j);if(!z)return;if(A!==void 0)z.value=A;z.dispatchEvent(new Event("change",{bubbles:!0})),await _()},async submit(j){let A=F(j);if(!A)return;let z=new Event("submit",{bubbles:!0,cancelable:!0});A.dispatchEvent(z),await _()},async focus(j){let A=F(j);if(!A)return;A.focus(),A.dispatchEvent(new FocusEvent("focus",{bubbles:!0})),await _()},async blur(j){let A=F(j);if(!A)return;A.blur(),A.dispatchEvent(new FocusEvent("blur",{bubbles:!0})),await _()},async keyDown(j,A,z){let G=F(j);if(!G)return;let H=new KeyboardEvent("keydown",{bubbles:!0,cancelable:!0,key:A,...z});G.dispatchEvent(H),await _()},async keyUp(j,A,z){let G=F(j);if(!G)return;let H=new KeyboardEvent("keyup",{bubbles:!0,cancelable:!0,key:A,...z});G.dispatchEvent(H),await _()},async custom(j,A,z){let G=F(j);if(!G)return;let H=new CustomEvent(A,{bubbles:z?.bubbles??!0,cancelable:z?.cancelable??!0,detail:z?.detail});G.dispatchEvent(H),await _()}},d={toContainText(j,A){return j.text().includes(A)},toHaveClass(j,A){return j.classes(A)},toHaveAttribute(j,A,z){let G=j.attributes(A);if(z!==void 0)return G===z;return G!==null},toBeVisible(j){return j.isVisible()},toExist(j){return j!==null&&j.exists()},toHaveEmitted(j,A,z){let G=j.emitted(A);if(!G)return!1;if(z!==void 0)return G.length===z;return G.length>0},toHaveEmittedWith(j,A,z){let G=j.emitted(A);if(!G)return!1;return G.some((H)=>JSON.stringify(H[0])===JSON.stringify(z))}};function _(){return new Promise((j)=>{if(typeof requestAnimationFrame<"u")requestAnimationFrame(()=>j());else setTimeout(j,0)})}async function f(j,A={}){let{timeout:z=1000,interval:G=50}=A,H=Date.now();while(Date.now()-H<z){if(await j())return;await new Promise((L)=>setTimeout(L,G))}throw Error(`waitFor timed out after ${z}ms`)}async function v(j,A,z={}){let{timeout:G=1000}=z;return await f(()=>j.find(A)!==null,{timeout:G}),j.find(A)}async function m(){await new Promise((j)=>setTimeout(j,0)),await _()}function E(j){let A=[],z=[],G=j,H=(...L)=>{if(A.push(L),G){let X=G(...L);return z.push(X),X}return};return H.mock={calls:A,results:z},H.calls=A,H.reset=()=>{return A.length=0,z.length=0,G=j,H},H.mockImplementation=(L)=>{return G=L,H},H.mockReturnValue=(L)=>{return G=()=>L,H},H.mockClear=()=>{return A.length=0,z.length=0,H},H.mockReset=()=>{return A.length=0,z.length=0,G=void 0,H},H}function c(j){let A={...j},z={...j},G=[{...z}],H=new Set,L=()=>{for(let X of H)X({...z})};return{getState(){return{...z}},setState(X){z={...z,...X},G.push({...z}),L()},reset(){z={...A},G.length=0,G.push({...z}),L()},getHistory(){return G.map((X)=>({...X}))},subscribe(X){return H.add(X),()=>H.delete(X)}}}function F(j){if(!j)return null;if(j instanceof HTMLElement)return j;return j.element}function b(j){return j.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function i(j={}){return{props:j.props||{},context:j.context||{},mocks:Object.entries(j.mocks||{}).reduce((A,[z,G])=>{return A[z]=typeof G==="function"?E():G,A},{})}}function p(){document.querySelectorAll('[id^="stx-test-"]').forEach((j)=>j.remove())}export{v as waitForElement,f as waitFor,T as shimAttributes,y as setupStxTestDom,k as render,_ as nextTick,g as mount,d as matchers,h as installNodeConstants,m as flushPromises,x as flushEffects,u as fireEvent,i as createTestContext,c as createMockStore,E as createMockFn,p as cleanup};
+import { processDirectives } from "./process.js";
+import { extractVariables } from "./variable-extractor.js";
+export function installNodeConstants() {
+  const N = globalThis.Node || (globalThis.Node = {});
+  if (N.ELEMENT_NODE == null)
+    N.ELEMENT_NODE = 1;
+  if (N.TEXT_NODE == null)
+    N.TEXT_NODE = 3;
+  if (N.COMMENT_NODE == null)
+    N.COMMENT_NODE = 8;
+  if (N.DOCUMENT_NODE == null)
+    N.DOCUMENT_NODE = 9;
+  if (N.DOCUMENT_FRAGMENT_NODE == null)
+    N.DOCUMENT_FRAGMENT_NODE = 11;
+}
+export function shimAttributes(root) {
+  if (!root)
+    return;
+  const els = [root, ...root.querySelectorAll ? Array.from(root.querySelectorAll("*")) : []];
+  for (const el of els) {
+    if (!el || el.nodeType !== 1 || el.__attrShimmed)
+      continue;
+    const map = el.attributes;
+    if (!(map instanceof Map))
+      continue;
+    el.__attrMap = map;
+    Object.defineProperty(el, "attributes", {
+      configurable: !0,
+      get() {
+        const m = el.__attrMap, arr = [];
+        let i = 0;
+        for (const [name, value] of m)
+          arr[i++] = { name, value };
+        arr.length = i;
+        arr.get = (k) => m.get(k);
+        arr.set = (k, v) => m.set(k, v);
+        arr.delete = (k) => m.delete(k);
+        arr.has = (k) => m.has(k);
+        arr.keys = () => m.keys();
+        arr.values = () => m.values();
+        arr.entries = () => m.entries();
+        arr.forEach = (cb) => m.forEach(cb);
+        Object.defineProperty(arr, "size", { get: () => m.size });
+        arr.item = (n) => arr[n] || null;
+        arr.getNamedItem = (k) => m.has(k) ? { name: k, value: m.get(k) } : null;
+        return arr;
+      }
+    });
+    el.__attrShimmed = !0;
+  }
+}
+export function setupStxTestDom() {
+  installNodeConstants();
+  if (typeof globalThis.requestAnimationFrame > "u")
+    globalThis.requestAnimationFrame = (cb) => setTimeout(cb, 0);
+}
+export function flushEffects(ms = 30) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+export async function render(template, options = {}) {
+  const context = {
+    ...options.context,
+    props: options.props || {}
+  };
+  if (options.mocks)
+    Object.assign(context, options.mocks);
+  if (options.slots)
+    context.__slots__ = options.slots;
+  let processedTemplate = template;
+  const serverScriptRe = /<script\s+server\b[^>]*>([\s\S]*?)<\/script>/gi;
+  let match;
+  while ((match = serverScriptRe.exec(template)) !== null) {
+    const scriptBody = match[1];
+    await extractVariables(scriptBody, context, "test.stx");
+    processedTemplate = processedTemplate.replace(match[0], "");
+  }
+  processedTemplate = processedTemplate.replace(/<template\b[^>]*>/gi, "").replace(/<\/template>/gi, "");
+  const dependencies = new Set, stxOptions = {
+    debug: !1,
+    ...options.stxOptions
+  };
+  return await processDirectives(processedTemplate, context, "test.stx", stxOptions, dependencies);
+}
+export async function mount(template, options = {}) {
+  const emittedEvents = {};
+  let currentProps = { ...options.props }, currentData = {};
+  const captureEvent = (event, payload) => {
+    if (!emittedEvents[event])
+      emittedEvents[event] = [];
+    emittedEvents[event].push([payload]);
+  }, context = {
+    ...options.context,
+    props: currentProps,
+    $emit: captureEvent
+  };
+  let processedTemplate = template;
+  const serverScriptRe = /<script\s+server\b[^>]*>([\s\S]*?)<\/script>/gi;
+  let scriptMatch;
+  while ((scriptMatch = serverScriptRe.exec(template)) !== null) {
+    const scriptBody = scriptMatch[1];
+    await extractVariables(scriptBody, context, "test.stx");
+    processedTemplate = processedTemplate.replace(scriptMatch[0], "");
+  }
+  const plainScriptRe = /<script\b(?!\s+(?:server|client|src))[^>]*>([\s\S]*?)<\/script>/gi;
+  while ((scriptMatch = plainScriptRe.exec(processedTemplate)) !== null) {
+    const scriptBody = scriptMatch[1];
+    await extractVariables(scriptBody, context, "test.stx");
+    processedTemplate = processedTemplate.replace(scriptMatch[0], "");
+  }
+  processedTemplate = processedTemplate.replace(/<template\b[^>]*>/gi, "").replace(/<\/template>/gi, "");
+  const dependencies = new Set, stxOptions = {
+    debug: !1,
+    ...options.stxOptions
+  };
+  let html = await processDirectives(processedTemplate, context, "test.stx", stxOptions, dependencies), container;
+  if (options.attachTo)
+    container = typeof options.attachTo === "string" ? document.querySelector(options.attachTo) || document.createElement("div") : options.attachTo;
+  else {
+    container = document.createElement("div");
+    container.id = `stx-test-${Date.now()}`;
+  }
+  container.innerHTML = html;
+  const rerender = async () => {
+    context.props = currentProps;
+    Object.assign(context, currentData);
+    html = await processDirectives(template, context, "test.stx", stxOptions, dependencies);
+    container.innerHTML = html;
+  }, createElementWrapper = (el) => ({
+    element: el,
+    html: () => el.innerHTML,
+    text: () => el.textContent || "",
+    find: (selector) => {
+      const found = el.querySelector(selector);
+      return found ? createElementWrapper(found) : null;
+    },
+    findAll: (selector) => {
+      return Array.from(el.querySelectorAll(selector)).map(createElementWrapper);
+    },
+    exists: () => document.body.contains(el),
+    isVisible: () => {
+      const style = window.getComputedStyle(el);
+      return style.display !== "none" && style.visibility !== "hidden" && style.opacity !== "0";
+    },
+    attributes: (name) => {
+      if (name)
+        return el.getAttribute(name);
+      const attrs = {};
+      for (const attr of el.attributes)
+        attrs[attr.name] = attr.value;
+      return attrs;
+    },
+    classes: (name) => {
+      if (name)
+        return el.classList.contains(name);
+      return Array.from(el.classList);
+    },
+    trigger: async (event, payload) => {
+      const evt = new CustomEvent(event, {
+        bubbles: !0,
+        cancelable: !0,
+        detail: payload
+      });
+      el.dispatchEvent(evt);
+      captureEvent(event, payload);
+      await nextTick();
+    },
+    getValue: () => {
+      if (el instanceof HTMLInputElement) {
+        if (el.type === "checkbox")
+          return el.checked;
+        if (el.type === "radio")
+          return el.checked;
+        return el.value;
+      }
+      if (el instanceof HTMLSelectElement) {
+        if (el.multiple)
+          return Array.from(el.selectedOptions).map((o) => o.value);
+        return el.value;
+      }
+      if (el instanceof HTMLTextAreaElement)
+        return el.value;
+      return "";
+    },
+    setValue: async (value) => {
+      if (el instanceof HTMLInputElement) {
+        if (el.type === "checkbox" || el.type === "radio")
+          el.checked = value;
+        else
+          el.value = value;
+        el.dispatchEvent(new Event("input", { bubbles: !0 }));
+        el.dispatchEvent(new Event("change", { bubbles: !0 }));
+      } else if (el instanceof HTMLSelectElement || el instanceof HTMLTextAreaElement) {
+        el.value = value;
+        el.dispatchEvent(new Event("input", { bubbles: !0 }));
+        el.dispatchEvent(new Event("change", { bubbles: !0 }));
+      }
+      await nextTick();
+    }
+  }), wrapper = {
+    element: container.firstElementChild || container,
+    html: () => container.innerHTML,
+    text: () => container.textContent || "",
+    find: (selector) => {
+      const el = container.querySelector(selector);
+      return el ? createElementWrapper(el) : null;
+    },
+    findAll: (selector) => {
+      return Array.from(container.querySelectorAll(selector)).map(createElementWrapper);
+    },
+    findComponent: (name) => {
+      if (container.querySelector(`[data-component="${name}"], ${name.toLowerCase()}, ${toKebabCase(name)}`))
+        return wrapper;
+      return null;
+    },
+    findAllComponents: (name) => {
+      const els = container.querySelectorAll(`[data-component="${name}"], ${name.toLowerCase()}, ${toKebabCase(name)}`);
+      return Array.from(els).map(() => wrapper);
+    },
+    exists: (selector) => {
+      if (selector)
+        return container.querySelector(selector) !== null;
+      return container.children.length > 0;
+    },
+    isVisible: () => {
+      const el = container.firstElementChild;
+      if (!el)
+        return !1;
+      const style = window.getComputedStyle(el);
+      return style.display !== "none" && style.visibility !== "hidden";
+    },
+    attributes: (selectorOrName) => {
+      if (!selectorOrName) {
+        const el = container.firstElementChild;
+        if (!el)
+          return {};
+        const attrs = {};
+        for (const attr of el.attributes)
+          attrs[attr.name] = attr.value;
+        return attrs;
+      }
+      const found = container.querySelector(selectorOrName);
+      if (found) {
+        const attrs = {};
+        for (const attr of found.attributes)
+          attrs[attr.name] = attr.value;
+        return attrs;
+      }
+      const el = container.firstElementChild;
+      return el ? el.getAttribute(selectorOrName) : null;
+    },
+    classes: (selectorOrName) => {
+      const getClasses = (el) => (el.className || "").split(/\s+/).filter(Boolean);
+      if (!selectorOrName) {
+        const el = container.firstElementChild;
+        if (!el)
+          return [];
+        return getClasses(el);
+      }
+      const found = container.querySelector(selectorOrName);
+      if (found)
+        return getClasses(found);
+      const el = container.firstElementChild;
+      if (el)
+        return getClasses(el).includes(selectorOrName);
+      return !1;
+    },
+    props: (name) => {
+      if (name)
+        return currentProps[name];
+      return { ...currentProps };
+    },
+    emitted: (event) => {
+      if (event)
+        return emittedEvents[event];
+      return { ...emittedEvents };
+    },
+    setProps: async (props) => {
+      currentProps = { ...currentProps, ...props };
+      await rerender();
+    },
+    setData: async (data) => {
+      currentData = { ...currentData, ...data };
+      await rerender();
+    },
+    trigger: async (event, payload) => {
+      const el = container.firstElementChild;
+      if (el) {
+        const evt = new CustomEvent(event, {
+          bubbles: !0,
+          cancelable: !0,
+          detail: payload
+        });
+        el.dispatchEvent(evt);
+        captureEvent(event, payload);
+      }
+      await nextTick();
+    },
+    getValue: () => {
+      const el = container.querySelector("input, select, textarea");
+      if (el)
+        return createElementWrapper(el).getValue();
+      return "";
+    },
+    setValue: async (value) => {
+      const el = container.querySelector("input, select, textarea");
+      if (el)
+        await createElementWrapper(el).setValue(value);
+    },
+    unmount: () => {
+      container.innerHTML = "";
+      if (container.parentElement)
+        container.parentElement.removeChild(container);
+    },
+    vm: {
+      $nextTick: nextTick
+    }
+  };
+  return wrapper;
+}
+export const fireEvent = {
+  async click(target, options) {
+    const el = getElement(target);
+    if (!el)
+      return;
+    const event = new MouseEvent("click", {
+      bubbles: !0,
+      cancelable: !0,
+      ...options
+    });
+    el.dispatchEvent(event);
+    await nextTick();
+  },
+  async dblClick(target, options) {
+    const el = getElement(target);
+    if (!el)
+      return;
+    const event = new MouseEvent("dblclick", {
+      bubbles: !0,
+      cancelable: !0,
+      ...options
+    });
+    el.dispatchEvent(event);
+    await nextTick();
+  },
+  async input(target, value) {
+    const el = getElement(target);
+    if (!el)
+      return;
+    el.value = value;
+    el.dispatchEvent(new Event("input", { bubbles: !0 }));
+    await nextTick();
+  },
+  async change(target, value) {
+    const el = getElement(target);
+    if (!el)
+      return;
+    if (value !== void 0)
+      el.value = value;
+    el.dispatchEvent(new Event("change", { bubbles: !0 }));
+    await nextTick();
+  },
+  async submit(target) {
+    const el = getElement(target);
+    if (!el)
+      return;
+    const event = new Event("submit", { bubbles: !0, cancelable: !0 });
+    el.dispatchEvent(event);
+    await nextTick();
+  },
+  async focus(target) {
+    const el = getElement(target);
+    if (!el)
+      return;
+    el.focus();
+    el.dispatchEvent(new FocusEvent("focus", { bubbles: !0 }));
+    await nextTick();
+  },
+  async blur(target) {
+    const el = getElement(target);
+    if (!el)
+      return;
+    el.blur();
+    el.dispatchEvent(new FocusEvent("blur", { bubbles: !0 }));
+    await nextTick();
+  },
+  async keyDown(target, key, options) {
+    const el = getElement(target);
+    if (!el)
+      return;
+    const event = new KeyboardEvent("keydown", {
+      bubbles: !0,
+      cancelable: !0,
+      key,
+      ...options
+    });
+    el.dispatchEvent(event);
+    await nextTick();
+  },
+  async keyUp(target, key, options) {
+    const el = getElement(target);
+    if (!el)
+      return;
+    const event = new KeyboardEvent("keyup", {
+      bubbles: !0,
+      cancelable: !0,
+      key,
+      ...options
+    });
+    el.dispatchEvent(event);
+    await nextTick();
+  },
+  async custom(target, eventName, options) {
+    const el = getElement(target);
+    if (!el)
+      return;
+    const event = new CustomEvent(eventName, {
+      bubbles: options?.bubbles ?? !0,
+      cancelable: options?.cancelable ?? !0,
+      detail: options?.detail
+    });
+    el.dispatchEvent(event);
+    await nextTick();
+  }
+}, matchers = {
+  toContainText(wrapper, text) {
+    return wrapper.text().includes(text);
+  },
+  toHaveClass(wrapper, className) {
+    return wrapper.classes(className);
+  },
+  toHaveAttribute(wrapper, name, value) {
+    const attr = wrapper.attributes(name);
+    if (value !== void 0)
+      return attr === value;
+    return attr !== null;
+  },
+  toBeVisible(wrapper) {
+    return wrapper.isVisible();
+  },
+  toExist(wrapper) {
+    return wrapper !== null && wrapper.exists();
+  },
+  toHaveEmitted(wrapper, event, times) {
+    const emitted = wrapper.emitted(event);
+    if (!emitted)
+      return !1;
+    if (times !== void 0)
+      return emitted.length === times;
+    return emitted.length > 0;
+  },
+  toHaveEmittedWith(wrapper, event, payload) {
+    const emitted = wrapper.emitted(event);
+    if (!emitted)
+      return !1;
+    return emitted.some((args) => JSON.stringify(args[0]) === JSON.stringify(payload));
+  }
+};
+export function nextTick() {
+  return new Promise((resolve) => {
+    if (typeof requestAnimationFrame < "u")
+      requestAnimationFrame(() => resolve());
+    else
+      setTimeout(resolve, 0);
+  });
+}
+export async function waitFor(condition, options = {}) {
+  const { timeout = 1000, interval = 50 } = options, start = Date.now();
+  while (Date.now() - start < timeout) {
+    if (await condition())
+      return;
+    await new Promise((r) => setTimeout(r, interval));
+  }
+  throw Error(`waitFor timed out after ${timeout}ms`);
+}
+export async function waitForElement(wrapper, selector, options = {}) {
+  const { timeout = 1000 } = options;
+  await waitFor(() => wrapper.find(selector) !== null, { timeout });
+  return wrapper.find(selector);
+}
+export async function flushPromises() {
+  await new Promise((r) => setTimeout(r, 0));
+  await nextTick();
+}
+export function createMockFn(impl) {
+  const calls = [], results = [];
+  let implementation = impl;
+  const fn = (...args) => {
+    calls.push(args);
+    if (implementation) {
+      const result = implementation(...args);
+      results.push(result);
+      return result;
+    }
+    return;
+  };
+  fn.mock = {
+    calls,
+    results
+  };
+  fn.calls = calls;
+  fn.reset = () => {
+    calls.length = 0;
+    results.length = 0;
+    implementation = impl;
+    return fn;
+  };
+  fn.mockImplementation = (newImpl) => {
+    implementation = newImpl;
+    return fn;
+  };
+  fn.mockReturnValue = (value) => {
+    implementation = () => value;
+    return fn;
+  };
+  fn.mockClear = () => {
+    calls.length = 0;
+    results.length = 0;
+    return fn;
+  };
+  fn.mockReset = () => {
+    calls.length = 0;
+    results.length = 0;
+    implementation = void 0;
+    return fn;
+  };
+  return fn;
+}
+export function createMockStore(initialState) {
+  const initial = { ...initialState };
+  let state = { ...initialState };
+  const history = [{ ...state }], listeners = new Set, notify = () => {
+    for (const listener of listeners)
+      listener({ ...state });
+  };
+  return {
+    getState() {
+      return { ...state };
+    },
+    setState(partial) {
+      state = { ...state, ...partial };
+      history.push({ ...state });
+      notify();
+    },
+    reset() {
+      state = { ...initial };
+      history.length = 0;
+      history.push({ ...state });
+      notify();
+    },
+    getHistory() {
+      return history.map((s) => ({ ...s }));
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => listeners.delete(listener);
+    }
+  };
+}
+function getElement(target) {
+  if (!target)
+    return null;
+  if (target instanceof HTMLElement)
+    return target;
+  return target.element;
+}
+function toKebabCase(str) {
+  return str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+export function createTestContext(options = {}) {
+  return {
+    props: options.props || {},
+    context: options.context || {},
+    mocks: Object.entries(options.mocks || {}).reduce((acc, [key, value]) => {
+      acc[key] = typeof value === "function" ? createMockFn() : value;
+      return acc;
+    }, {})
+  };
+}
+export function cleanup() {
+  document.querySelectorAll('[id^="stx-test-"]').forEach((el) => el.remove());
+}