@magnit-ce/code-tests 0.0.1 → 0.0.2

package/dist/code-tests.cjs

@@ -469,6 +469,19 @@ function expect(value) {
   return CodeTests.expect(value);
 }
 
+// node_modules/.pnpm/ce-part-utils@0.0.0/node_modules/ce-part-utils/dist/ce-part-utils.js
+var DEFAULT_ELEMENT_SELECTOR = ":not(slot,defs,g,rect,path,circle,ellipse,line,polygon,text,tspan,use,svg image,svg title,desc,template,template *)";
+function assignClassAndIdToPart(shadowRoot) {
+  const identifiedElements = [...shadowRoot.querySelectorAll(`${DEFAULT_ELEMENT_SELECTOR}[id]`)];
+  for (let i = 0; i < identifiedElements.length; i++) {
+    identifiedElements[i].part.add(identifiedElements[i].id);
+  }
+  const classedElements = [...shadowRoot.querySelectorAll(`${DEFAULT_ELEMENT_SELECTOR}[class]`)];
+  for (let i = 0; i < classedElements.length; i++) {
+    classedElements[i].part.add(...classedElements[i].classList);
+  }
+}
+
 // src/code-tests.ts
 var NOTESTDEFINED = Symbol("No Test Defined");
 var COMPONENT_STYLESHEET = new CSSStyleSheet();
@@ -510,6 +523,7 @@ var CodeTestsElement = class extends HTMLElement {
       return;
     }
     this.loadTests(testsPath);
