@magnit-ce/code-tests 0.0.5 → 0.0.7

package/dist/code-tests.cjs

@@ -27,7 +27,8 @@ __export(code_tests_exports, {
   CodeTestEventType: () => CodeTestEventType,
   CodeTests: () => CodeTests,
   CodeTestsElement: () => CodeTestsElement,
-  expect: () => expect
+  expect: () => expect,
+  prompt: () => prompt
 });
 module.exports = __toCommonJS(code_tests_exports);
 
@@ -114,6 +115,7 @@ var code_tests_default = `:host
     --surface-button: var(--uchu-blue); /* --uchu-blue: #3984f2 */
     --surface-button-hover: var(--uchu-light-blue);
     --surface-button-active: var(--uchu-dark-blue);
+    --surface-button-cancel: var(--uchu-dark-blue);
 
     --border-test: solid 1px var(--uchu-dark-gray);
     --border-hook: solid 1px var(--uchu-dark-purple);
@@ -209,6 +211,26 @@ summary::before
     /* background: var(--surface-test-summary); */
 }
 
+:host(.running) .run[data-all]
+{
+    background-color: var(--surface-test-summary);
+    border-color: var(--surface-test-summary);
+}
+:host(.running) .run[data-all]:hover
+{
+    background-color: var(--uchu-dark-gray);
+    border-color: var(--uchu-dark-gray);
+}
+:host(.running) .run[data-all]:active
+{
+    background-color: var(--surface-test);
+    border-color: var(--surface-test);
+}
+:host(.running) .run[data-all]::before
+{
+    display: none;
+}
+
 #before-all-summary
 ,#after-all-summary
 {
@@ -393,7 +415,7 @@ pre
 }`;
 
 // src/code-tests.html?raw
-var code_tests_default2 = '<slot name="header">\n    <header id="header">\n        <span id="title"><slot name="title"><span id="title-text">Tests</span></slot></span>\n        <slot name="play-button">\n            <button type="button" class="run" data-all>\n                <slot name="play-button-label">\n                    <span id="play-button-label" class="button-label label icon">Run Tests</span>\n                </slot>\n            </button>\n        </slot>\n        <slot name="details"></slot>\n    </header>\n</slot>\n<details id="before-all-details" class="hook">\n    <summary id="before-all-summary">\n        <span id="before-all-result-icon" class="result-icon"></span>\n        <span id="before-all-description" class="description">Results from Before All Hook</span>\n    </summary>\n    <div id="before-all-results" class="results"></div>\n</details>\n<ul id="tests"></ul>\n<details id="after-all-details" class="hook">\n    <summary id="after-all-summary">\n        <span id="after-all-result-icon" class="result-icon"></span>\n        <span id="after-all-description" class="description">Results from After All Hook</span>\n    </summary>\n    <div id="after-all-results" class="results"></div>\n</details>';
+var code_tests_default2 = '<slot name="header">\n    <header id="header">\n        <span id="title"><slot name="title"><span id="title-text">Tests</span></slot></span>\n        <slot name="play-button">\n            <button type="button" class="run" data-all>\n                <slot name="play-button-label">\n                    <span id="play-button-label" class="button-label label icon">Run Tests</span>\n                </slot>\n            </button>\n        </slot>\n        <slot name="details"></slot>\n    </header>\n</slot>\n<details id="before-all-details" class="hook">\n    <summary id="before-all-summary">\n        <span id="before-all-result-icon" class="result-icon"></span>\n        <span id="before-all-description" class="description">Results from Before All Hook</span>\n    </summary>\n    <div id="before-all-results" class="results"></div>\n</details>\n<ul id="tests"></ul>\n<details id="after-all-details" class="hook">\n    <summary id="after-all-summary">\n        <span id="after-all-result-icon" class="result-icon"></span>\n        <span id="after-all-description" class="description">Results from After All Hook</span>\n    </summary>\n    <div id="after-all-results" class="results"></div>\n</details>\n\n<template id="prompt-template">\n    <div class="prompt" part="prompt">\n        <div class="prompt-display">\n            <span class="icon prompt-icon"></span>\n            <span class="label prompt-label"></span>\n        </div>\n        <div class="prompt-actions">\n            <button class="prompt-button accept" type="button">Accept</button>\n            <button class="prompt-button reject" type="button">Reject</button>\n        </div>\n    </div>\n</template>';
 
 // src/api.ts
 var TestPromise = class extends Promise {
@@ -429,7 +451,7 @@ var BEFOREALL = Symbol("beforeAll");
 var BEFOREEACH = Symbol("beforeEach");
 var AFTERALL = Symbol("afterAll");
 var AFTEREACH = Symbol("afterEach");
-var CodeTests = class {
+var CodeTests = class _CodeTests {
   static timeoutMS = 500;
   static #expectInterval;
   static #expectPromise;
@@ -466,10 +488,61 @@ var CodeTests = class {
     });
     return promise;
   }
+  static async prompt(host, parent, message, options) {
+    return new Promise((resolve, reject) => {
+      const template = host.findElement("prompt-template");
+      const promptElement = _CodeTests.createElementFromTemplate(template);
+      promptElement.querySelector(".label").textContent = message;
+      const clickHandler = (event) => {
+        const composedPath = event.composedPath();
+        const acceptButton = composedPath.find((item) => item instanceof HTMLButtonElement && item.classList.contains("accept"));
+        if (acceptButton != null) {
+          const result = options?.onAccept?.() ?? true;
+          promptElement.removeEventListener("click", clickHandler);
+          resolve(result);
+          return;
+        }
+        const rejectButton = composedPath.find((item) => item instanceof HTMLButtonElement && item.classList.contains("reject"));
+        if (rejectButton != null) {
+          const result = options?.onReject?.() ?? false;
+          promptElement.removeEventListener("click", clickHandler);
+          resolve(result);
+          return;
+        }
+      };
+      promptElement.addEventListener("click", clickHandler);
+      if (options?.acceptLabel != null) {
+        promptElement.querySelector(".accept").textContent = options.acceptLabel;
+      }
+      if (options?.rejectLabel != null) {
+        promptElement.querySelector(".reject").textContent = options.rejectLabel;
+      }
+      const details = parent instanceof HTMLDetailsElement ? parent : parent.querySelector(".test-details");
+      if (details != null) {
+        details.open = true;
+      }
+      parent.querySelector(".result")?.append(promptElement);
+    });
+  }
+  static createElementFromTemplate(target, parent) {
+    const templateNode = target instanceof HTMLTemplateElement ? target : document.querySelector(target);
+    if (templateNode == null) {
+      throw new Error(`Unable to find template element from selector: ${target}`);
+    }
+    const firstChild = templateNode.content.cloneNode(true).querySelector("*");
+    if (firstChild == null) {
+      throw new Error(`Unable to find first child of template element`);
+    }
+    parent?.append(firstChild);
+    return firstChild;
+  }
 };
 function expect(value) {
   return CodeTests.expect(value);
 }
