@magnit-ce/code-tests 0.0.1 → 0.0.3

package/dist/code-tests.cjs

@@ -24,6 +24,7 @@ __export(code_tests_exports, {
   AFTEREACH: () => AFTEREACH,
   BEFOREALL: () => BEFOREALL,
   BEFOREEACH: () => BEFOREEACH,
+  CodeTestEventType: () => CodeTestEventType,
   CodeTests: () => CodeTests,
   CodeTestsElement: () => CodeTestsElement,
   expect: () => expect
@@ -264,9 +265,10 @@ summary::before
 {
     border: var(--border-success);
     background: var(--surface-success)
-    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24"><path fill="%232e943a" d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
+    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%232e943a" d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
     background-repeat: no-repeat;
     background-position: center;
+    background-size: 16px 16px;
 }
 .test.fail .result-icon
 ,.hook.fail .result-icon
@@ -469,7 +471,27 @@ 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 CodeTestEventType = /* @__PURE__ */ ((CodeTestEventType2) => {
+  CodeTestEventType2["BeforeAll"] = "beforeall";
+  CodeTestEventType2["AfterAll"] = "afterall";
+  CodeTestEventType2["BeforeTest"] = "beforetest";
+  CodeTestEventType2["AfterTest"] = "aftertest";
+  return CodeTestEventType2;
+})(CodeTestEventType || {});
 var NOTESTDEFINED = Symbol("No Test Defined");
 var COMPONENT_STYLESHEET = new CSSStyleSheet();
 COMPONENT_STYLESHEET.replaceSync(code_tests_default);
@@ -510,6 +532,7 @@ var CodeTestsElement = class extends HTMLElement {
       return;
     }
     this.loadTests(testsPath);
+    assignClassAndIdToPart(this.shadowRoot);
   }
   disconnectedCallback() {
     this.removeEventListener("click", this.#boundClickHandler);
@@ -539,9 +562,11 @@ var CodeTestsElement = class extends HTMLElement {
     this.#runTest(testId, test);
   }
   async loadTests(path) {
-    this.classList.remove("has-before-hook");
-    this.classList.remove("has-after-hook");
     try {
+      this.getElement("tests").innerHTML = "";
+      this.#tests.clear();
+      this.classList.remove("has-before-hook");
+      this.classList.remove("has-after-hook");
       const lastSlashIndexInCurrentPath = window.location.href.lastIndexOf("/");
       const currentPathHasExtension = window.location.href.substring(lastSlashIndexInCurrentPath).indexOf(".") != -1;
       const currentPath = currentPathHasExtension == true ? window.location.href.substring(0, lastSlashIndexInCurrentPath + 1) : window.location.href;
@@ -638,6 +663,7 @@ var CodeTestsElement = class extends HTMLElement {
     }
   }
   async runTests() {
+    this.dispatchEvent(new CustomEvent("beforeall" /* BeforeAll */, { bubbles: true, composed: true }));
     this.#continueRunningTests = true;
     this.classList.add("running");
     this.toggleAttribute("success", false);
@@ -647,17 +673,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 +710,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 +729,8 @@ 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");
+    this.dispatchEvent(new CustomEvent("afterall" /* AfterAll */, { bubbles: true, composed: true }));
   }
   #clearTestStatuses() {
     for (const [testId, test] of this.#tests) {
@@ -719,6 +743,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}"]`);
@@ -731,6 +763,11 @@ var CodeTestsElement = class extends HTMLElement {
     testElement.part.add("running");
     testElement.classList.remove("success", "fail");
     testElement.part.remove("success", "fail");
+    const iconElement = testElement.querySelector(".result-icon");
+    iconElement?.classList.remove("success", "fail");
+    iconElement?.part.remove("success", "fail");
+    iconElement?.classList.add("running");
+    iconElement?.part.add("running");
     const errorMessageElement = testElement.querySelector(".error-message");
     if (errorMessageElement != null) {
       errorMessageElement.textContent = "";
@@ -744,34 +781,37 @@ var CodeTestsElement = class extends HTMLElement {
     let afterResult = NOTESTDEFINED;
     let testType;
     try {
-      const beforeHooks = this.#hooks.get(BEFOREEACH);
-      if (beforeHooks != null) {
-        for (const [hook, ids] of beforeHooks) {
-          if (ids.has(testId)) {
-            beforeResult = await hook();
-            break;
+      const allowTest = this.dispatchEvent(new CustomEvent("beforetest" /* BeforeTest */, { bubbles: true, cancelable: true, composed: true, detail: { testElement } }));
+      if (allowTest == true) {
+        const beforeHooks = this.#hooks.get(BEFOREEACH);
+        if (beforeHooks != null) {
+          for (const [hook, ids] of beforeHooks) {
+            if (ids.has(testId)) {
+              beforeResult = await hook();
+              break;
+            }
           }
         }
-      }
-      testResult = await test();
-      const afterHooks = this.#hooks.get(AFTEREACH);
-      if (afterHooks != null) {
-        for (const [hook, ids] of afterHooks) {
-          if (ids.has(testId)) {
-            afterResult = await hook();
-            break;
+        testResult = await test();
+        const afterHooks = this.#hooks.get(AFTEREACH);
+        if (afterHooks != null) {
+          for (const [hook, ids] of afterHooks) {
+            if (ids.has(testId)) {
+              afterResult = await hook();
+              break;
+            }
           }
         }
-      }
-      testType = "before";
-      if (beforeResult != NOTESTDEFINED) {
-        this.#handleTestResult(testElement, beforeResult, true, void 0, testType);
-      }
-      testType = void 0;
-      this.#handleTestResult(testElement, testResult, true, void 0, testType);
-      testType = "after";
-      if (afterResult != NOTESTDEFINED) {
-        this.#handleTestResult(testElement, afterResult, true, void 0, testType);
+        testType = "before";
+        if (beforeResult != NOTESTDEFINED) {
+          this.#handleTestResult(testElement, beforeResult, true, void 0, testType);
+        }
+        testType = void 0;
+        this.#handleTestResult(testElement, testResult, true, void 0, testType);
+        testType = "after";
+        if (afterResult != NOTESTDEFINED) {
+          this.#handleTestResult(testElement, afterResult, true, void 0, testType);
+        }
       }
     } catch (error) {
       this.#handleTestResult(testElement, testResult, false, error, testType);
@@ -779,6 +819,10 @@ var CodeTestsElement = class extends HTMLElement {
       this.#continueRunningTests = false;
     } finally {
       testElement?.classList.remove("running");
+      testElement?.part.remove("running");
+      iconElement?.classList.remove("running");
+      iconElement?.part.remove("running");
+      this.dispatchEvent(new CustomEvent("aftertest" /* AfterTest */, { bubbles: true, cancelable: true, composed: true, detail: { testElement } }));
     }
   }
   #handleTestResult(testElement, result, finishedTest, error, beforeOrAfter) {
@@ -861,12 +905,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 +922,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);
@@ -896,6 +948,11 @@ Result:${objectResult.value}`,
     testElement.part.toggle("success", success);
     testElement.classList.toggle("fail", !success);
     testElement.part.toggle("fail", !success);
+    const iconElement = testElement.querySelector(".result-icon");
+    iconElement?.classList.toggle("success", success);
+    iconElement?.part.toggle("success", success);
+    iconElement?.classList.toggle("fail", !success);
+    iconElement?.part.toggle("fail", !success);
     const resultElement = testElement.querySelector(`.${beforeOrAfter == void 0 ? "result" : beforeOrAfter == "before" ? "before-result" : "after-result"}`);
     if (resultElement == null) {
       this.#addProcessError(`Unable to find result element`);
@@ -906,9 +963,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 +991,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);
@@ -993,6 +1060,7 @@ if (customElements.get(COMPONENT_TAG_NAME) == null) {
   AFTEREACH,
   BEFOREALL,
   BEFOREEACH,
+  CodeTestEventType,
   CodeTests,
   CodeTestsElement,
   expect

package/dist/code-tests.d.cts

@@ -18,6 +18,12 @@ declare class CodeTests {
 declare function expect(value: any): TestPromise<any>;
 
 type CodeTestsProperties = {};
+declare enum CodeTestEventType {
+    BeforeAll = "beforeall",
+    AfterAll = "afterall",
+    BeforeTest = "beforetest",
+    AfterTest = "aftertest"
+}
 declare class CodeTestsElement extends HTMLElement {
     #private;
     componentParts: Map<string, HTMLElement>;
@@ -33,4 +39,4 @@ declare class CodeTestsElement extends HTMLElement {
     attributeChangedCallback(attributeName: string, oldValue: string, newValue: string): void;
 }
 
-export { AFTERALL, AFTEREACH, BEFOREALL, BEFOREEACH, CodeTests, CodeTestsElement, type CodeTestsProperties, expect };
+export { AFTERALL, AFTEREACH, BEFOREALL, BEFOREEACH, CodeTestEventType, CodeTests, CodeTestsElement, type CodeTestsProperties, expect };

package/dist/code-tests.d.ts

@@ -18,6 +18,12 @@ declare class CodeTests {
 declare function expect(value: any): TestPromise<any>;
 
 type CodeTestsProperties = {};
+declare enum CodeTestEventType {
+    BeforeAll = "beforeall",
+    AfterAll = "afterall",
+    BeforeTest = "beforetest",
+    AfterTest = "aftertest"
+}
 declare class CodeTestsElement extends HTMLElement {
     #private;
     componentParts: Map<string, HTMLElement>;
@@ -33,4 +39,4 @@ declare class CodeTestsElement extends HTMLElement {
     attributeChangedCallback(attributeName: string, oldValue: string, newValue: string): void;
 }
 
-export { AFTERALL, AFTEREACH, BEFOREALL, BEFOREEACH, CodeTests, CodeTestsElement, type CodeTestsProperties, expect };
+export { AFTERALL, AFTEREACH, BEFOREALL, BEFOREEACH, CodeTestEventType, CodeTests, CodeTestsElement, type CodeTestsProperties, expect };

package/dist/code-tests.js

@@ -232,9 +232,10 @@ summary::before
 {
     border: var(--border-success);
     background: var(--surface-success)
-    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24"><path fill="%232e943a" d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
+    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%232e943a" d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
     background-repeat: no-repeat;
     background-position: center;
+    background-size: 16px 16px;
 }
 .test.fail .result-icon
 ,.hook.fail .result-icon
@@ -437,7 +438,27 @@ 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 CodeTestEventType = /* @__PURE__ */ ((CodeTestEventType2) => {
+  CodeTestEventType2["BeforeAll"] = "beforeall";
+  CodeTestEventType2["AfterAll"] = "afterall";
+  CodeTestEventType2["BeforeTest"] = "beforetest";
+  CodeTestEventType2["AfterTest"] = "aftertest";
+  return CodeTestEventType2;
+})(CodeTestEventType || {});
 var NOTESTDEFINED = Symbol("No Test Defined");
 var COMPONENT_STYLESHEET = new CSSStyleSheet();
 COMPONENT_STYLESHEET.replaceSync(code_tests_default);
@@ -478,6 +499,7 @@ var CodeTestsElement = class extends HTMLElement {
       return;
     }
     this.loadTests(testsPath);
+    assignClassAndIdToPart(this.shadowRoot);
   }
   disconnectedCallback() {
     this.removeEventListener("click", this.#boundClickHandler);
@@ -507,9 +529,11 @@ var CodeTestsElement = class extends HTMLElement {
     this.#runTest(testId, test);
   }
   async loadTests(path) {
-    this.classList.remove("has-before-hook");
-    this.classList.remove("has-after-hook");
     try {
+      this.getElement("tests").innerHTML = "";
+      this.#tests.clear();
+      this.classList.remove("has-before-hook");
+      this.classList.remove("has-after-hook");
       const lastSlashIndexInCurrentPath = window.location.href.lastIndexOf("/");
       const currentPathHasExtension = window.location.href.substring(lastSlashIndexInCurrentPath).indexOf(".") != -1;
       const currentPath = currentPathHasExtension == true ? window.location.href.substring(0, lastSlashIndexInCurrentPath + 1) : window.location.href;
@@ -606,6 +630,7 @@ var CodeTestsElement = class extends HTMLElement {
     }
   }
   async runTests() {
+    this.dispatchEvent(new CustomEvent("beforeall" /* BeforeAll */, { bubbles: true, composed: true }));
     this.#continueRunningTests = true;
     this.classList.add("running");
     this.toggleAttribute("success", false);
@@ -615,17 +640,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 +677,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 +696,8 @@ 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");
+    this.dispatchEvent(new CustomEvent("afterall" /* AfterAll */, { bubbles: true, composed: true }));
   }
   #clearTestStatuses() {
     for (const [testId, test] of this.#tests) {
@@ -687,6 +710,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}"]`);
@@ -699,6 +730,11 @@ var CodeTestsElement = class extends HTMLElement {
     testElement.part.add("running");
     testElement.classList.remove("success", "fail");
     testElement.part.remove("success", "fail");
+    const iconElement = testElement.querySelector(".result-icon");
+    iconElement?.classList.remove("success", "fail");
+    iconElement?.part.remove("success", "fail");
+    iconElement?.classList.add("running");
+    iconElement?.part.add("running");
     const errorMessageElement = testElement.querySelector(".error-message");
     if (errorMessageElement != null) {
       errorMessageElement.textContent = "";
@@ -712,34 +748,37 @@ var CodeTestsElement = class extends HTMLElement {
     let afterResult = NOTESTDEFINED;
     let testType;
     try {
-      const beforeHooks = this.#hooks.get(BEFOREEACH);
-      if (beforeHooks != null) {
-        for (const [hook, ids] of beforeHooks) {
-          if (ids.has(testId)) {
-            beforeResult = await hook();
-            break;
+      const allowTest = this.dispatchEvent(new CustomEvent("beforetest" /* BeforeTest */, { bubbles: true, cancelable: true, composed: true, detail: { testElement } }));
+      if (allowTest == true) {
+        const beforeHooks = this.#hooks.get(BEFOREEACH);
+        if (beforeHooks != null) {
+          for (const [hook, ids] of beforeHooks) {
+            if (ids.has(testId)) {
+              beforeResult = await hook();
+              break;
+            }
           }
         }
-      }
-      testResult = await test();
-      const afterHooks = this.#hooks.get(AFTEREACH);
-      if (afterHooks != null) {
-        for (const [hook, ids] of afterHooks) {
-          if (ids.has(testId)) {
-            afterResult = await hook();
-            break;
+        testResult = await test();
+        const afterHooks = this.#hooks.get(AFTEREACH);
+        if (afterHooks != null) {
+          for (const [hook, ids] of afterHooks) {
+            if (ids.has(testId)) {
+              afterResult = await hook();
+              break;
+            }
           }
         }
-      }
-      testType = "before";
-      if (beforeResult != NOTESTDEFINED) {
-        this.#handleTestResult(testElement, beforeResult, true, void 0, testType);
-      }
-      testType = void 0;
-      this.#handleTestResult(testElement, testResult, true, void 0, testType);
-      testType = "after";
-      if (afterResult != NOTESTDEFINED) {
-        this.#handleTestResult(testElement, afterResult, true, void 0, testType);
+        testType = "before";
+        if (beforeResult != NOTESTDEFINED) {
+          this.#handleTestResult(testElement, beforeResult, true, void 0, testType);
+        }
+        testType = void 0;
+        this.#handleTestResult(testElement, testResult, true, void 0, testType);
+        testType = "after";
+        if (afterResult != NOTESTDEFINED) {
+          this.#handleTestResult(testElement, afterResult, true, void 0, testType);
+        }
       }
     } catch (error) {
       this.#handleTestResult(testElement, testResult, false, error, testType);
@@ -747,6 +786,10 @@ var CodeTestsElement = class extends HTMLElement {
       this.#continueRunningTests = false;
     } finally {
       testElement?.classList.remove("running");
+      testElement?.part.remove("running");
+      iconElement?.classList.remove("running");
+      iconElement?.part.remove("running");
+      this.dispatchEvent(new CustomEvent("aftertest" /* AfterTest */, { bubbles: true, cancelable: true, composed: true, detail: { testElement } }));
     }
   }
   #handleTestResult(testElement, result, finishedTest, error, beforeOrAfter) {
@@ -829,12 +872,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 +889,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);
@@ -864,6 +915,11 @@ Result:${objectResult.value}`,
     testElement.part.toggle("success", success);
     testElement.classList.toggle("fail", !success);
     testElement.part.toggle("fail", !success);
+    const iconElement = testElement.querySelector(".result-icon");
+    iconElement?.classList.toggle("success", success);
+    iconElement?.part.toggle("success", success);
+    iconElement?.classList.toggle("fail", !success);
+    iconElement?.part.toggle("fail", !success);
     const resultElement = testElement.querySelector(`.${beforeOrAfter == void 0 ? "result" : beforeOrAfter == "before" ? "before-result" : "after-result"}`);
     if (resultElement == null) {
       this.#addProcessError(`Unable to find result element`);
@@ -874,9 +930,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 +958,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);
@@ -960,6 +1026,7 @@ export {
   AFTEREACH,
   BEFOREALL,
   BEFOREEACH,
+  CodeTestEventType,
   CodeTests,
   CodeTestsElement,
   expect

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;
@@ -231,9 +231,10 @@ summary::before
 {
     border: var(--border-success);
     background: var(--surface-success)
-    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24"><path fill="%232e943a" d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
+    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%232e943a" d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
     background-repeat: no-repeat;
     background-position: center;
+    background-size: 16px 16px;
 }
 .test.fail .result-icon
 ,.hook.fail .result-icon
@@ -355,7 +356,7 @@ pre
 {
     from { transform: rotate(0deg); }
     to { transform: rotate(360deg); }
-}`;var F=`<slot name="header">
+}`;var H=`<slot name="header">
     <header id="header">
         <span id="title"><slot name="title"><span id="title-text">Tests</span></slot></span>
         <slot name="play-button">
@@ -382,15 +383,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 T=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")}},y=Symbol("beforeAll"),v=Symbol("beforeEach"),k=Symbol("afterAll"),x=Symbol("afterEach"),A=class{static timeoutMS=500;static#e;static#p;static expect(t){return new T(async(e,r)=>{if(t instanceof Promise){let a=await t;e(a);return}e(t)})}static expectSync(t){return new T(async(e,r)=>{if(t instanceof Promise){let a=await t;e(a);return}e(t)})}static expectBefore(t){return new T(async(e,r)=>{if(t instanceof Promise){let a=await t;e(a);return}e(t)})}};function q(h){return A.expect(h)}var F=":not(slot,defs,g,rect,path,circle,ellipse,line,polygon,text,tspan,use,svg image,svg title,desc,template,template *)";function $(h){let t=[...h.querySelectorAll(`${F}[id]`)];for(let e=0;e<t.length;e++)t[e].part.add(t[e].id);let s=[...h.querySelectorAll(`${F}[class]`)];for(let e=0;e<s.length;e++)s[e].part.add(...s[e].classList)}var j=(r=>(r.BeforeAll="beforeall",r.AfterAll="afterall",r.BeforeTest="beforetest",r.AfterTest="aftertest",r))(j||{}),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={[y]:L(),[v]:L(),[x]:L(),[k]:L()};#t=!0;constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=H,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 r=e.dataset.testId;if(r==null)return;let a=this.#s.get(r);a!=null&&this.#u(r,a)}async loadTests(t){try{this.getElement("tests").innerHTML="",this.#s.clear(),this.classList.remove("has-before-hook"),this.classList.remove("has-after-hook");let s=window.location.href.lastIndexOf("/"),r=window.location.href.substring(s).indexOf(".")!=-1==!0?window.location.href.substring(0,s+1):window.location.href,a=r+t.substring(0,t.lastIndexOf("/")+1),n=r+t,o=await(await fetch(n)).text();o=o.replaceAll(/['"`](((\.\/)|(\.\.\/))+(.*))['"`]/g,`'${a}$1'`);let l=new File([o],t.substring(t.lastIndexOf("/")),{type:"text/javascript"}),i=await import(URL.createObjectURL(l)),c=i.tests??i.default;if(c==null)throw new Error(`Unable to find tests definition in file at path: ${t}`);let b=c[y];if(b!=null){if(this.#e.get(y)==null){let u=new Map;u.set(b,new Set),this.#e.set(y,u)}this.classList.add("has-before-hook")}let E=c[v];if(E!=null&&this.#e.get(v)==null){let u=new Map;u.set(E,new Set),this.#e.set(v,u)}let g=c[k];if(g!=null){if(this.#e.get(k)==null){let u=new Map;u.set(g,new Set),this.#e.set(k,u)}this.classList.add("has-after-hook")}let m=c[x];if(m!=null&&this.#e.get(x)==null){let u=new Map;u.set(m,new Set),this.#e.set(x,u)}for(let[w,u]of Object.entries(c)){let C=this.#g(w,u);if(b!=null){let d=this.#e.get(y);if(d!=null){let p=d.get(b);p?.add(C)}}if(E!=null){let d=this.#e.get(v);if(d!=null){let p=d.get(E);p?.add(C)}}if(g!=null){let d=this.#e.get(k);if(d!=null){let p=d.get(g);p?.add(C)}}if(m!=null){let d=this.#e.get(x);if(d!=null){let p=d.get(m);p?.add(C)}}}}catch(s){this.#i("An error occurred while loading the tasks:",s)}}async runTests(){this.dispatchEvent(new CustomEvent("beforeall",{bubbles:!0,composed:!0})),this.#t=!0,this.classList.add("running"),this.toggleAttribute("success",!1),this.#f();let t=this.hasAttribute("in-order"),s=this.#e.get(y);if(s!=null){let a;try{let n=this.getElement("before-all-details");n.classList.add("running"),n.part.add("running");for(let[o,l]of s)a=await o(),this.#n(a,!0,"before");n.part.remove("running"),n.classList.remove("running")}catch(n){this.#n(a,!1,"before",n),console.error(n),this.#t=!1;return}}if(t==!1){let a=[];for(let[n,o]of this.#s)a.push(this.#u(n,o));await Promise.all(a)}else for(let[a,n]of this.#s){if(this.#t==!1)break;await this.#u(a,n)}if(this.#t==!1)return;let e=this.#e.get(k);if(e!=null){let a;try{let n=this.getElement("after-all-details");n.classList.add("running"),n.part.add("running");for(let[o,l]of e)a=await o(),this.#n(a,!0,"after");n.part.remove("running"),n.classList.remove("running")}catch(n){this.#n(a,!1,"after",n),console.error(n),this.#t=!1;return}}let r=this.shadowRoot.querySelectorAll('[success="false"]');this.setAttribute("success",r.length==0?"true":"false"),this.classList.remove("running"),this.part.remove("running"),this.dispatchEvent(new CustomEvent("afterall",{bubbles:!0,composed:!0}))}#f(){for(let[e,r]of this.#s){let a=this.getElement("tests").querySelector(`[data-test-id="${e}"]`);if(a==null){this.#i(`Unable to find test element for test: ${e}`);return}a.toggleAttribute("success",!1),a.classList.remove("success","fail"),a.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 r=e.querySelector(".result-icon");r?.classList.remove("success","fail"),r?.part.remove("success","fail"),r?.classList.add("running"),r?.part.add("running");let a=e.querySelector(".error-message");a!=null&&(a.textContent="");let n=e.querySelector("details");n!=null&&(n.open=!1);let o=M,l,f=M,i;try{if(this.dispatchEvent(new CustomEvent("beforetest",{bubbles:!0,cancelable:!0,composed:!0,detail:{testElement:e}}))==!0){let b=this.#e.get(v);if(b!=null){for(let[g,m]of b)if(m.has(t)){o=await g();break}}l=await s();let E=this.#e.get(x);if(E!=null){for(let[g,m]of E)if(m.has(t)){f=await g();break}}i="before",o!=M&&this.#a(e,o,!0,void 0,i),i=void 0,this.#a(e,l,!0,void 0,i),i="after",f!=M&&this.#a(e,f,!0,void 0,i)}}catch(c){this.#a(e,l,!1,c,i),console.error(c),this.#t=!1}finally{e?.classList.remove("running"),e?.part.remove("running"),r?.classList.remove("running"),r?.part.remove("running"),this.dispatchEvent(new CustomEvent("aftertest",{bubbles:!0,cancelable:!0,composed:!0,detail:{testElement:e}}))}}#a(t,s,e,r,a){if(s instanceof HTMLElement)this.#o(t,s,e,a);else if(s==null){let o=a==null?"Passed":"Hook Ran Successfully",l=this.#r(e==!0?`${o}`:`Failed${r!=null?`:
+${r.message}`:""}`,e,a);this.#o(t,l,e,a)}else if(typeof s=="string"){let o=this.#r(`${s}${r==null?"":`:
+${r.message}`}`,e,a);this.#o(t,o,e,a)}else if(typeof s=="object"){let o=s;if(o.success!=null&&o.expected!=null&&o.value!=null){let l=a==null?"Passed":"Success",f=a==null?"Failed":"Fail",i=this.#r(`${o.success==!0?`${l}:`:`${f}:`}
 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,a);this.#o(t,i,e,a)}}let n=t.querySelector("details");n!=null&&(n.open=!0)}#n(t,s,e,r){if(t instanceof HTMLElement)this.#l(t,s,e);else{let n;if(t==null)n=this.#r(s==!0?"Hook Ran Successfully":`Failed${r!=null?`:
+${r.message}`:""}`,s),this.#l(n,s,e);else if(typeof t=="string")n=this.#r(`${t}${r==null?"":`:
+${r.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.#r(`${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 a=this.getElement(`${e}-all-details`);a!=null&&(a.open=!0)}static create(t){let s=document.createElement("code-tests");return console.log(t),s}#s=new Map;#g(t,s){let e=L();this.#s.set(e,s);let r=this.#m(e,t);return this.getElement("tests").append(r),e}#m(t,s){let e=document.createElement("li");e.dataset.testId=t,e.classList.add("test"),e.part.add("test");let r=document.createElement("details");r.classList.add("test-details"),r.part.add("test-details");let a=document.createElement("summary");a.classList.add("test-summary"),a.part.add("test-summary");let n=document.createElement("div");n.classList.add("result-icon"),n.part.add("result-icon"),a.append(n);let o=document.createElement("span");o.classList.add("description","test-description"),o.textContent=s,a.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",a.append(l);let f=document.createElement("div");f.classList.add("before-result","test-before-result"),f.part.add("before-result","test-before-result");let i=document.createElement("div");i.classList.add("result","test-result"),i.part.add("result","test-result");let c=document.createElement("div");return c.classList.add("after-result","test-after-result"),c.part.add("after-result","test-after-result"),r.append(a),r.append(f),r.append(i),r.append(c),e.append(r),e}#o(t,s,e,r){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 a=t.querySelector(".result-icon");a?.classList.toggle("success",e),a?.part.toggle("success",e),a?.classList.toggle("fail",!e),a?.part.toggle("fail",!e);let n=t.querySelector(`.${r==null?"result":r=="before"?"before-result":"after-result"}`);if(n==null){this.#i("Unable to find result element");return}n.innerHTML="",n.appendChild(s)}#r(t,s,e){let r=document.createElement("code");r.classList.add("code"),r.part.add("code");let a=document.createElement("pre");a.textContent=t;let n=s==!0?"success-message":"error-message";return a.classList.add("pre",n),a.part.add("pre",n),r.appendChild(a),r}#l(t,s,e){let r=this.getElement(`${e}-all-details`),a=this.getElement(`${e}-all-results`);r.setAttribute("success",s==!0?"true":"false"),r.classList.toggle("success",s),r.part.toggle("success",s),r.classList.toggle("fail",!s),r.part.toggle("fail",!s),a.innerHTML="",a.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 r=document.createElement("code");r.classList.add("code","process-error-code"),r.part.add("code","process-error-code");let a=document.createElement("pre");a.classList.add("pre","process-error-pre"),a.part.add("pre","process-error-pre"),a.textContent=t,r.append(a),e.append(r),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"),r=document.createElement("ol");e!=null&&r.append(...e),r.id="tests",s.replaceWith(r)}else{let s=this.shadowRoot.querySelector("ol");if(s==null)return;let e=this.shadowRoot?.querySelectorAll("li"),r=document.createElement("ul");r.id="tests",e!=null&&r.append(...e),s.replaceWith(r)}}static observedAttributes=["in-order"];attributeChangedCallback(t,s,e){t=="in-order"&&(e==null?this.#d("unordered"):this.#d("ordered"))}};function L(){let h=new Uint8Array(20);crypto.getRandomValues(h);let t=[].slice.apply(h).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{k as AFTERALL,x as AFTEREACH,y as BEFOREALL,v as BEFOREEACH,j as CodeTestEventType,A as CodeTests,R as CodeTestsElement,q as expect};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@magnit-ce/code-tests",
-  "version": "0.0.1",
-  "description": "A custom html element that provides a selection gallery as a dialog, to mimic an os-native file browser.",
+  "version": "0.0.3",
+  "description": "A custom html element that interprets and runs tests in a browser.",
   "type": "module",
   "main": "dist/code-tests.js",
   "module": "dist/code-tests.mjs",
@@ -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"
   }
 }