+    assignClassAndIdToPart(this.shadowRoot);
   }
   disconnectedCallback() {
     this.removeEventListener("click", this.#boundClickHandler);
@@ -647,17 +661,15 @@ var CodeTestsElement = class extends HTMLElement {
     if (beforeHooks != null) {
       let hookResult;
       try {
-        const hookElement = this.getElement(`before-all-details`);
-        hookElement.toggleAttribute("success", false);
-        hookElement.classList.add("running");
-        hookElement.part.add("running");
-        hookElement.classList.remove("success", "fail");
-        hookElement.part.remove("success", "fail");
+        const beforeAllHookElement = this.getElement(`before-all-details`);
+        beforeAllHookElement.classList.add("running");
+        beforeAllHookElement.part.add("running");
         for (const [hook, ids] of beforeHooks) {
           hookResult = await hook();
           this.#handleHookResult(hookResult, true, "before");
         }
-        hookElement.part.remove("running");
+        beforeAllHookElement.part.remove("running");
+        beforeAllHookElement.classList.remove("running");
       } catch (error) {
         this.#handleHookResult(hookResult, false, "before", error);
         console.error(error);
@@ -686,17 +698,15 @@ var CodeTestsElement = class extends HTMLElement {
     if (afterHooks != null) {
       let hookResult;
       try {
-        const hookElement = this.getElement(`after-all-details`);
-        hookElement.toggleAttribute("success", false);
-        hookElement.classList.add("running");
-        hookElement.part.add("running");
-        hookElement.classList.remove("success", "fail");
-        hookElement.part.remove("success", "fail");
+        const afterAllHookElement = this.getElement(`after-all-details`);
+        afterAllHookElement.classList.add("running");
+        afterAllHookElement.part.add("running");
         for (const [hook, ids] of afterHooks) {
           hookResult = await hook();
           this.#handleHookResult(hookResult, true, "after");
         }
-        hookElement.part.remove("running");
+        afterAllHookElement.part.remove("running");
+        afterAllHookElement.classList.remove("running");
       } catch (error) {
         this.#handleHookResult(hookResult, false, "after", error);
         console.error(error);
@@ -707,6 +717,7 @@ var CodeTestsElement = class extends HTMLElement {
     const failedTests = this.shadowRoot.querySelectorAll('[success="false"]');
     this.setAttribute("success", failedTests.length == 0 ? "true" : "false");
     this.classList.remove("running");
+    this.part.remove("running");
   }
   #clearTestStatuses() {
     for (const [testId, test] of this.#tests) {
@@ -719,6 +730,14 @@ var CodeTestsElement = class extends HTMLElement {
       testElement.classList.remove("success", "fail");
       testElement.part.remove("success", "fail");
     }
+    const beforeAllHookElement = this.getElement(`before-all-details`);
+    beforeAllHookElement.toggleAttribute("success", false);
+    beforeAllHookElement.classList.remove("success", "fail");
+    beforeAllHookElement.part.remove("success", "fail");
+    const afterAllHookElement = this.getElement(`after-all-details`);
+    afterAllHookElement.toggleAttribute("success", false);
+    afterAllHookElement.classList.remove("success", "fail");
+    afterAllHookElement.part.remove("success", "fail");
   }
   async #runTest(testId, test) {
     const testElement = this.getElement("tests").querySelector(`[data-test-id="${testId}"]`);
@@ -779,6 +798,7 @@ var CodeTestsElement = class extends HTMLElement {
       this.#continueRunningTests = false;
     } finally {
       testElement?.classList.remove("running");
+      testElement?.part.remove("running");
     }
   }
   #handleTestResult(testElement, result, finishedTest, error, beforeOrAfter) {
@@ -861,12 +881,16 @@ Result:${objectResult.value}`,
     const testElement = document.createElement("li");
     testElement.dataset.testId = testId;
     testElement.classList.add("test");
+    testElement.part.add("test");
     const detailsElement = document.createElement("details");
     detailsElement.classList.add("test-details");
+    detailsElement.part.add("test-details");
     const summaryElement = document.createElement("summary");
     summaryElement.classList.add("test-summary");
+    summaryElement.part.add("test-summary");
     const resultIcon = document.createElement("div");
     resultIcon.classList.add("result-icon");
+    resultIcon.part.add("result-icon");
     summaryElement.append(resultIcon);
     const descriptionElement = document.createElement("span");
     descriptionElement.classList.add("description", "test-description");
@@ -874,15 +898,19 @@ Result:${objectResult.value}`,
     summaryElement.append(descriptionElement);
     const runButton = document.createElement("button");
     runButton.classList.add("run", "test-run");
+    runButton.part.add("run", "test-run");
     runButton.textContent = "Run Test";
     runButton.title = "Run Test";
     summaryElement.append(runButton);
     const beforeResultElement = document.createElement("div");
     beforeResultElement.classList.add("before-result", "test-before-result");
+    beforeResultElement.part.add("before-result", "test-before-result");
     const resultElement = document.createElement("div");
     resultElement.classList.add("result", "test-result");
+    resultElement.part.add("result", "test-result");
     const afterResultElement = document.createElement("div");
     afterResultElement.classList.add("after-result", "test-after-result");
+    afterResultElement.part.add("after-result", "test-after-result");
     detailsElement.append(summaryElement);
     detailsElement.append(beforeResultElement);
     detailsElement.append(resultElement);
@@ -906,9 +934,13 @@ Result:${objectResult.value}`,
   }
   #createDefaultResult(message, success, beforeOrAfter) {
     const codeElement = document.createElement("code");
+    codeElement.classList.add("code");
+    codeElement.part.add("code");
     const preElement = document.createElement("pre");
     preElement.textContent = message;
-    preElement.classList.add(success == true ? "success-message" : "error-message");
+    const className = success == true ? "success-message" : "error-message";
+    preElement.classList.add("pre", className);
+    preElement.part.add("pre", className);
     codeElement.appendChild(preElement);
     return codeElement;
   }
@@ -930,8 +962,14 @@ ${error.message}`;
       console.error(error);
     }
     const errorElement = document.createElement("li");
+    errorElement.classList.add("error", "process-error");
+    errorElement.part.add("error", "process-error");
     const codeElement = document.createElement("code");
+    codeElement.classList.add("code", "process-error-code");
+    codeElement.part.add("code", "process-error-code");
     const preElement = document.createElement("pre");
+    preElement.classList.add("pre", "process-error-pre");
+    preElement.part.add("pre", "process-error-pre");
     preElement.textContent = message;
     codeElement.append(preElement);
     errorElement.append(codeElement);

package/dist/code-tests.js

@@ -437,6 +437,19 @@ function expect(value) {
   return CodeTests.expect(value);
 }
 
+// node_modules/.pnpm/ce-part-utils@0.0.0/node_modules/ce-part-utils/dist/ce-part-utils.js
+var DEFAULT_ELEMENT_SELECTOR = ":not(slot,defs,g,rect,path,circle,ellipse,line,polygon,text,tspan,use,svg image,svg title,desc,template,template *)";
+function assignClassAndIdToPart(shadowRoot) {
+  const identifiedElements = [...shadowRoot.querySelectorAll(`${DEFAULT_ELEMENT_SELECTOR}[id]`)];
+  for (let i = 0; i < identifiedElements.length; i++) {
+    identifiedElements[i].part.add(identifiedElements[i].id);
+  }
+  const classedElements = [...shadowRoot.querySelectorAll(`${DEFAULT_ELEMENT_SELECTOR}[class]`)];
+  for (let i = 0; i < classedElements.length; i++) {
+    classedElements[i].part.add(...classedElements[i].classList);
+  }
+}
+
 // src/code-tests.ts
 var NOTESTDEFINED = Symbol("No Test Defined");
 var COMPONENT_STYLESHEET = new CSSStyleSheet();
@@ -478,6 +491,7 @@ var CodeTestsElement = class extends HTMLElement {
       return;
     }
     this.loadTests(testsPath);
+    assignClassAndIdToPart(this.shadowRoot);
   }
   disconnectedCallback() {
     this.removeEventListener("click", this.#boundClickHandler);
@@ -615,17 +629,15 @@ var CodeTestsElement = class extends HTMLElement {
     if (beforeHooks != null) {
       let hookResult;
       try {
-        const hookElement = this.getElement(`before-all-details`);
-        hookElement.toggleAttribute("success", false);
-        hookElement.classList.add("running");
-        hookElement.part.add("running");
-        hookElement.classList.remove("success", "fail");
-        hookElement.part.remove("success", "fail");
+        const beforeAllHookElement = this.getElement(`before-all-details`);
+        beforeAllHookElement.classList.add("running");
+        beforeAllHookElement.part.add("running");
         for (const [hook, ids] of beforeHooks) {
           hookResult = await hook();
           this.#handleHookResult(hookResult, true, "before");
         }
-        hookElement.part.remove("running");
+        beforeAllHookElement.part.remove("running");
+        beforeAllHookElement.classList.remove("running");
       } catch (error) {
         this.#handleHookResult(hookResult, false, "before", error);
         console.error(error);
@@ -654,17 +666,15 @@ var CodeTestsElement = class extends HTMLElement {
     if (afterHooks != null) {
       let hookResult;
       try {
-        const hookElement = this.getElement(`after-all-details`);
-        hookElement.toggleAttribute("success", false);
-        hookElement.classList.add("running");
-        hookElement.part.add("running");
-        hookElement.classList.remove("success", "fail");
-        hookElement.part.remove("success", "fail");
+        const afterAllHookElement = this.getElement(`after-all-details`);
+        afterAllHookElement.classList.add("running");
+        afterAllHookElement.part.add("running");
         for (const [hook, ids] of afterHooks) {
           hookResult = await hook();
           this.#handleHookResult(hookResult, true, "after");
         }
-        hookElement.part.remove("running");
+        afterAllHookElement.part.remove("running");
+        afterAllHookElement.classList.remove("running");
       } catch (error) {
         this.#handleHookResult(hookResult, false, "after", error);
         console.error(error);
@@ -675,6 +685,7 @@ var CodeTestsElement = class extends HTMLElement {
     const failedTests = this.shadowRoot.querySelectorAll('[success="false"]');
     this.setAttribute("success", failedTests.length == 0 ? "true" : "false");
     this.classList.remove("running");
+    this.part.remove("running");
   }
   #clearTestStatuses() {
     for (const [testId, test] of this.#tests) {
@@ -687,6 +698,14 @@ var CodeTestsElement = class extends HTMLElement {
       testElement.classList.remove("success", "fail");
       testElement.part.remove("success", "fail");
     }
+    const beforeAllHookElement = this.getElement(`before-all-details`);
+    beforeAllHookElement.toggleAttribute("success", false);
+    beforeAllHookElement.classList.remove("success", "fail");
+    beforeAllHookElement.part.remove("success", "fail");
+    const afterAllHookElement = this.getElement(`after-all-details`);
+    afterAllHookElement.toggleAttribute("success", false);
+    afterAllHookElement.classList.remove("success", "fail");
+    afterAllHookElement.part.remove("success", "fail");
   }
   async #runTest(testId, test) {
     const testElement = this.getElement("tests").querySelector(`[data-test-id="${testId}"]`);
@@ -747,6 +766,7 @@ var CodeTestsElement = class extends HTMLElement {
       this.#continueRunningTests = false;
     } finally {
       testElement?.classList.remove("running");
+      testElement?.part.remove("running");
     }
   }
   #handleTestResult(testElement, result, finishedTest, error, beforeOrAfter) {
@@ -829,12 +849,16 @@ Result:${objectResult.value}`,
     const testElement = document.createElement("li");
     testElement.dataset.testId = testId;
     testElement.classList.add("test");
+    testElement.part.add("test");
     const detailsElement = document.createElement("details");
     detailsElement.classList.add("test-details");
+    detailsElement.part.add("test-details");
     const summaryElement = document.createElement("summary");
     summaryElement.classList.add("test-summary");
+    summaryElement.part.add("test-summary");
     const resultIcon = document.createElement("div");
     resultIcon.classList.add("result-icon");
+    resultIcon.part.add("result-icon");
     summaryElement.append(resultIcon);
     const descriptionElement = document.createElement("span");
     descriptionElement.classList.add("description", "test-description");
@@ -842,15 +866,19 @@ Result:${objectResult.value}`,
     summaryElement.append(descriptionElement);
     const runButton = document.createElement("button");
     runButton.classList.add("run", "test-run");
+    runButton.part.add("run", "test-run");
     runButton.textContent = "Run Test";
     runButton.title = "Run Test";
     summaryElement.append(runButton);
     const beforeResultElement = document.createElement("div");
     beforeResultElement.classList.add("before-result", "test-before-result");
+    beforeResultElement.part.add("before-result", "test-before-result");
     const resultElement = document.createElement("div");
     resultElement.classList.add("result", "test-result");
+    resultElement.part.add("result", "test-result");
     const afterResultElement = document.createElement("div");
     afterResultElement.classList.add("after-result", "test-after-result");
+    afterResultElement.part.add("after-result", "test-after-result");
     detailsElement.append(summaryElement);
     detailsElement.append(beforeResultElement);
     detailsElement.append(resultElement);
@@ -874,9 +902,13 @@ Result:${objectResult.value}`,
   }
   #createDefaultResult(message, success, beforeOrAfter) {
     const codeElement = document.createElement("code");
+    codeElement.classList.add("code");
+    codeElement.part.add("code");
     const preElement = document.createElement("pre");
     preElement.textContent = message;
-    preElement.classList.add(success == true ? "success-message" : "error-message");
+    const className = success == true ? "success-message" : "error-message";
+    preElement.classList.add("pre", className);
+    preElement.part.add("pre", className);
     codeElement.appendChild(preElement);
     return codeElement;
   }
@@ -898,8 +930,14 @@ ${error.message}`;
       console.error(error);
     }
     const errorElement = document.createElement("li");
+    errorElement.classList.add("error", "process-error");
+    errorElement.part.add("error", "process-error");
     const codeElement = document.createElement("code");
+    codeElement.classList.add("code", "process-error-code");
+    codeElement.part.add("code", "process-error-code");
     const preElement = document.createElement("pre");
+    preElement.classList.add("pre", "process-error-pre");
+    preElement.part.add("pre", "process-error-pre");
     preElement.textContent = message;
     codeElement.append(preElement);
     errorElement.append(codeElement);

package/dist/code-tests.min.js

@@ -1,4 +1,4 @@
-var H=`:host
+var S=`:host
 {
     /*** gray ***/
     --uchu-light-gray-raw: 95.57% 0.003 286.35;
@@ -382,15 +382,15 @@ pre
         <span id="after-all-description" class="description">Results from After All Hook</span>
     </summary>
     <div id="after-all-results" class="results"></div>
-</details>`;var w=class extends Promise{async toBeDefined(e){if(await this==null)throw new Error(`${e??"Value"} is undefined`)}async toBe(e,s=!1){let t=await this;if((s==!0?t===e:t==e)==!1)throw new Error(`  Value is not equal.
-  Expected: ${e}
-  Result: ${t}`)}async toContainText(e){let s=await this}async toHaveAttribute(e){let s=await this;if(!(s instanceof HTMLElement))throw new Error("Unable to check for attribute on non-HTMLElement target");if(s.getAttribute(e))throw new Error("Taret does not have attribute")}},b=Symbol("beforeAll"),y=Symbol("beforeEach"),E=Symbol("afterAll"),k=Symbol("afterEach"),R=class{static timeoutMS=500;static#e;static#h;static expect(e){return new w(async(t,a)=>{if(e instanceof Promise){let r=await e;t(r);return}t(e)})}static expectSync(e){return new w(async(t,a)=>{if(e instanceof Promise){let r=await e;t(r);return}t(e)})}static expectBefore(e){return new w(async(t,a)=>{if(e instanceof Promise){let r=await e;t(r);return}t(e)})}};function P(m){return R.expect(m)}var M=Symbol("No Test Defined"),D=new CSSStyleSheet;D.replaceSync(H);var S="code-tests",A=class extends HTMLElement{componentParts=new Map;getElement(e){if(this.componentParts.get(e)==null){let s=this.findElement(e);s!=null&&this.componentParts.set(e,s)}return this.componentParts.get(e)}findElement(e){return this.shadowRoot.getElementById(e)}#e=new Map;#h={[b]:x(),[y]:x(),[k]:x(),[E]:x()};#t=!0;constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=F,this.shadowRoot.adoptedStyleSheets.push(D),this.#u=this.#f.bind(this)}connectedCallback(){this.addEventListener("click",this.#u);let e=this.getAttribute("src")??this.getAttribute("test")??this.getAttribute("tests")??this.getAttribute("run")??this.getAttribute("path");e!=null&&this.loadTests(e)}disconnectedCallback(){this.removeEventListener("click",this.#u)}#u;#f(e){let s=e.composedPath().find(n=>n instanceof HTMLButtonElement&&n.classList.contains("run"));if(s==null)return;let t=s.closest("li");if(t==null){s.hasAttribute("data-all")==!0&&this.runTests();return}let a=t.dataset.testId;if(a==null)return;let r=this.#r.get(a);r!=null&&this.#c(a,r)}async loadTests(e){this.classList.remove("has-before-hook"),this.classList.remove("has-after-hook");try{let s=window.location.href.lastIndexOf("/"),a=window.location.href.substring(s).indexOf(".")!=-1==!0?window.location.href.substring(0,s+1):window.location.href,r=a+e.substring(0,e.lastIndexOf("/")+1),n=a+e,o=await(await fetch(n)).text();o=o.replaceAll(/['"`](((\.\/)|(\.\.\/))+(.*))['"`]/g,`'${r}$1'`);let l=new File([o],e.substring(e.lastIndexOf("/")),{type:"text/javascript"}),u=await import(URL.createObjectURL(l)),d=u.tests??u.default;if(d==null)throw new Error(`Unable to find tests definition in file at path: ${e}`);let p=d[b];if(p!=null){if(this.#e.get(b)==null){let c=new Map;c.set(p,new Set),this.#e.set(b,c)}this.classList.add("has-before-hook")}let g=d[y];if(g!=null&&this.#e.get(y)==null){let c=new Map;c.set(g,new Set),this.#e.set(y,c)}let T=d[E];if(T!=null){if(this.#e.get(E)==null){let c=new Map;c.set(T,new Set),this.#e.set(E,c)}this.classList.add("has-after-hook")}let L=d[k];if(L!=null&&this.#e.get(k)==null){let c=new Map;c.set(L,new Set),this.#e.set(k,c)}for(let[v,c]of Object.entries(d)){let C=this.#g(v,c);if(p!=null){let h=this.#e.get(b);if(h!=null){let f=h.get(p);f?.add(C)}}if(g!=null){let h=this.#e.get(y);if(h!=null){let f=h.get(g);f?.add(C)}}if(T!=null){let h=this.#e.get(E);if(h!=null){let f=h.get(T);f?.add(C)}}if(L!=null){let h=this.#e.get(k);if(h!=null){let f=h.get(L);f?.add(C)}}}}catch(s){this.#i("An error occurred while loading the tasks:",s)}}async runTests(){this.#t=!0,this.classList.add("running"),this.toggleAttribute("success",!1),this.#p();let e=this.hasAttribute("in-order"),s=this.#e.get(b);if(s!=null){let r;try{let n=this.getElement("before-all-details");n.toggleAttribute("success",!1),n.classList.add("running"),n.part.add("running"),n.classList.remove("success","fail"),n.part.remove("success","fail");for(let[o,l]of s)r=await o(),this.#n(r,!0,"before");n.part.remove("running")}catch(n){this.#n(r,!1,"before",n),console.error(n),this.#t=!1;return}}if(e==!1){let r=[];for(let[n,o]of this.#r)r.push(this.#c(n,o));await Promise.all(r)}else for(let[r,n]of this.#r){if(this.#t==!1)break;await this.#c(r,n)}if(this.#t==!1)return;let t=this.#e.get(E);if(t!=null){let r;try{let n=this.getElement("after-all-details");n.toggleAttribute("success",!1),n.classList.add("running"),n.part.add("running"),n.classList.remove("success","fail"),n.part.remove("success","fail");for(let[o,l]of t)r=await o(),this.#n(r,!0,"after");n.part.remove("running")}catch(n){this.#n(r,!1,"after",n),console.error(n),this.#t=!1;return}}let a=this.shadowRoot.querySelectorAll('[success="false"]');this.setAttribute("success",a.length==0?"true":"false"),this.classList.remove("running")}#p(){for(let[e,s]of this.#r){let t=this.getElement("tests").querySelector(`[data-test-id="${e}"]`);if(t==null){this.#i(`Unable to find test element for test: ${e}`);return}t.toggleAttribute("success",!1),t.classList.remove("success","fail"),t.part.remove("success","fail")}}async#c(e,s){let t=this.getElement("tests").querySelector(`[data-test-id="${e}"]`);if(t==null){this.#i(`Unable to find test element for test: ${e}`);return}t.toggleAttribute("success",!1),t.classList.add("running"),t.part.add("running"),t.classList.remove("success","fail"),t.part.remove("success","fail");let a=t.querySelector(".error-message");a!=null&&(a.textContent="");let r=t.querySelector("details");r!=null&&(r.open=!1);let n=M,o,l=M,i;try{let u=this.#e.get(y);if(u!=null){for(let[p,g]of u)if(g.has(e)){n=await p();break}}o=await s();let d=this.#e.get(k);if(d!=null){for(let[p,g]of d)if(g.has(e)){l=await p();break}}i="before",n!=M&&this.#a(t,n,!0,void 0,i),i=void 0,this.#a(t,o,!0,void 0,i),i="after",l!=M&&this.#a(t,l,!0,void 0,i)}catch(u){this.#a(t,o,!1,u,i),console.error(u),this.#t=!1}finally{t?.classList.remove("running")}}#a(e,s,t,a,r){if(s instanceof HTMLElement)this.#o(e,s,t,r);else if(s==null){let o=r==null?"Passed":"Hook Ran Successfully",l=this.#s(t==!0?`${o}`:`Failed${a!=null?`:
-${a.message}`:""}`,t,r);this.#o(e,l,t,r)}else if(typeof s=="string"){let o=this.#s(`${s}${a==null?"":`:
-${a.message}`}`,t,r);this.#o(e,o,t,r)}else if(typeof s=="object"){let o=s;if(o.success!=null&&o.expected!=null&&o.value!=null){let l=r==null?"Passed":"Success",i=r==null?"Failed":"Fail",u=this.#s(`${o.success==!0?`${l}:`:`${i}:`}
+</details>`;var x=class extends Promise{async toBeDefined(t){if(await this==null)throw new Error(`${t??"Value"} is undefined`)}async toBe(t,s=!1){let e=await this;if((s==!0?e===t:e==t)==!1)throw new Error(`  Value is not equal.
+  Expected: ${t}
+  Result: ${e}`)}async toContainText(t){let s=await this}async toHaveAttribute(t){let s=await this;if(!(s instanceof HTMLElement))throw new Error("Unable to check for attribute on non-HTMLElement target");if(s.getAttribute(t))throw new Error("Taret does not have attribute")}},b=Symbol("beforeAll"),y=Symbol("beforeEach"),E=Symbol("afterAll"),k=Symbol("afterEach"),A=class{static timeoutMS=500;static#e;static#p;static expect(t){return new x(async(e,a)=>{if(t instanceof Promise){let r=await t;e(r);return}e(t)})}static expectSync(t){return new x(async(e,a)=>{if(t instanceof Promise){let r=await t;e(r);return}e(t)})}static expectBefore(t){return new x(async(e,a)=>{if(t instanceof Promise){let r=await t;e(r);return}e(t)})}};function q(f){return A.expect(f)}var H=":not(slot,defs,g,rect,path,circle,ellipse,line,polygon,text,tspan,use,svg image,svg title,desc,template,template *)";function $(f){let t=[...f.querySelectorAll(`${H}[id]`)];for(let e=0;e<t.length;e++)t[e].part.add(t[e].id);let s=[...f.querySelectorAll(`${H}[class]`)];for(let e=0;e<s.length;e++)s[e].part.add(...s[e].classList)}var M=Symbol("No Test Defined"),P=new CSSStyleSheet;P.replaceSync(S);var D="code-tests",R=class extends HTMLElement{componentParts=new Map;getElement(t){if(this.componentParts.get(t)==null){let s=this.findElement(t);s!=null&&this.componentParts.set(t,s)}return this.componentParts.get(t)}findElement(t){return this.shadowRoot.getElementById(t)}#e=new Map;#p={[b]:w(),[y]:w(),[k]:w(),[E]:w()};#t=!0;constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=F,this.shadowRoot.adoptedStyleSheets.push(P),this.#c=this.#h.bind(this)}connectedCallback(){this.addEventListener("click",this.#c);let t=this.getAttribute("src")??this.getAttribute("test")??this.getAttribute("tests")??this.getAttribute("run")??this.getAttribute("path");t!=null&&(this.loadTests(t),$(this.shadowRoot))}disconnectedCallback(){this.removeEventListener("click",this.#c)}#c;#h(t){let s=t.composedPath().find(n=>n instanceof HTMLButtonElement&&n.classList.contains("run"));if(s==null)return;let e=s.closest("li");if(e==null){s.hasAttribute("data-all")==!0&&this.runTests();return}let a=e.dataset.testId;if(a==null)return;let r=this.#r.get(a);r!=null&&this.#u(a,r)}async loadTests(t){this.classList.remove("has-before-hook"),this.classList.remove("has-after-hook");try{let s=window.location.href.lastIndexOf("/"),a=window.location.href.substring(s).indexOf(".")!=-1==!0?window.location.href.substring(0,s+1):window.location.href,r=a+t.substring(0,t.lastIndexOf("/")+1),n=a+t,o=await(await fetch(n)).text();o=o.replaceAll(/['"`](((\.\/)|(\.\.\/))+(.*))['"`]/g,`'${r}$1'`);let l=new File([o],t.substring(t.lastIndexOf("/")),{type:"text/javascript"}),c=await import(URL.createObjectURL(l)),u=c.tests??c.default;if(u==null)throw new Error(`Unable to find tests definition in file at path: ${t}`);let g=u[b];if(g!=null){if(this.#e.get(b)==null){let d=new Map;d.set(g,new Set),this.#e.set(b,d)}this.classList.add("has-before-hook")}let m=u[y];if(m!=null&&this.#e.get(y)==null){let d=new Map;d.set(m,new Set),this.#e.set(y,d)}let T=u[E];if(T!=null){if(this.#e.get(E)==null){let d=new Map;d.set(T,new Set),this.#e.set(E,d)}this.classList.add("has-after-hook")}let L=u[k];if(L!=null&&this.#e.get(k)==null){let d=new Map;d.set(L,new Set),this.#e.set(k,d)}for(let[v,d]of Object.entries(u)){let C=this.#g(v,d);if(g!=null){let p=this.#e.get(b);if(p!=null){let h=p.get(g);h?.add(C)}}if(m!=null){let p=this.#e.get(y);if(p!=null){let h=p.get(m);h?.add(C)}}if(T!=null){let p=this.#e.get(E);if(p!=null){let h=p.get(T);h?.add(C)}}if(L!=null){let p=this.#e.get(k);if(p!=null){let h=p.get(L);h?.add(C)}}}}catch(s){this.#i("An error occurred while loading the tasks:",s)}}async runTests(){this.#t=!0,this.classList.add("running"),this.toggleAttribute("success",!1),this.#f();let t=this.hasAttribute("in-order"),s=this.#e.get(b);if(s!=null){let r;try{let n=this.getElement("before-all-details");n.classList.add("running"),n.part.add("running");for(let[o,l]of s)r=await o(),this.#n(r,!0,"before");n.part.remove("running"),n.classList.remove("running")}catch(n){this.#n(r,!1,"before",n),console.error(n),this.#t=!1;return}}if(t==!1){let r=[];for(let[n,o]of this.#r)r.push(this.#u(n,o));await Promise.all(r)}else for(let[r,n]of this.#r){if(this.#t==!1)break;await this.#u(r,n)}if(this.#t==!1)return;let e=this.#e.get(E);if(e!=null){let r;try{let n=this.getElement("after-all-details");n.classList.add("running"),n.part.add("running");for(let[o,l]of e)r=await o(),this.#n(r,!0,"after");n.part.remove("running"),n.classList.remove("running")}catch(n){this.#n(r,!1,"after",n),console.error(n),this.#t=!1;return}}let a=this.shadowRoot.querySelectorAll('[success="false"]');this.setAttribute("success",a.length==0?"true":"false"),this.classList.remove("running"),this.part.remove("running")}#f(){for(let[e,a]of this.#r){let r=this.getElement("tests").querySelector(`[data-test-id="${e}"]`);if(r==null){this.#i(`Unable to find test element for test: ${e}`);return}r.toggleAttribute("success",!1),r.classList.remove("success","fail"),r.part.remove("success","fail")}let t=this.getElement("before-all-details");t.toggleAttribute("success",!1),t.classList.remove("success","fail"),t.part.remove("success","fail");let s=this.getElement("after-all-details");s.toggleAttribute("success",!1),s.classList.remove("success","fail"),s.part.remove("success","fail")}async#u(t,s){let e=this.getElement("tests").querySelector(`[data-test-id="${t}"]`);if(e==null){this.#i(`Unable to find test element for test: ${t}`);return}e.toggleAttribute("success",!1),e.classList.add("running"),e.part.add("running"),e.classList.remove("success","fail"),e.part.remove("success","fail");let a=e.querySelector(".error-message");a!=null&&(a.textContent="");let r=e.querySelector("details");r!=null&&(r.open=!1);let n=M,o,l=M,i;try{let c=this.#e.get(y);if(c!=null){for(let[g,m]of c)if(m.has(t)){n=await g();break}}o=await s();let u=this.#e.get(k);if(u!=null){for(let[g,m]of u)if(m.has(t)){l=await g();break}}i="before",n!=M&&this.#a(e,n,!0,void 0,i),i=void 0,this.#a(e,o,!0,void 0,i),i="after",l!=M&&this.#a(e,l,!0,void 0,i)}catch(c){this.#a(e,o,!1,c,i),console.error(c),this.#t=!1}finally{e?.classList.remove("running"),e?.part.remove("running")}}#a(t,s,e,a,r){if(s instanceof HTMLElement)this.#o(t,s,e,r);else if(s==null){let o=r==null?"Passed":"Hook Ran Successfully",l=this.#s(e==!0?`${o}`:`Failed${a!=null?`:
+${a.message}`:""}`,e,r);this.#o(t,l,e,r)}else if(typeof s=="string"){let o=this.#s(`${s}${a==null?"":`:
+${a.message}`}`,e,r);this.#o(t,o,e,r)}else if(typeof s=="object"){let o=s;if(o.success!=null&&o.expected!=null&&o.value!=null){let l=r==null?"Passed":"Success",i=r==null?"Failed":"Fail",c=this.#s(`${o.success==!0?`${l}:`:`${i}:`}
 Expected:${o.expected}
-Result:${o.value}`,o.success,r);this.#o(e,u,t,r)}}let n=e.querySelector("details");n!=null&&(n.open=!0)}#n(e,s,t,a){if(e instanceof HTMLElement)this.#l(e,s,t);else{let n;if(e==null)n=this.#s(s==!0?"Hook Ran Successfully":`Failed${a!=null?`:
-${a.message}`:""}`,s),this.#l(n,s,t);else if(typeof e=="string")n=this.#s(`${e}${a==null?"":`:
-${a.message}`}`,s),this.#l(n,s,t);else if(typeof e=="object"){let o=e;o.success!=null&&o.expected!=null&&o.value!=null&&(n=this.#s(`${o.success==!0?"Success:":"Fail:"}
+Result:${o.value}`,o.success,r);this.#o(t,c,e,r)}}let n=t.querySelector("details");n!=null&&(n.open=!0)}#n(t,s,e,a){if(t instanceof HTMLElement)this.#l(t,s,e);else{let n;if(t==null)n=this.#s(s==!0?"Hook Ran Successfully":`Failed${a!=null?`:
+${a.message}`:""}`,s),this.#l(n,s,e);else if(typeof t=="string")n=this.#s(`${t}${a==null?"":`:
+${a.message}`}`,s),this.#l(n,s,e);else if(typeof t=="object"){let o=t;o.success!=null&&o.expected!=null&&o.value!=null&&(n=this.#s(`${o.success==!0?"Success:":"Fail:"}
 Expected:${o.expected}
-Result:${o.value}`,o.success),this.#l(n,s,t))}}let r=this.getElement(`${t}-all-details`);r!=null&&(r.open=!0)}static create(e){let s=document.createElement("code-tests");return console.log(e),s}#r=new Map;#g(e,s){let t=x();this.#r.set(t,s);let a=this.#m(t,e);return this.getElement("tests").append(a),t}#m(e,s){let t=document.createElement("li");t.dataset.testId=e,t.classList.add("test");let a=document.createElement("details");a.classList.add("test-details");let r=document.createElement("summary");r.classList.add("test-summary");let n=document.createElement("div");n.classList.add("result-icon"),r.append(n);let o=document.createElement("span");o.classList.add("description","test-description"),o.textContent=s,r.append(o);let l=document.createElement("button");l.classList.add("run","test-run"),l.textContent="Run Test",l.title="Run Test",r.append(l);let i=document.createElement("div");i.classList.add("before-result","test-before-result");let u=document.createElement("div");u.classList.add("result","test-result");let d=document.createElement("div");return d.classList.add("after-result","test-after-result"),a.append(r),a.append(i),a.append(u),a.append(d),t.append(a),t}#o(e,s,t,a){e.setAttribute("success",t==!0?"true":"false"),e.classList.toggle("success",t),e.part.toggle("success",t),e.classList.toggle("fail",!t),e.part.toggle("fail",!t);let r=e.querySelector(`.${a==null?"result":a=="before"?"before-result":"after-result"}`);if(r==null){this.#i("Unable to find result element");return}r.innerHTML="",r.appendChild(s)}#s(e,s,t){let a=document.createElement("code"),r=document.createElement("pre");return r.textContent=e,r.classList.add(s==!0?"success-message":"error-message"),a.appendChild(r),a}#l(e,s,t){let a=this.getElement(`${t}-all-details`),r=this.getElement(`${t}-all-results`);a.setAttribute("success",s==!0?"true":"false"),a.classList.toggle("success",s),a.part.toggle("success",s),a.classList.toggle("fail",!s),a.part.toggle("fail",!s),r.innerHTML="",r.appendChild(e)}#i(e,s){s instanceof Error&&(e+=`
-${s.message}`,console.error(s));let t=document.createElement("li"),a=document.createElement("code"),r=document.createElement("pre");r.textContent=e,a.append(r),t.append(a),this.getElement("tests").append(t)}#d(e){if(e=="ordered"){let s=this.shadowRoot.querySelector("ul");if(s==null)return;let t=this.shadowRoot?.querySelectorAll("li"),a=document.createElement("ol");t!=null&&a.append(...t),a.id="tests",s.replaceWith(a)}else{let s=this.shadowRoot.querySelector("ol");if(s==null)return;let t=this.shadowRoot?.querySelectorAll("li"),a=document.createElement("ul");a.id="tests",t!=null&&a.append(...t),s.replaceWith(a)}}static observedAttributes=["in-order"];attributeChangedCallback(e,s,t){e=="in-order"&&(t==null?this.#d("unordered"):this.#d("ordered"))}};function x(){let m=new Uint8Array(20);crypto.getRandomValues(m);let e=[].slice.apply(m).map(function(t){return String.fromCharCode(t)}).join("");return btoa(e).replace(/\//g,"_").replace(/\+/g,"-").replace(/=/g,"")}customElements.get(S)==null&&customElements.define(S,A);export{E as AFTERALL,k as AFTEREACH,b as BEFOREALL,y as BEFOREEACH,R as CodeTests,A as CodeTestsElement,P as expect};
+Result:${o.value}`,o.success),this.#l(n,s,e))}}let r=this.getElement(`${e}-all-details`);r!=null&&(r.open=!0)}static create(t){let s=document.createElement("code-tests");return console.log(t),s}#r=new Map;#g(t,s){let e=w();this.#r.set(e,s);let a=this.#m(e,t);return this.getElement("tests").append(a),e}#m(t,s){let e=document.createElement("li");e.dataset.testId=t,e.classList.add("test"),e.part.add("test");let a=document.createElement("details");a.classList.add("test-details"),a.part.add("test-details");let r=document.createElement("summary");r.classList.add("test-summary"),r.part.add("test-summary");let n=document.createElement("div");n.classList.add("result-icon"),n.part.add("result-icon"),r.append(n);let o=document.createElement("span");o.classList.add("description","test-description"),o.textContent=s,r.append(o);let l=document.createElement("button");l.classList.add("run","test-run"),l.part.add("run","test-run"),l.textContent="Run Test",l.title="Run Test",r.append(l);let i=document.createElement("div");i.classList.add("before-result","test-before-result"),i.part.add("before-result","test-before-result");let c=document.createElement("div");c.classList.add("result","test-result"),c.part.add("result","test-result");let u=document.createElement("div");return u.classList.add("after-result","test-after-result"),u.part.add("after-result","test-after-result"),a.append(r),a.append(i),a.append(c),a.append(u),e.append(a),e}#o(t,s,e,a){t.setAttribute("success",e==!0?"true":"false"),t.classList.toggle("success",e),t.part.toggle("success",e),t.classList.toggle("fail",!e),t.part.toggle("fail",!e);let r=t.querySelector(`.${a==null?"result":a=="before"?"before-result":"after-result"}`);if(r==null){this.#i("Unable to find result element");return}r.innerHTML="",r.appendChild(s)}#s(t,s,e){let a=document.createElement("code");a.classList.add("code"),a.part.add("code");let r=document.createElement("pre");r.textContent=t;let n=s==!0?"success-message":"error-message";return r.classList.add("pre",n),r.part.add("pre",n),a.appendChild(r),a}#l(t,s,e){let a=this.getElement(`${e}-all-details`),r=this.getElement(`${e}-all-results`);a.setAttribute("success",s==!0?"true":"false"),a.classList.toggle("success",s),a.part.toggle("success",s),a.classList.toggle("fail",!s),a.part.toggle("fail",!s),r.innerHTML="",r.appendChild(t)}#i(t,s){s instanceof Error&&(t+=`
+${s.message}`,console.error(s));let e=document.createElement("li");e.classList.add("error","process-error"),e.part.add("error","process-error");let a=document.createElement("code");a.classList.add("code","process-error-code"),a.part.add("code","process-error-code");let r=document.createElement("pre");r.classList.add("pre","process-error-pre"),r.part.add("pre","process-error-pre"),r.textContent=t,a.append(r),e.append(a),this.getElement("tests").append(e)}#d(t){if(t=="ordered"){let s=this.shadowRoot.querySelector("ul");if(s==null)return;let e=this.shadowRoot?.querySelectorAll("li"),a=document.createElement("ol");e!=null&&a.append(...e),a.id="tests",s.replaceWith(a)}else{let s=this.shadowRoot.querySelector("ol");if(s==null)return;let e=this.shadowRoot?.querySelectorAll("li"),a=document.createElement("ul");a.id="tests",e!=null&&a.append(...e),s.replaceWith(a)}}static observedAttributes=["in-order"];attributeChangedCallback(t,s,e){t=="in-order"&&(e==null?this.#d("unordered"):this.#d("ordered"))}};function w(){let f=new Uint8Array(20);crypto.getRandomValues(f);let t=[].slice.apply(f).map(function(e){return String.fromCharCode(e)}).join("");return btoa(t).replace(/\//g,"_").replace(/\+/g,"-").replace(/=/g,"")}customElements.get(D)==null&&customElements.define(D,R);export{E as AFTERALL,k as AFTEREACH,b as BEFOREALL,y as BEFOREEACH,A as CodeTests,R as CodeTestsElement,q as expect};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magnit-ce/code-tests",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "A custom html element that provides a selection gallery as a dialog, to mimic an os-native file browser.",
   "type": "module",
   "main": "dist/code-tests.js",
@@ -34,11 +34,15 @@
     "tsup": "^8.2.0",
     "typescript": "^5.5.3"
   },
+  "dependencies": {
+    "ce-part-utils": "^0.0.0"
+  },
   "scripts": {
     "build": "tsup src/code-tests.ts --format cjs,esm --dts --clean",
     "minify": "tsup src/code-tests.ts --format esm --config ./tsup.config.min.ts --outDir ./dist --minify",
+    "copyToDemo": "node -e \"const fs = require('fs'); fs.cpSync('dist', 'demo/dist', {recursive: true});\"",
     "lint": "tsup src/code-tests.ts --format esm --tsconfig ./tsconfig.lint.json",
-    "package": "npm run build && npm run minify",
+    "package": "npm run build && npm run minify && npm run copyToDemo",
     "release": "npm run package && changeset publish"
   }
 }