+function prompt(host, parent, message, options) {
+  return CodeTests.prompt(host, parent, message, options);
+}
 
 // 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 *)";
@@ -550,7 +623,14 @@ var CodeTestsElement = class extends HTMLElement {
     if (parentListItem == null) {
       const isRunAll = runButton.hasAttribute("data-all");
       if (isRunAll == true) {
-        this.runTests();
+        if (this.classList.contains("running")) {
+          if (this.classList.contains("canceled")) {
+            return;
+          }
+          this.cancel();
+        } else {
+          this.runTests();
+        }
       }
       return;
     }
@@ -562,6 +642,9 @@ var CodeTestsElement = class extends HTMLElement {
     if (test == null) {
       return;
     }
+    this.#isCanceled = false;
+    this.classList.remove("canceled");
+    this.part.remove("canceled");
     this.#runTest(testId, test);
   }
   #getCurrentTestsPath() {
@@ -672,11 +755,21 @@ var CodeTestsElement = class extends HTMLElement {
       this.#addProcessError("An error occurred while loading the tasks:", error);
     }
   }
+  #isCanceled = false;
+  cancel() {
+    this.#isCanceled = true;
+    this.classList.add("canceled");
+    this.part.add("canceled");
+  }
   async runTests() {
     this.dispatchEvent(new CustomEvent("beforeall" /* BeforeAll */, { bubbles: true, composed: true }));
     this.#continueRunningTests = true;
     this.classList.add("running");
+    this.#isCanceled = false;
+    this.classList.remove("canceled");
+    this.part.remove("canceled");
     this.toggleAttribute("success", false);
+    this.findElement("play-button-label").textContent = "Cancel";
     this.#clearTestStatuses();
     const inOrder = this.hasAttribute("in-order");
     const beforeHooks = this.#hooks.get(BEFOREALL);
@@ -687,7 +780,10 @@ var CodeTestsElement = class extends HTMLElement {
         beforeAllHookElement.classList.add("running");
         beforeAllHookElement.part.add("running");
         for (const [hook, ids] of beforeHooks) {
-          hookResult = await hook();
+          if (this.#isCanceled == true) {
+            throw new Error("Test has been cancelled");
+          }
+          hookResult = await hook(this, beforeAllHookElement);
           this.#handleHookResult(hookResult, true, "before");
         }
         beforeAllHookElement.part.remove("running");
@@ -698,6 +794,7 @@ var CodeTestsElement = class extends HTMLElement {
         this.#continueRunningTests = false;
         this.classList.remove("running");
         this.part.remove("running");
+        this.findElement("play-button-label").textContent = "Run Tests";
         this.dispatchEvent(new CustomEvent("afterall" /* AfterAll */, { bubbles: true, composed: true }));
         return;
       }
@@ -719,6 +816,7 @@ var CodeTestsElement = class extends HTMLElement {
     if (this.#continueRunningTests == false) {
       this.classList.remove("running");
       this.part.remove("running");
+      this.findElement("play-button-label").textContent = "Run Tests";
       this.dispatchEvent(new CustomEvent("afterall" /* AfterAll */, { bubbles: true, composed: true }));
       return;
     }
@@ -730,7 +828,10 @@ var CodeTestsElement = class extends HTMLElement {
         afterAllHookElement.classList.add("running");
         afterAllHookElement.part.add("running");
         for (const [hook, ids] of afterHooks) {
-          hookResult = await hook();
+          if (this.#isCanceled == true) {
+            throw new Error("Test has been cancelled");
+          }
+          hookResult = await hook(this, afterAllHookElement);
           this.#handleHookResult(hookResult, true, "after");
         }
         afterAllHookElement.part.remove("running");
@@ -741,6 +842,7 @@ var CodeTestsElement = class extends HTMLElement {
         this.#continueRunningTests = false;
         this.classList.remove("running");
         this.part.remove("running");
+        this.findElement("play-button-label").textContent = "Run Tests";
         this.dispatchEvent(new CustomEvent("afterall" /* AfterAll */, { bubbles: true, composed: true }));
         return;
       }
@@ -749,6 +851,7 @@ var CodeTestsElement = class extends HTMLElement {
     this.setAttribute("success", failedTests.length == 0 ? "true" : "false");
     this.classList.remove("running");
     this.part.remove("running");
+    this.findElement("play-button-label").textContent = "Run Tests";
     this.dispatchEvent(new CustomEvent("afterall" /* AfterAll */, { bubbles: true, composed: true }));
   }
   #clearTestStatuses() {
@@ -801,36 +904,43 @@ var CodeTestsElement = class extends HTMLElement {
     let testType;
     try {
       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;
-            }
+      if (allowTest == false || this.#isCanceled == true) {
+        throw new Error("Test has been cancelled");
+      }
+      const beforeHooks = this.#hooks.get(BEFOREEACH);
+      if (beforeHooks != null) {
+        for (const [hook, ids] of beforeHooks) {
+          if (ids.has(testId)) {
+            beforeResult = await hook(this, testElement);
+            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;
-            }
+      }
+      if (this.#isCanceled == true) {
+        throw new Error("Test has been cancelled");
+      }
+      testResult = await test(this, testElement);
+      if (this.#isCanceled == true) {
+        throw new Error("Test has been cancelled");
+      }
+      const afterHooks = this.#hooks.get(AFTEREACH);
+      if (afterHooks != null) {
+        for (const [hook, ids] of afterHooks) {
+          if (ids.has(testId)) {
+            afterResult = await hook(this, testElement);
+            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);
@@ -909,7 +1019,6 @@ Result:${objectResult.value}`,
   }
   static create(properties) {
     const element = document.createElement("code-tests");
-    console.log(properties);
     return element;
   }
   #tests = /* @__PURE__ */ new Map();
@@ -1082,5 +1191,6 @@ if (customElements.get(COMPONENT_TAG_NAME) == null) {
   CodeTestEventType,
   CodeTests,
   CodeTestsElement,
-  expect
+  expect,
+  prompt
 });

package/dist/code-tests.d.cts

@@ -14,8 +14,17 @@ declare class CodeTests {
     static expect<T>(value: T): TestPromise<T>;
     static expectSync<T>(value: T): TestPromise<T>;
     static expectBefore<T>(value: T): TestPromise<T>;
+    static prompt(host: CodeTestsElement, parent: HTMLElement, message: string, options?: PromptOptions): Promise<boolean>;
+    static createElementFromTemplate(target: string | HTMLTemplateElement, parent?: HTMLElement): HTMLElement;
 }
 declare function expect(value: any): TestPromise<any>;
+type PromptOptions = {
+    acceptLabel?: string;
+    rejectLabel?: string;
+    onAccept?: () => void;
+    onReject?: () => void;
+};
+declare function prompt(host: CodeTestsElement, parent: HTMLElement, message: string, options?: PromptOptions): Promise<boolean>;
 
 type CodeTestsProperties = {};
 declare enum CodeTestEventType {
@@ -33,10 +42,11 @@ declare class CodeTestsElement extends HTMLElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     loadTests(testsPath?: string): Promise<void>;
+    cancel(): void;
     runTests(): Promise<void>;
     static create(properties: CodeTestsProperties): HTMLElement;
     static observedAttributes: string[];
     attributeChangedCallback(attributeName: string, oldValue: string, newValue: string): void;
 }
 
-export { AFTERALL, AFTEREACH, BEFOREALL, BEFOREEACH, CodeTestEventType, CodeTests, CodeTestsElement, type CodeTestsProperties, expect };
+export { AFTERALL, AFTEREACH, BEFOREALL, BEFOREEACH, CodeTestEventType, CodeTests, CodeTestsElement, type CodeTestsProperties, expect, prompt };

package/dist/code-tests.d.ts

@@ -14,8 +14,17 @@ declare class CodeTests {
     static expect<T>(value: T): TestPromise<T>;
     static expectSync<T>(value: T): TestPromise<T>;
     static expectBefore<T>(value: T): TestPromise<T>;
+    static prompt(host: CodeTestsElement, parent: HTMLElement, message: string, options?: PromptOptions): Promise<boolean>;
+    static createElementFromTemplate(target: string | HTMLTemplateElement, parent?: HTMLElement): HTMLElement;
 }
 declare function expect(value: any): TestPromise<any>;
+type PromptOptions = {
+    acceptLabel?: string;
+    rejectLabel?: string;
+    onAccept?: () => void;
+    onReject?: () => void;
+};
+declare function prompt(host: CodeTestsElement, parent: HTMLElement, message: string, options?: PromptOptions): Promise<boolean>;
 
 type CodeTestsProperties = {};
 declare enum CodeTestEventType {
@@ -33,10 +42,11 @@ declare class CodeTestsElement extends HTMLElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     loadTests(testsPath?: string): Promise<void>;
+    cancel(): void;
     runTests(): Promise<void>;
     static create(properties: CodeTestsProperties): HTMLElement;
     static observedAttributes: string[];
     attributeChangedCallback(attributeName: string, oldValue: string, newValue: string): void;
 }
 
-export { AFTERALL, AFTEREACH, BEFOREALL, BEFOREEACH, CodeTestEventType, CodeTests, CodeTestsElement, type CodeTestsProperties, expect };
+export { AFTERALL, AFTEREACH, BEFOREALL, BEFOREEACH, CodeTestEventType, CodeTests, CodeTestsElement, type CodeTestsProperties, expect, prompt };

package/dist/code-tests.js

@@ -81,6 +81,7 @@ var code_tests_default = `:host
     --surface-button: var(--uchu-blue); /* --uchu-blue: #3984f2 */
     --surface-button-hover: var(--uchu-light-blue);
     --surface-button-active: var(--uchu-dark-blue);
+    --surface-button-cancel: var(--uchu-dark-blue);
 
     --border-test: solid 1px var(--uchu-dark-gray);
     --border-hook: solid 1px var(--uchu-dark-purple);
@@ -176,6 +177,26 @@ summary::before
     /* background: var(--surface-test-summary); */
 }
 
+:host(.running) .run[data-all]
+{
+    background-color: var(--surface-test-summary);
+    border-color: var(--surface-test-summary);
+}
+:host(.running) .run[data-all]:hover
+{
+    background-color: var(--uchu-dark-gray);
+    border-color: var(--uchu-dark-gray);
+}
+:host(.running) .run[data-all]:active
+{
+    background-color: var(--surface-test);
+    border-color: var(--surface-test);
+}
+:host(.running) .run[data-all]::before
+{
+    display: none;
+}
+
 #before-all-summary
 ,#after-all-summary
 {
@@ -360,7 +381,7 @@ pre
 }`;
 
 // src/code-tests.html?raw
-var code_tests_default2 = '<slot name="header">\n    <header id="header">\n        <span id="title"><slot name="title"><span id="title-text">Tests</span></slot></span>\n        <slot name="play-button">\n            <button type="button" class="run" data-all>\n                <slot name="play-button-label">\n                    <span id="play-button-label" class="button-label label icon">Run Tests</span>\n                </slot>\n            </button>\n        </slot>\n        <slot name="details"></slot>\n    </header>\n</slot>\n<details id="before-all-details" class="hook">\n    <summary id="before-all-summary">\n        <span id="before-all-result-icon" class="result-icon"></span>\n        <span id="before-all-description" class="description">Results from Before All Hook</span>\n    </summary>\n    <div id="before-all-results" class="results"></div>\n</details>\n<ul id="tests"></ul>\n<details id="after-all-details" class="hook">\n    <summary id="after-all-summary">\n        <span id="after-all-result-icon" class="result-icon"></span>\n        <span id="after-all-description" class="description">Results from After All Hook</span>\n    </summary>\n    <div id="after-all-results" class="results"></div>\n</details>';
+var code_tests_default2 = '<slot name="header">\n    <header id="header">\n        <span id="title"><slot name="title"><span id="title-text">Tests</span></slot></span>\n        <slot name="play-button">\n            <button type="button" class="run" data-all>\n                <slot name="play-button-label">\n                    <span id="play-button-label" class="button-label label icon">Run Tests</span>\n                </slot>\n            </button>\n        </slot>\n        <slot name="details"></slot>\n    </header>\n</slot>\n<details id="before-all-details" class="hook">\n    <summary id="before-all-summary">\n        <span id="before-all-result-icon" class="result-icon"></span>\n        <span id="before-all-description" class="description">Results from Before All Hook</span>\n    </summary>\n    <div id="before-all-results" class="results"></div>\n</details>\n<ul id="tests"></ul>\n<details id="after-all-details" class="hook">\n    <summary id="after-all-summary">\n        <span id="after-all-result-icon" class="result-icon"></span>\n        <span id="after-all-description" class="description">Results from After All Hook</span>\n    </summary>\n    <div id="after-all-results" class="results"></div>\n</details>\n\n<template id="prompt-template">\n    <div class="prompt" part="prompt">\n        <div class="prompt-display">\n            <span class="icon prompt-icon"></span>\n            <span class="label prompt-label"></span>\n        </div>\n        <div class="prompt-actions">\n            <button class="prompt-button accept" type="button">Accept</button>\n            <button class="prompt-button reject" type="button">Reject</button>\n        </div>\n    </div>\n</template>';
 
 // src/api.ts
 var TestPromise = class extends Promise {
@@ -396,7 +417,7 @@ var BEFOREALL = Symbol("beforeAll");
 var BEFOREEACH = Symbol("beforeEach");
 var AFTERALL = Symbol("afterAll");
 var AFTEREACH = Symbol("afterEach");
-var CodeTests = class {
+var CodeTests = class _CodeTests {
   static timeoutMS = 500;
   static #expectInterval;
   static #expectPromise;
@@ -433,10 +454,61 @@ var CodeTests = class {
     });
     return promise;
   }
+  static async prompt(host, parent, message, options) {
+    return new Promise((resolve, reject) => {
+      const template = host.findElement("prompt-template");
+      const promptElement = _CodeTests.createElementFromTemplate(template);
+      promptElement.querySelector(".label").textContent = message;
+      const clickHandler = (event) => {
+        const composedPath = event.composedPath();
+        const acceptButton = composedPath.find((item) => item instanceof HTMLButtonElement && item.classList.contains("accept"));
+        if (acceptButton != null) {
+          const result = options?.onAccept?.() ?? true;
+          promptElement.removeEventListener("click", clickHandler);
+          resolve(result);
+          return;
+        }
+        const rejectButton = composedPath.find((item) => item instanceof HTMLButtonElement && item.classList.contains("reject"));
+        if (rejectButton != null) {
+          const result = options?.onReject?.() ?? false;
+          promptElement.removeEventListener("click", clickHandler);
+          resolve(result);
+          return;
+        }
+      };
+      promptElement.addEventListener("click", clickHandler);
+      if (options?.acceptLabel != null) {
+        promptElement.querySelector(".accept").textContent = options.acceptLabel;
+      }
+      if (options?.rejectLabel != null) {
+        promptElement.querySelector(".reject").textContent = options.rejectLabel;
+      }
+      const details = parent instanceof HTMLDetailsElement ? parent : parent.querySelector(".test-details");
+      if (details != null) {
+        details.open = true;
+      }
+      parent.querySelector(".result")?.append(promptElement);
+    });
+  }
+  static createElementFromTemplate(target, parent) {
+    const templateNode = target instanceof HTMLTemplateElement ? target : document.querySelector(target);
+    if (templateNode == null) {
+      throw new Error(`Unable to find template element from selector: ${target}`);
+    }
+    const firstChild = templateNode.content.cloneNode(true).querySelector("*");
+    if (firstChild == null) {
+      throw new Error(`Unable to find first child of template element`);
+    }
+    parent?.append(firstChild);
+    return firstChild;
+  }
 };
 function expect(value) {
   return CodeTests.expect(value);
 }
+function prompt(host, parent, message, options) {
+  return CodeTests.prompt(host, parent, message, options);
+}
 
 // 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 *)";
@@ -517,7 +589,14 @@ var CodeTestsElement = class extends HTMLElement {
     if (parentListItem == null) {
       const isRunAll = runButton.hasAttribute("data-all");
       if (isRunAll == true) {
-        this.runTests();
+        if (this.classList.contains("running")) {
+          if (this.classList.contains("canceled")) {
+            return;
+          }
+          this.cancel();
+        } else {
+          this.runTests();
+        }
       }
       return;
     }
@@ -529,6 +608,9 @@ var CodeTestsElement = class extends HTMLElement {
     if (test == null) {
       return;
     }
+    this.#isCanceled = false;
+    this.classList.remove("canceled");
+    this.part.remove("canceled");
     this.#runTest(testId, test);
   }
   #getCurrentTestsPath() {
@@ -639,11 +721,21 @@ var CodeTestsElement = class extends HTMLElement {
       this.#addProcessError("An error occurred while loading the tasks:", error);
     }
   }
+  #isCanceled = false;
+  cancel() {
+    this.#isCanceled = true;
+    this.classList.add("canceled");
+    this.part.add("canceled");
+  }
   async runTests() {
     this.dispatchEvent(new CustomEvent("beforeall" /* BeforeAll */, { bubbles: true, composed: true }));
     this.#continueRunningTests = true;
     this.classList.add("running");
+    this.#isCanceled = false;
+    this.classList.remove("canceled");
+    this.part.remove("canceled");
     this.toggleAttribute("success", false);
+    this.findElement("play-button-label").textContent = "Cancel";
     this.#clearTestStatuses();
     const inOrder = this.hasAttribute("in-order");
     const beforeHooks = this.#hooks.get(BEFOREALL);
@@ -654,7 +746,10 @@ var CodeTestsElement = class extends HTMLElement {
         beforeAllHookElement.classList.add("running");
         beforeAllHookElement.part.add("running");
         for (const [hook, ids] of beforeHooks) {
-          hookResult = await hook();
+          if (this.#isCanceled == true) {
+            throw new Error("Test has been cancelled");
+          }
+          hookResult = await hook(this, beforeAllHookElement);
           this.#handleHookResult(hookResult, true, "before");
         }
         beforeAllHookElement.part.remove("running");
@@ -665,6 +760,7 @@ var CodeTestsElement = class extends HTMLElement {
         this.#continueRunningTests = false;
         this.classList.remove("running");
         this.part.remove("running");
+        this.findElement("play-button-label").textContent = "Run Tests";
         this.dispatchEvent(new CustomEvent("afterall" /* AfterAll */, { bubbles: true, composed: true }));
         return;
       }
@@ -686,6 +782,7 @@ var CodeTestsElement = class extends HTMLElement {
     if (this.#continueRunningTests == false) {
       this.classList.remove("running");
       this.part.remove("running");
+      this.findElement("play-button-label").textContent = "Run Tests";
       this.dispatchEvent(new CustomEvent("afterall" /* AfterAll */, { bubbles: true, composed: true }));
       return;
     }
@@ -697,7 +794,10 @@ var CodeTestsElement = class extends HTMLElement {
         afterAllHookElement.classList.add("running");
         afterAllHookElement.part.add("running");
         for (const [hook, ids] of afterHooks) {
-          hookResult = await hook();
+          if (this.#isCanceled == true) {
+            throw new Error("Test has been cancelled");
+          }
+          hookResult = await hook(this, afterAllHookElement);
           this.#handleHookResult(hookResult, true, "after");
         }
         afterAllHookElement.part.remove("running");
@@ -708,6 +808,7 @@ var CodeTestsElement = class extends HTMLElement {
         this.#continueRunningTests = false;
         this.classList.remove("running");
         this.part.remove("running");
+        this.findElement("play-button-label").textContent = "Run Tests";
         this.dispatchEvent(new CustomEvent("afterall" /* AfterAll */, { bubbles: true, composed: true }));
         return;
       }
@@ -716,6 +817,7 @@ var CodeTestsElement = class extends HTMLElement {
     this.setAttribute("success", failedTests.length == 0 ? "true" : "false");
     this.classList.remove("running");
     this.part.remove("running");
+    this.findElement("play-button-label").textContent = "Run Tests";
     this.dispatchEvent(new CustomEvent("afterall" /* AfterAll */, { bubbles: true, composed: true }));
   }
   #clearTestStatuses() {
@@ -768,36 +870,43 @@ var CodeTestsElement = class extends HTMLElement {
     let testType;
     try {
       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;
-            }
+      if (allowTest == false || this.#isCanceled == true) {
+        throw new Error("Test has been cancelled");
+      }
+      const beforeHooks = this.#hooks.get(BEFOREEACH);
+      if (beforeHooks != null) {
+        for (const [hook, ids] of beforeHooks) {
+          if (ids.has(testId)) {
+            beforeResult = await hook(this, testElement);
+            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;
-            }
+      }
+      if (this.#isCanceled == true) {
+        throw new Error("Test has been cancelled");
+      }
+      testResult = await test(this, testElement);
+      if (this.#isCanceled == true) {
+        throw new Error("Test has been cancelled");
+      }
+      const afterHooks = this.#hooks.get(AFTEREACH);
+      if (afterHooks != null) {
+        for (const [hook, ids] of afterHooks) {
+          if (ids.has(testId)) {
+            afterResult = await hook(this, testElement);
+            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);
@@ -876,7 +985,6 @@ Result:${objectResult.value}`,
   }
   static create(properties) {
     const element = document.createElement("code-tests");
-    console.log(properties);
     return element;
   }
   #tests = /* @__PURE__ */ new Map();
@@ -1048,5 +1156,6 @@ export {
   CodeTestEventType,
   CodeTests,
   CodeTestsElement,
-  expect
+  expect,
+  prompt
 };

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;
@@ -80,6 +80,7 @@ var H=`:host
     --surface-button: var(--uchu-blue); /* --uchu-blue: #3984f2 */
     --surface-button-hover: var(--uchu-light-blue);
     --surface-button-active: var(--uchu-dark-blue);
+    --surface-button-cancel: var(--uchu-dark-blue);
 
     --border-test: solid 1px var(--uchu-dark-gray);
     --border-hook: solid 1px var(--uchu-dark-purple);
@@ -175,6 +176,26 @@ summary::before
     /* background: var(--surface-test-summary); */
 }
 
+:host(.running) .run[data-all]
+{
+    background-color: var(--surface-test-summary);
+    border-color: var(--surface-test-summary);
+}
+:host(.running) .run[data-all]:hover
+{
+    background-color: var(--uchu-dark-gray);
+    border-color: var(--uchu-dark-gray);
+}
+:host(.running) .run[data-all]:active
+{
+    background-color: var(--surface-test);
+    border-color: var(--surface-test);
+}
+:host(.running) .run[data-all]::before
+{
+    display: none;
+}
+
 #before-all-summary
 ,#after-all-summary
 {
@@ -383,15 +404,28 @@ 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 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.
+</details>
+
+<template id="prompt-template">
+    <div class="prompt" part="prompt">
+        <div class="prompt-display">
+            <span class="icon prompt-icon"></span>
+            <span class="label prompt-label"></span>
+        </div>
+        <div class="prompt-actions">
+            <button class="prompt-button accept" type="button">Accept</button>
+            <button class="prompt-button reject" type="button">Reject</button>
+        </div>
+    </div>
+</template>`;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"),M=class{static timeoutMS=500;static#e;static#p;static expect(t){return new T(async(e,a)=>{if(t instanceof Promise){let r=await t;e(r);return}e(t)})}static expectSync(t){return new T(async(e,a)=>{if(t instanceof Promise){let r=await t;e(r);return}e(t)})}static expectBefore(t){return new T(async(e,a)=>{if(t instanceof Promise){let r=await t;e(r);return}e(t)})}};function j(h){return M.expect(h)}var $=":not(slot,defs,g,rect,path,circle,ellipse,line,polygon,text,tspan,use,svg image,svg title,desc,template,template *)";function D(h){let t=[...h.querySelectorAll(`${$}[id]`)];for(let e=0;e<t.length;e++)t[e].part.add(t[e].id);let s=[...h.querySelectorAll(`${$}[class]`)];for(let e=0;e<s.length;e++)s[e].part.add(...s[e].classList)}var z=(a=>(a.BeforeAll="beforeall",a.AfterAll="afterall",a.BeforeTest="beforetest",a.AfterTest="aftertest",a))(z||{}),R=Symbol("No Test Defined"),B=new CSSStyleSheet;B.replaceSync(H);var P="code-tests",S=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=F,this.shadowRoot.adoptedStyleSheets.push(B),this.#c=this.#h.bind(this)}connectedCallback(){if(D(this.shadowRoot),this.addEventListener("click",this.#c),this.getAttribute("auto")=="false")return;let t=this.getAttribute("src")??this.getAttribute("test")??this.getAttribute("tests")??this.getAttribute("run")??this.getAttribute("path");t!=null&&this.loadTests(t)}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.#s.get(a);r!=null&&this.#u(a,r)}#f(){return this.getAttribute("src")??this.getAttribute("test")??this.getAttribute("tests")??this.getAttribute("run")??this.getAttribute("path")}async loadTests(t){let s=t??this.#f();if(s!=null)try{this.getElement("tests").innerHTML="",this.#s.clear(),this.classList.remove("has-before-hook"),this.classList.remove("has-after-hook");let e=window.location.href.lastIndexOf("/"),r=window.location.href.substring(e).indexOf(".")!=-1==!0?window.location.href.substring(0,e+1):window.location.href,n=r+s.substring(0,s.lastIndexOf("/")+1),o=r+s,l=await(await fetch(o)).text();l=l.replaceAll(/['"`](((\.\/)|(\.\.\/))+(.*))['"`]/g,`'${n}$1'`);let u=new File([l],s.substring(s.lastIndexOf("/")),{type:"text/javascript"}),f=await import(URL.createObjectURL(u)),g=f.tests??f.default;if(g==null)throw new Error(`Unable to find tests definition in file at path: ${s}`);let E=g[y];if(E!=null){if(this.#e.get(y)==null){let c=new Map;c.set(E,new Set),this.#e.set(y,c)}this.classList.add("has-before-hook")}let m=g[v];if(m!=null&&this.#e.get(v)==null){let c=new Map;c.set(m,new Set),this.#e.set(v,c)}let b=g[k];if(b!=null){if(this.#e.get(k)==null){let c=new Map;c.set(b,new Set),this.#e.set(k,c)}this.classList.add("has-after-hook")}let A=g[x];if(A!=null&&this.#e.get(x)==null){let c=new Map;c.set(A,new Set),this.#e.set(x,c)}for(let[w,c]of Object.entries(g)){let C=this.#m(w,c);if(E!=null){let d=this.#e.get(y);if(d!=null){let p=d.get(E);p?.add(C)}}if(m!=null){let d=this.#e.get(v);if(d!=null){let p=d.get(m);p?.add(C)}}if(b!=null){let d=this.#e.get(k);if(d!=null){let p=d.get(b);p?.add(C)}}if(A!=null){let d=this.#e.get(x);if(d!=null){let p=d.get(A);p?.add(C)}}}}catch(e){this.#i("An error occurred while loading the tasks:",e)}}async runTests(){this.dispatchEvent(new CustomEvent("beforeall",{bubbles:!0,composed:!0})),this.#t=!0,this.classList.add("running"),this.toggleAttribute("success",!1),this.#g();let t=this.hasAttribute("in-order"),s=this.#e.get(y);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,this.classList.remove("running"),this.part.remove("running"),this.dispatchEvent(new CustomEvent("afterall",{bubbles:!0,composed:!0}));return}}if(t==!1){let r=[];for(let[n,o]of this.#s)r.push(this.#u(n,o));await Promise.all(r)}else for(let[r,n]of this.#s){if(this.#t==!1)break;await this.#u(r,n)}if(this.#t==!1){this.classList.remove("running"),this.part.remove("running"),this.dispatchEvent(new CustomEvent("afterall",{bubbles:!0,composed:!0}));return}let e=this.#e.get(k);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,this.classList.remove("running"),this.part.remove("running"),this.dispatchEvent(new CustomEvent("afterall",{bubbles:!0,composed:!0}));return}}let a=this.shadowRoot.querySelectorAll('[success="false"]');this.setAttribute("success",a.length==0?"true":"false"),this.classList.remove("running"),this.part.remove("running"),this.dispatchEvent(new CustomEvent("afterall",{bubbles:!0,composed:!0}))}#g(){for(let[e,a]of this.#s){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(".result-icon");a?.classList.remove("success","fail"),a?.part.remove("success","fail"),a?.classList.add("running"),a?.part.add("running");let r=e.querySelector(".error-message");r!=null&&(r.textContent="");let n=e.querySelector("details");n!=null&&(n.open=!1);let o=R,l,u=R,i;try{if(this.dispatchEvent(new CustomEvent("beforetest",{bubbles:!0,cancelable:!0,composed:!0,detail:{testElement:e}}))==!0){let g=this.#e.get(v);if(g!=null){for(let[m,b]of g)if(b.has(t)){o=await m();break}}l=await s();let E=this.#e.get(x);if(E!=null){for(let[m,b]of E)if(b.has(t)){u=await m();break}}i="before",o!=R&&this.#a(e,o,!0,void 0,i),i=void 0,this.#a(e,l,!0,void 0,i),i="after",u!=R&&this.#a(e,u,!0,void 0,i)}}catch(f){this.#a(e,l,!1,f,i),console.error(f),this.#t=!1}finally{e?.classList.remove("running"),e?.part.remove("running"),a?.classList.remove("running"),a?.part.remove("running"),this.dispatchEvent(new CustomEvent("aftertest",{bubbles:!0,cancelable:!0,composed:!0,detail:{testElement:e}}))}}#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.#r(e==!0?`${o}`:`Failed${a!=null?`:
-${a.message}`:""}`,e,r);this.#o(t,l,e,r)}else if(typeof s=="string"){let o=this.#r(`${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",u=r==null?"Failed":"Fail",i=this.#r(`${o.success==!0?`${l}:`:`${u}:`}
+  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")}},v=Symbol("beforeAll"),y=Symbol("beforeEach"),k=Symbol("afterAll"),w=Symbol("afterEach"),L=class d{static timeoutMS=500;static#e;static#h;static expect(t){return new T(async(e,r)=>{if(t instanceof Promise){let n=await t;e(n);return}e(t)})}static expectSync(t){return new T(async(e,r)=>{if(t instanceof Promise){let n=await t;e(n);return}e(t)})}static expectBefore(t){return new T(async(e,r)=>{if(t instanceof Promise){let n=await t;e(n);return}e(t)})}static async prompt(t,s,e,r){return new Promise((n,a)=>{let o=t.findElement("prompt-template"),l=d.createElementFromTemplate(o);l.querySelector(".label").textContent=e;let u=h=>{let f=h.composedPath();if(f.find(i=>i instanceof HTMLButtonElement&&i.classList.contains("accept"))!=null){let i=r?.onAccept?.()??!0;l.removeEventListener("click",u),n(i);return}if(f.find(i=>i instanceof HTMLButtonElement&&i.classList.contains("reject"))!=null){let i=r?.onReject?.()??!1;l.removeEventListener("click",u),n(i);return}};l.addEventListener("click",u),r?.acceptLabel!=null&&(l.querySelector(".accept").textContent=r.acceptLabel),r?.rejectLabel!=null&&(l.querySelector(".reject").textContent=r.rejectLabel);let c=s instanceof HTMLDetailsElement?s:s.querySelector(".test-details");c!=null&&(c.open=!0),s.querySelector(".result")?.append(l)})}static createElementFromTemplate(t,s){let e=t instanceof HTMLTemplateElement?t:document.querySelector(t);if(e==null)throw new Error(`Unable to find template element from selector: ${t}`);let r=e.content.cloneNode(!0).querySelector("*");if(r==null)throw new Error("Unable to find first child of template element");return s?.append(r),r}};function I(d){return L.expect(d)}function U(d,t,s,e){return L.prompt(d,t,s,e)}var $=":not(slot,defs,g,rect,path,circle,ellipse,line,polygon,text,tspan,use,svg image,svg title,desc,template,template *)";function P(d){let t=[...d.querySelectorAll(`${$}[id]`)];for(let e=0;e<t.length;e++)t[e].part.add(t[e].id);let s=[...d.querySelectorAll(`${$}[class]`)];for(let e=0;e<s.length;e++)s[e].part.add(...s[e].classList)}var N=(r=>(r.BeforeAll="beforeall",r.AfterAll="afterall",r.BeforeTest="beforetest",r.AfterTest="aftertest",r))(N||{}),H=Symbol("No Test Defined"),D=new CSSStyleSheet;D.replaceSync(S);var B="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;#h={[v]:C(),[y]:C(),[w]:C(),[k]:C()};#s=!0;constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=F,this.shadowRoot.adoptedStyleSheets.push(D),this.#u=this.#f.bind(this)}connectedCallback(){if(P(this.shadowRoot),this.addEventListener("click",this.#u),this.getAttribute("auto")=="false")return;let t=this.getAttribute("src")??this.getAttribute("test")??this.getAttribute("tests")??this.getAttribute("run")??this.getAttribute("path");t!=null&&this.loadTests(t)}disconnectedCallback(){this.removeEventListener("click",this.#u)}#u;#f(t){let s=t.composedPath().find(a=>a instanceof HTMLButtonElement&&a.classList.contains("run"));if(s==null)return;let e=s.closest("li");if(e==null){if(s.hasAttribute("data-all")==!0)if(this.classList.contains("running")){if(this.classList.contains("canceled"))return;this.cancel()}else this.runTests();return}let r=e.dataset.testId;if(r==null)return;let n=this.#r.get(r);n!=null&&(this.#t=!1,this.classList.remove("canceled"),this.part.remove("canceled"),this.#d(r,n))}#m(){return this.getAttribute("src")??this.getAttribute("test")??this.getAttribute("tests")??this.getAttribute("run")??this.getAttribute("path")}async loadTests(t){let s=t??this.#m();if(s!=null)try{this.getElement("tests").innerHTML="",this.#r.clear(),this.classList.remove("has-before-hook"),this.classList.remove("has-after-hook");let e=window.location.href.lastIndexOf("/"),n=window.location.href.substring(e).indexOf(".")!=-1==!0?window.location.href.substring(0,e+1):window.location.href,a=n+s.substring(0,s.lastIndexOf("/")+1),o=n+s,l=await(await fetch(o)).text();l=l.replaceAll(/['"`](((\.\/)|(\.\.\/))+(.*))['"`]/g,`'${a}$1'`);let u=new File([l],s.substring(s.lastIndexOf("/")),{type:"text/javascript"}),h=await import(URL.createObjectURL(u)),f=h.tests??h.default;if(f==null)throw new Error(`Unable to find tests definition in file at path: ${s}`);let E=f[v];if(E!=null){if(this.#e.get(v)==null){let p=new Map;p.set(E,new Set),this.#e.set(v,p)}this.classList.add("has-before-hook")}let b=f[y];if(b!=null&&this.#e.get(y)==null){let p=new Map;p.set(b,new Set),this.#e.set(y,p)}let i=f[k];if(i!=null){if(this.#e.get(k)==null){let p=new Map;p.set(i,new Set),this.#e.set(k,p)}this.classList.add("has-after-hook")}let A=f[w];if(A!=null&&this.#e.get(w)==null){let p=new Map;p.set(A,new Set),this.#e.set(w,p)}for(let[x,p]of Object.entries(f)){let M=this.#b(x,p);if(E!=null){let m=this.#e.get(v);if(m!=null){let g=m.get(E);g?.add(M)}}if(b!=null){let m=this.#e.get(y);if(m!=null){let g=m.get(b);g?.add(M)}}if(i!=null){let m=this.#e.get(k);if(m!=null){let g=m.get(i);g?.add(M)}}if(A!=null){let m=this.#e.get(w);if(m!=null){let g=m.get(A);g?.add(M)}}}}catch(e){this.#c("An error occurred while loading the tasks:",e)}}#t=!1;cancel(){this.#t=!0,this.classList.add("canceled"),this.part.add("canceled")}async runTests(){this.dispatchEvent(new CustomEvent("beforeall",{bubbles:!0,composed:!0})),this.#s=!0,this.classList.add("running"),this.#t=!1,this.classList.remove("canceled"),this.part.remove("canceled"),this.toggleAttribute("success",!1),this.findElement("play-button-label").textContent="Cancel",this.#g();let t=this.hasAttribute("in-order"),s=this.#e.get(v);if(s!=null){let n;try{let a=this.getElement("before-all-details");a.classList.add("running"),a.part.add("running");for(let[o,l]of s){if(this.#t==!0)throw new Error("Test has been cancelled");n=await o(this,a),this.#o(n,!0,"before")}a.part.remove("running"),a.classList.remove("running")}catch(a){this.#o(n,!1,"before",a),console.error(a),this.#s=!1,this.classList.remove("running"),this.part.remove("running"),this.findElement("play-button-label").textContent="Run Tests",this.dispatchEvent(new CustomEvent("afterall",{bubbles:!0,composed:!0}));return}}if(t==!1){let n=[];for(let[a,o]of this.#r)n.push(this.#d(a,o));await Promise.all(n)}else for(let[n,a]of this.#r){if(this.#s==!1)break;await this.#d(n,a)}if(this.#s==!1){this.classList.remove("running"),this.part.remove("running"),this.findElement("play-button-label").textContent="Run Tests",this.dispatchEvent(new CustomEvent("afterall",{bubbles:!0,composed:!0}));return}let e=this.#e.get(k);if(e!=null){let n;try{let a=this.getElement("after-all-details");a.classList.add("running"),a.part.add("running");for(let[o,l]of e){if(this.#t==!0)throw new Error("Test has been cancelled");n=await o(this,a),this.#o(n,!0,"after")}a.part.remove("running"),a.classList.remove("running")}catch(a){this.#o(n,!1,"after",a),console.error(a),this.#s=!1,this.classList.remove("running"),this.part.remove("running"),this.findElement("play-button-label").textContent="Run Tests",this.dispatchEvent(new CustomEvent("afterall",{bubbles:!0,composed:!0}));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.findElement("play-button-label").textContent="Run Tests",this.dispatchEvent(new CustomEvent("afterall",{bubbles:!0,composed:!0}))}#g(){for(let[e,r]of this.#r){let n=this.getElement("tests").querySelector(`[data-test-id="${e}"]`);if(n==null){this.#c(`Unable to find test element for test: ${e}`);return}n.toggleAttribute("success",!1),n.classList.remove("success","fail"),n.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#d(t,s){let e=this.getElement("tests").querySelector(`[data-test-id="${t}"]`);if(e==null){this.#c(`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 n=e.querySelector(".error-message");n!=null&&(n.textContent="");let a=e.querySelector("details");a!=null&&(a.open=!1);let o=H,l,u=H,c;try{if(this.dispatchEvent(new CustomEvent("beforetest",{bubbles:!0,cancelable:!0,composed:!0,detail:{testElement:e}}))==!1||this.#t==!0)throw new Error("Test has been cancelled");let f=this.#e.get(y);if(f!=null){for(let[b,i]of f)if(i.has(t)){o=await b(this,e);break}}if(this.#t==!0)throw new Error("Test has been cancelled");if(l=await s(this,e),this.#t==!0)throw new Error("Test has been cancelled");let E=this.#e.get(w);if(E!=null){for(let[b,i]of E)if(i.has(t)){u=await b(this,e);break}}c="before",o!=H&&this.#a(e,o,!0,void 0,c),c=void 0,this.#a(e,l,!0,void 0,c),c="after",u!=H&&this.#a(e,u,!0,void 0,c)}catch(h){this.#a(e,l,!1,h,c),console.error(h),this.#s=!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,n){if(s instanceof HTMLElement)this.#l(t,s,e,n);else if(s==null){let o=n==null?"Passed":"Hook Ran Successfully",l=this.#n(e==!0?`${o}`:`Failed${r!=null?`:
+${r.message}`:""}`,e,n);this.#l(t,l,e,n)}else if(typeof s=="string"){let o=this.#n(`${s}${r==null?"":`:
+${r.message}`}`,e,n);this.#l(t,o,e,n)}else if(typeof s=="object"){let o=s;if(o.success!=null&&o.expected!=null&&o.value!=null){let l=n==null?"Passed":"Success",u=n==null?"Failed":"Fail",c=this.#n(`${o.success==!0?`${l}:`:`${u}:`}
 Expected:${o.expected}
-Result:${o.value}`,o.success,r);this.#o(t,i,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.#r(s==!0?"Hook Ran Successfully":`Failed${a!=null?`:
-${a.message}`:""}`,s),this.#l(n,s,e);else if(typeof t=="string")n=this.#r(`${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.#r(`${o.success==!0?"Success:":"Fail:"}
+Result:${o.value}`,o.success,n);this.#l(t,c,e,n)}}let a=t.querySelector("details");a!=null&&(a.open=!0)}#o(t,s,e,r){if(t instanceof HTMLElement)this.#i(t,s,e);else{let a;if(t==null)a=this.#n(s==!0?"Hook Ran Successfully":`Failed${r!=null?`:
+${r.message}`:""}`,s),this.#i(a,s,e);else if(typeof t=="string")a=this.#n(`${t}${r==null?"":`:
+${r.message}`}`,s),this.#i(a,s,e);else if(typeof t=="object"){let o=t;o.success!=null&&o.expected!=null&&o.value!=null&&(a=this.#n(`${o.success==!0?"Success:":"Fail:"}
 Expected:${o.expected}
-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}#s=new Map;#m(t,s){let e=L();this.#s.set(e,s);let a=this.#b(e,t);return this.getElement("tests").append(a),e}#b(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 u=document.createElement("div");u.classList.add("before-result","test-before-result"),u.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 f=document.createElement("div");return f.classList.add("after-result","test-after-result"),f.part.add("after-result","test-after-result"),a.append(r),a.append(u),a.append(i),a.append(f),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(".result-icon");r?.classList.toggle("success",e),r?.part.toggle("success",e),r?.classList.toggle("fail",!e),r?.part.toggle("fail",!e);let n=t.querySelector(`.${a==null?"result":a=="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 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 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(P)==null&&customElements.define(P,S);export{k as AFTERALL,x as AFTEREACH,y as BEFOREALL,v as BEFOREEACH,z as CodeTestEventType,M as CodeTests,S as CodeTestsElement,j as expect};
+Result:${o.value}`,o.success),this.#i(a,s,e))}}let n=this.getElement(`${e}-all-details`);n!=null&&(n.open=!0)}static create(t){return document.createElement("code-tests")}#r=new Map;#b(t,s){let e=C();this.#r.set(e,s);let r=this.#E(e,t);return this.getElement("tests").append(r),e}#E(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 n=document.createElement("summary");n.classList.add("test-summary"),n.part.add("test-summary");let a=document.createElement("div");a.classList.add("result-icon"),a.part.add("result-icon"),n.append(a);let o=document.createElement("span");o.classList.add("description","test-description"),o.textContent=s,n.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",n.append(l);let u=document.createElement("div");u.classList.add("before-result","test-before-result"),u.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 h=document.createElement("div");return h.classList.add("after-result","test-after-result"),h.part.add("after-result","test-after-result"),r.append(n),r.append(u),r.append(c),r.append(h),e.append(r),e}#l(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 n=t.querySelector(".result-icon");n?.classList.toggle("success",e),n?.part.toggle("success",e),n?.classList.toggle("fail",!e),n?.part.toggle("fail",!e);let a=t.querySelector(`.${r==null?"result":r=="before"?"before-result":"after-result"}`);if(a==null){this.#c("Unable to find result element");return}a.innerHTML="",a.appendChild(s)}#n(t,s,e){let r=document.createElement("code");r.classList.add("code"),r.part.add("code");let n=document.createElement("pre");n.textContent=t;let a=s==!0?"success-message":"error-message";return n.classList.add("pre",a),n.part.add("pre",a),r.appendChild(n),r}#i(t,s,e){let r=this.getElement(`${e}-all-details`),n=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),n.innerHTML="",n.appendChild(t)}#c(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 n=document.createElement("pre");n.classList.add("pre","process-error-pre"),n.part.add("pre","process-error-pre"),n.textContent=t,r.append(n),e.append(r),this.getElement("tests").append(e)}#p(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.#p("unordered"):this.#p("ordered"))}};function C(){let d=new Uint8Array(20);crypto.getRandomValues(d);let t=[].slice.apply(d).map(function(e){return String.fromCharCode(e)}).join("");return btoa(t).replace(/\//g,"_").replace(/\+/g,"-").replace(/=/g,"")}customElements.get(B)==null&&customElements.define(B,R);export{k as AFTERALL,w as AFTEREACH,v as BEFOREALL,y as BEFOREEACH,N as CodeTestEventType,L as CodeTests,R as CodeTestsElement,I as expect,U as prompt};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magnit-ce/code-tests",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "A custom html element that interprets and runs tests in a browser.",
   "type": "module",
   "main": "dist/code-tests.js",