@magnit-ce/code-tests 0.0.10 → 0.0.12

package/dist/code-tests.d.ts

@@ -4,10 +4,6 @@ declare class TestPromise<T> extends Promise<T> {
     toContainText(value: string): Promise<void>;
     toHaveAttribute(value: string): Promise<void>;
 }
-declare const BEFOREALL: unique symbol;
-declare const BEFOREEACH: unique symbol;
-declare const AFTERALL: unique symbol;
-declare const AFTEREACH: unique symbol;
 declare class CodeTests {
     #private;
     static timeoutMS: number;
@@ -27,6 +23,14 @@ type PromptOptions = {
 declare function prompt(host: CodeTestsElement, parent: HTMLElement, message: string, options?: PromptOptions): Promise<boolean>;
 
 type CodeTestsProperties = {};
+declare enum HookType {
+    BeforeAll = "beforeall",
+    AfterAll = "afterall",
+    BeforeEach = "beforeeach",
+    AfterEach = "aftereach",
+    RequiredBeforeAny = "requiredbeforeany",
+    RequiredAfterAny = "requiredafterany"
+}
 declare enum CodeTestEventType {
     BeforeAll = "beforeall",
     AfterAll = "afterall",
@@ -43,6 +47,7 @@ declare class CodeTestsElement extends HTMLElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     loadTests(testsPath?: string): Promise<void>;
+    isCanceled: boolean;
     cancel(): void;
     runTests(): Promise<void>;
     static create(properties: CodeTestsProperties): HTMLElement;
@@ -50,4 +55,4 @@ declare class CodeTestsElement extends HTMLElement {
     attributeChangedCallback(attributeName: string, oldValue: string, newValue: string): void;
 }
 
-export { AFTERALL, AFTEREACH, BEFOREALL, BEFOREEACH, CodeTestEventType, CodeTests, CodeTestsElement, type CodeTestsProperties, expect, prompt };
+export { CodeTestEventType, CodeTests, CodeTestsElement, type CodeTestsProperties, HookType, expect, prompt };

package/dist/code-tests.js

@@ -105,18 +105,6 @@ var code_tests_default = `:host
     padding: var(--small-spacer);
     font-family: var(--font-text);
 }
-@media (prefers-color-scheme: dark) 
-{
-    :host
-    {
-        --text-surface: var(--uchu-yang);
-        --text-result: var(--uchu-yang);
-
-        --surface-0: var(--uchu-yin);
-        --surface-test: oklch(25.11% 0.006 258.36);
-        --surface-test-summary: oklch(35.02% 0.005 236.66);
-    }
-}
 
 #header
 {
@@ -141,10 +129,24 @@ var code_tests_default = `:host
     display: none;
 }
 :host(.has-before-hook) #before-all-details
-,:host(.has-before-hook) #after-all-details
+,:host(.has-after-hook) #after-all-details
 {
     display: initial;
 }
+:host(.has-required-before-hook) #required-before-any-details
+,:host(.has-required-after-hook) #required-after-any-details
+{
+    display: initial;
+}
+
+#required-before-any-summary
+,#required-after-any-summary
+{
+    background: var(--surface-process);
+    color: var(--text-process);
+    border: solid 1px var(--text-process);
+    grid-template-columns: auto auto 1fr;
+}
 
 #tests
 {
@@ -180,18 +182,19 @@ summary::before
 
 :host(.running) .run[data-all]
 {
-    background-color: var(--surface-test-summary);
-    border-color: var(--surface-test-summary);
+    color: var(--text-surface);
+    background-color: oklch(89.68% 0.002 197.12);
+    border-color: oklch(63.12% 0.004 219.55);
 }
 :host(.running) .run[data-all]:hover
 {
-    background-color: var(--uchu-dark-gray);
-    border-color: var(--uchu-dark-gray);
+    background-color: oklch(95.57% 0.003 286.35);
+    border-color: oklch(63.12% 0.004 219.55);
 }
 :host(.running) .run[data-all]:active
 {
-    background-color: var(--surface-test);
-    border-color: var(--surface-test);
+    background-color: oklch(63.12% 0.004 219.55);
+    border-color: oklch(53.12% 0.004 219.55);
 }
 :host(.running) .run[data-all]::before
 {
@@ -373,6 +376,33 @@ pre
 }
 
 
+@media (prefers-color-scheme: dark) 
+{
+    :host
+    {
+        --text-surface: var(--uchu-yang);
+        --text-result: var(--uchu-yang);
+
+        --surface-0: var(--uchu-yin);
+        --surface-test: oklch(25.11% 0.006 258.36);
+        --surface-test-summary: oklch(35.02% 0.005 236.66);
+    }
+    :host(.running) .run[data-all]
+    {
+        background-color: oklch(35.02% 0.005 236.66);
+        border-color: oklch(35.02% 0.005 236.66);
+    }
+    :host(.running) .run[data-all]:hover
+    {
+        background-color: oklch(63.12% 0.004 219.55);
+        border-color:oklch(63.12% 0.004 219.55);
+    }
+    :host(.running) .run[data-all]:active
+    {
+        background-color: oklch(25.11% 0.006 258.36);
+        border-color: oklch(25.11% 0.006 258.36);
+    }
+}
 
 @keyframes spin
 {
@@ -381,7 +411,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>\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>';
+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="required-before-any-details" class="hook">\n    <summary id="required-before-any-summary">\n        <span id="required-before-any-result-icon" class="result-icon"></span>\n        <span id="required-before-any-description" class="description">Results from Required Before Any Hook</span>\n    </summary>\n    <div id="required-before-any-results" class="results"></div>\n</details>\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<details id="required-after-any-details" class="hook">\n    <summary id="required-after-any-summary">\n        <span id="required-after-any-result-icon" class="result-icon"></span>\n        <span id="required-after-any-description" class="description">Results from Required After Any Hook</span>\n    </summary>\n    <div id="required-after-any-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 {
@@ -413,10 +443,6 @@ var TestPromise = class extends Promise {
     }
   }
 };
-var BEFOREALL = Symbol("beforeAll");
-var BEFOREEACH = Symbol("beforeEach");
-var AFTERALL = Symbol("afterAll");
-var AFTEREACH = Symbol("afterEach");
 var CodeTests = class _CodeTests {
   static timeoutMS = 500;
   static #expectInterval;
@@ -524,6 +550,15 @@ function assignClassAndIdToPart(shadowRoot) {
 }
 
 // src/code-tests.ts
+var HookType = /* @__PURE__ */ ((HookType2) => {
+  HookType2["BeforeAll"] = "beforeall";
+  HookType2["AfterAll"] = "afterall";
+  HookType2["BeforeEach"] = "beforeeach";
+  HookType2["AfterEach"] = "aftereach";
+  HookType2["RequiredBeforeAny"] = "requiredbeforeany";
+  HookType2["RequiredAfterAny"] = "requiredafterany";
+  return HookType2;
+})(HookType || {});
 var CodeTestEventType = /* @__PURE__ */ ((CodeTestEventType2) => {
   CodeTestEventType2["BeforeAll"] = "beforeall";
   CodeTestEventType2["AfterAll"] = "afterall";
@@ -550,13 +585,7 @@ var CodeTestsElement = class extends HTMLElement {
   findElement(id) {
     return this.shadowRoot.getElementById(id);
   }
-  #hooks = /* @__PURE__ */ new Map();
-  #hookIds = {
-    [BEFOREALL]: generateId(),
-    [BEFOREEACH]: generateId(),
-    [AFTEREACH]: generateId(),
-    [AFTERALL]: generateId()
-  };
+  #hooks = {};
   #continueRunningTests = true;
   constructor() {
     super();
@@ -571,7 +600,7 @@ var CodeTestsElement = class extends HTMLElement {
     if (this.getAttribute("auto") == "false") {
       return;
     }
-    const testsPath = this.getAttribute("src") ?? this.getAttribute("test") ?? this.getAttribute("tests") ?? this.getAttribute("run") ?? this.getAttribute("path");
+    const testsPath = this.#getCurrentTestsPath();
     if (testsPath == null) {
       return;
     }
@@ -609,7 +638,7 @@ var CodeTestsElement = class extends HTMLElement {
     if (test == null) {
       return;
     }
-    this.#isCanceled = false;
+    this.isCanceled = false;
     this.classList.remove("canceled");
     this.part.remove("canceled");
     this.#runTest(testId, test);
@@ -641,90 +670,52 @@ var CodeTestsElement = class extends HTMLElement {
       if (tests == void 0) {
         throw new Error(`Unable to find tests definition in file at path: ${path}`);
       }
-      const beforeAll = tests[BEFOREALL];
+      const beforeAll = tests["beforeall" /* BeforeAll */];
       if (beforeAll != null) {
-        const hookMap = this.#hooks.get(BEFOREALL);
-        if (hookMap == null) {
-          const map = /* @__PURE__ */ new Map();
-          map.set(beforeAll, /* @__PURE__ */ new Set());
-          this.#hooks.set(BEFOREALL, map);
-        }
+        this.#hooks["beforeall" /* BeforeAll */] = beforeAll;
+        delete tests["beforeall" /* BeforeAll */];
         this.classList.add("has-before-hook");
       }
-      const beforeEach = tests[BEFOREEACH];
-      if (beforeEach != null) {
-        const hookMap = this.#hooks.get(BEFOREEACH);
-        if (hookMap == null) {
-          const map = /* @__PURE__ */ new Map();
-          map.set(beforeEach, /* @__PURE__ */ new Set());
-          this.#hooks.set(BEFOREEACH, map);
-        }
-      }
-      const afterAll = tests[AFTERALL];
+      const afterAll = tests["afterall" /* AfterAll */];
       if (afterAll != null) {
-        const hookMap = this.#hooks.get(AFTERALL);
-        if (hookMap == null) {
-          const map = /* @__PURE__ */ new Map();
-          map.set(afterAll, /* @__PURE__ */ new Set());
-          this.#hooks.set(AFTERALL, map);
-        }
+        this.#hooks["afterall" /* AfterAll */] = beforeAll;
+        delete tests["afterall" /* AfterAll */];
         this.classList.add("has-after-hook");
       }
-      const afterEach = tests[AFTEREACH];
+      const beforeEach = tests["beforeeach" /* BeforeEach */];
+      if (beforeEach != null) {
+        this.#hooks["beforeeach" /* BeforeEach */] = beforeAll;
+        delete tests["beforeeach" /* BeforeEach */];
+      }
+      const afterEach = tests["aftereach" /* AfterEach */];
       if (afterEach != null) {
-        const hookMap = this.#hooks.get(AFTEREACH);
-        if (hookMap == null) {
-          const map = /* @__PURE__ */ new Map();
-          map.set(afterEach, /* @__PURE__ */ new Set());
-          this.#hooks.set(AFTEREACH, map);
-        }
+        this.#hooks["aftereach" /* AfterEach */] = beforeAll;
+        delete tests["aftereach" /* AfterEach */];
+      }
+      const requiredBeforeAny = tests["requiredbeforeany" /* RequiredBeforeAny */];
+      if (requiredBeforeAny != null) {
+        this.#hooks["requiredbeforeany" /* RequiredBeforeAny */] = requiredBeforeAny;
+        delete tests["requiredbeforeany" /* RequiredBeforeAny */];
+        this.classList.add("has-required-before-hook");
+        this.part.add("has-required-before-hook");
+      }
+      const requiredAfterAny = tests["requiredafterany" /* RequiredAfterAny */];
+      if (requiredAfterAny != null) {
+        this.#hooks["requiredafterany" /* RequiredAfterAny */] = requiredAfterAny;
+        delete tests["requiredafterany" /* RequiredAfterAny */];
+        this.classList.add("has-required-after-hook");
+        this.part.add("has-required-after-hook");
       }
       for (const [description, test] of Object.entries(tests)) {
-        const id = this.#addTest(description, test);
-        if (beforeAll != null) {
-          const hookMap = this.#hooks.get(BEFOREALL);
-          if (hookMap != null) {
-            const testIds = hookMap.get(beforeAll);
-            if (testIds != null) {
-              testIds.add(id);
-            }
-          }
-        }
-        if (beforeEach != null) {
-          const hookMap = this.#hooks.get(BEFOREEACH);
-          if (hookMap != null) {
-            const testIds = hookMap.get(beforeEach);
-            if (testIds != null) {
-              testIds.add(id);
-            }
-          }
-        }
-        if (afterAll != null) {
-          const hookMap = this.#hooks.get(AFTERALL);
-          if (hookMap != null) {
-            const testIds = hookMap.get(afterAll);
-            if (testIds != null) {
-              testIds.add(id);
-            }
-          }
-        }
-        if (afterEach != null) {
-          const hookMap = this.#hooks.get(AFTEREACH);
-          if (hookMap != null) {
-            const testIds = hookMap.get(afterEach);
-            if (testIds != null) {
-              testIds.add(id);
-            }
-          }
-        }
+        this.#addTest(description, test);
       }
     } catch (error) {
       this.#addProcessError("An error occurred while loading the tasks:", error);
     }
   }
-  #isCanceled = false;
+  isCanceled = false;
   cancel() {
-    this.#isCanceled = true;
+    this.isCanceled = true;
     this.classList.add("canceled");
     this.part.add("canceled");
     this.dispatchEvent(new CustomEvent("cancel" /* Cancel */, { bubbles: true, composed: true }));
@@ -733,7 +724,7 @@ var CodeTestsElement = class extends HTMLElement {
     this.dispatchEvent(new CustomEvent("beforeall" /* BeforeAll */, { bubbles: true, composed: true }));
     this.#continueRunningTests = true;
     this.classList.add("running");
-    this.#isCanceled = false;
+    this.isCanceled = false;
     this.classList.remove("canceled");
     this.part.remove("canceled");
     this.toggleAttribute("success", false);
@@ -743,24 +734,49 @@ var CodeTestsElement = class extends HTMLElement {
     }
     this.#clearTestStatuses();
     const inOrder = this.hasAttribute("in-order");
-    const beforeHooks = this.#hooks.get(BEFOREALL);
-    if (beforeHooks != null) {
+    const requiredBeforeHook = this.#hooks["requiredbeforeany" /* RequiredBeforeAny */];
+    if (requiredBeforeHook != null) {
+      let hookResult;
+      try {
+        const requiredBeforeAnyHookElement = this.getElement(`required-before-any-details`);
+        requiredBeforeAnyHookElement.classList.add("running");
+        requiredBeforeAnyHookElement.part.add("running");
+        if (this.isCanceled == true) {
+          throw new Error("Test has been cancelled");
+        }
+        hookResult = await requiredBeforeHook(this, requiredBeforeAnyHookElement);
+        this.#handleHookResult(hookResult, true, "before", true);
+        requiredBeforeAnyHookElement.part.remove("running");
+        requiredBeforeAnyHookElement.classList.remove("running");
+      } catch (error) {
+        this.#handleHookResult(hookResult, false, "before", true, error);
+        console.error(error);
+        this.#continueRunningTests = false;
+        this.classList.remove("running");
+        this.part.remove("running");
+        if (playButtonLabel != null) {
+          playButtonLabel.textContent = "Run Tests";
+        }
+        this.dispatchEvent(new CustomEvent("afterall" /* AfterAll */, { bubbles: true, composed: true }));
+        return;
+      }
+    }
+    const beforeHook = this.#hooks["beforeall" /* BeforeAll */];
+    if (beforeHook != null) {
       let hookResult;
       try {
         const beforeAllHookElement = this.getElement(`before-all-details`);
         beforeAllHookElement.classList.add("running");
         beforeAllHookElement.part.add("running");
-        for (const [hook, ids] of beforeHooks) {
-          if (this.#isCanceled == true) {
-            throw new Error("Test has been cancelled");
-          }
-          hookResult = await hook(this, beforeAllHookElement);
-          this.#handleHookResult(hookResult, true, "before");
+        if (this.isCanceled == true) {
+          throw new Error("Test has been cancelled");
         }
+        hookResult = await beforeHook(this, beforeAllHookElement);
+        this.#handleHookResult(hookResult, true, "before", false);
         beforeAllHookElement.part.remove("running");
         beforeAllHookElement.classList.remove("running");
       } catch (error) {
-        this.#handleHookResult(hookResult, false, "before", error);
+        this.#handleHookResult(hookResult, false, "before", false, error);
         console.error(error);
         this.#continueRunningTests = false;
         this.classList.remove("running");
@@ -783,7 +799,7 @@ var CodeTestsElement = class extends HTMLElement {
         if (this.#continueRunningTests == false) {
           break;
         }
-        await this.#runTest(id, test);
+        await this.#runTest(id, test, false);
       }
     }
     if (this.#continueRunningTests == false) {
@@ -795,25 +811,42 @@ var CodeTestsElement = class extends HTMLElement {
       this.dispatchEvent(new CustomEvent("afterall" /* AfterAll */, { bubbles: true, composed: true }));
       return;
     }
-    const afterHooks = this.#hooks.get(AFTERALL);
-    if (afterHooks != null) {
+    const afterHook = this.#hooks["afterall" /* AfterAll */];
+    if (afterHook != null) {
       let hookResult;
       try {
         const afterAllHookElement = this.getElement(`after-all-details`);
         afterAllHookElement.classList.add("running");
         afterAllHookElement.part.add("running");
-        for (const [hook, ids] of afterHooks) {
-          if (this.#isCanceled == true) {
-            throw new Error("Test has been cancelled");
-          }
-          hookResult = await hook(this, afterAllHookElement);
-          this.#handleHookResult(hookResult, true, "after");
+        if (this.isCanceled == true) {
+          throw new Error("Test has been cancelled");
         }
+        hookResult = await afterHook(this, afterAllHookElement);
+        this.#handleHookResult(hookResult, true, "after", false);
         afterAllHookElement.part.remove("running");
         afterAllHookElement.classList.remove("running");
       } catch (error) {
-        this.#handleHookResult(hookResult, false, "after", error);
+        this.#handleHookResult(hookResult, false, "after", false, error);
         console.error(error);
+        const requiredAfterHook2 = this.#hooks["requiredafterany" /* RequiredAfterAny */];
+        if (requiredAfterHook2 != null) {
+          let hookResult2;
+          try {
+            const requiredAfterAnyHookElement = this.getElement(`required-after-any-details`);
+            requiredAfterAnyHookElement.classList.add("running");
+            requiredAfterAnyHookElement.part.add("running");
+            if (this.isCanceled == true) {
+              throw new Error("Test has been cancelled");
+            }
+            hookResult2 = await requiredAfterHook2(this, requiredAfterAnyHookElement);
+            this.#handleHookResult(hookResult2, true, "after", true);
+            requiredAfterAnyHookElement.part.remove("running");
+            requiredAfterAnyHookElement.classList.remove("running");
+          } catch (error2) {
+            this.#handleHookResult(hookResult2, false, "after", true, error2);
+            console.error(error2);
+          }
+        }
         this.#continueRunningTests = false;
         this.classList.remove("running");
         this.part.remove("running");
@@ -824,6 +857,26 @@ var CodeTestsElement = class extends HTMLElement {
         return;
       }
     }
+    const requiredAfterHook = this.#hooks["requiredafterany" /* RequiredAfterAny */];
+    if (requiredAfterHook != null) {
+      let hookResult;
+      try {
+        const requiredAfterAnyHookElement = this.getElement(`required-after-any-details`);
+        requiredAfterAnyHookElement.classList.add("running");
+        requiredAfterAnyHookElement.part.add("running");
+        if (this.isCanceled == true) {
+          throw new Error("Test has been cancelled");
+        }
+        hookResult = await requiredAfterHook(this, requiredAfterAnyHookElement);
+        this.#handleHookResult(hookResult, true, "after", true);
+        requiredAfterAnyHookElement.part.remove("running");
+        requiredAfterAnyHookElement.classList.remove("running");
+      } catch (error) {
+        this.#handleHookResult(hookResult, false, "after", true, error);
+        console.error(error);
+        this.#continueRunningTests = false;
+      }
+    }
     const failedTests = this.shadowRoot.querySelectorAll('[success="false"]');
     this.setAttribute("success", failedTests.length == 0 ? "true" : "false");
     this.classList.remove("running");
@@ -853,7 +906,7 @@ var CodeTestsElement = class extends HTMLElement {
     afterAllHookElement.classList.remove("success", "fail");
     afterAllHookElement.part.remove("success", "fail");
   }
-  async #runTest(testId, test) {
+  async #runTest(testId, test, handleRequiredTests = true) {
     const testElement = this.getElement("tests").querySelector(`[data-test-id="${testId}"]`);
     if (testElement == null) {
       this.#addProcessError(`Unable to find test element for test: ${testId}`);
@@ -883,31 +936,70 @@ 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 == 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;
+      if (handleRequiredTests == true) {
+        const requiredBeforeHook = this.#hooks["requiredbeforeany" /* RequiredBeforeAny */];
+        if (requiredBeforeHook != null) {
+          let hookResult;
+          try {
+            const requiredBeforeAnyHookElement = this.getElement(`required-before-any-details`);
+            requiredBeforeAnyHookElement.classList.add("running");
+            requiredBeforeAnyHookElement.part.add("running");
+            if (this.isCanceled == true) {
+              throw new Error("Test has been cancelled");
+            }
+            hookResult = await requiredBeforeHook(this, requiredBeforeAnyHookElement);
+            this.#handleHookResult(hookResult, true, "before", true);
+            requiredBeforeAnyHookElement.part.remove("running");
+            requiredBeforeAnyHookElement.classList.remove("running");
+          } catch (error) {
+            this.#handleHookResult(hookResult, true, "before", true, error);
+            console.error(error);
+            this.#continueRunningTests = false;
+            return;
           }
         }
       }
-      if (this.#isCanceled == true) {
+      if (this.#continueRunningTests == false) {
+        throw new Error("Tests have been disabled from continuing to run.");
+      }
+      if (allowTest == false || this.isCanceled == true) {
+        throw new Error("Test has been cancelled");
+      }
+      const beforeHook = this.#hooks["beforeeach" /* BeforeEach */];
+      if (beforeHook != null) {
+        beforeResult = await beforeHook(this, testElement);
+      }
+      if (this.isCanceled == true) {
         throw new Error("Test has been cancelled");
       }
       testResult = await test(this, testElement);
-      if (this.#isCanceled == true) {
+      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;
+      const afterHook = this.#hooks["aftereach" /* AfterEach */];
+      if (afterHook != null) {
+        afterResult = await afterHook(this, testElement);
+      }
+      if (handleRequiredTests == true) {
+        const requiredAfterHook = this.#hooks["requiredafterany" /* RequiredAfterAny */];
+        if (requiredAfterHook != null) {
+          let hookResult;
+          try {
+            const requiredBeforeAnyHookElement = this.getElement(`required-before-any-details`);
+            requiredBeforeAnyHookElement.classList.add("running");
+            requiredBeforeAnyHookElement.part.add("running");
+            if (this.isCanceled == true) {
+              throw new Error("Test has been cancelled");
+            }
+            hookResult = await requiredAfterHook(this, requiredBeforeAnyHookElement);
+            this.#handleHookResult(hookResult, true, "after", true);
+            requiredBeforeAnyHookElement.part.remove("running");
+            requiredBeforeAnyHookElement.classList.remove("running");
+          } catch (error) {
+            this.#handleHookResult(hookResult, true, "after", true, error);
+            console.error(error);
+            this.#continueRunningTests = false;
+            return;
           }
         }
       }
@@ -965,19 +1057,19 @@ Result:${objectResult.value}`,
       detailsElement.open = true;
     }
   }
-  #handleHookResult(result, finishedTest, beforeOrAfter, error) {
+  #handleHookResult(result, finishedTest, beforeOrAfter, required, error) {
     if (result instanceof HTMLElement) {
-      this.#setHookResult(result, finishedTest, beforeOrAfter);
+      this.#setHookResult(result, finishedTest, beforeOrAfter, required);
     } else {
       let defaultResult;
       if (result == void 0) {
         defaultResult = this.#createDefaultResult(finishedTest == true ? "Hook Ran Successfully" : `Failed${error != null ? `:
 ${error.message}` : ""}`, finishedTest);
-        this.#setHookResult(defaultResult, finishedTest, beforeOrAfter);
+        this.#setHookResult(defaultResult, finishedTest, beforeOrAfter, required);
       } else if (typeof result == "string") {
         defaultResult = this.#createDefaultResult(`${result}${error == null ? "" : `:
 ${error.message}`}`, finishedTest);
-        this.#setHookResult(defaultResult, finishedTest, beforeOrAfter);
+        this.#setHookResult(defaultResult, finishedTest, beforeOrAfter, required);
       } else if (typeof result == "object") {
         const objectResult = result;
         if (objectResult.success != void 0 && objectResult.expected != void 0 && objectResult.value != void 0) {
@@ -987,7 +1079,7 @@ Expected:${objectResult.expected}
 Result:${objectResult.value}`,
             objectResult.success
           );
-          this.#setHookResult(defaultResult, finishedTest, beforeOrAfter);
+          this.#setHookResult(defaultResult, finishedTest, beforeOrAfter, required);
         }
       }
     }
@@ -1080,9 +1172,10 @@ Result:${objectResult.value}`,
     codeElement.appendChild(preElement);
     return codeElement;
   }
-  #setHookResult(valueElement, success, beforeOrAfter) {
-    const detailsElement = this.getElement(`${beforeOrAfter}-all-details`);
-    const resultsElement = this.getElement(`${beforeOrAfter}-all-results`);
+  #setHookResult(valueElement, success, beforeOrAfter, required) {
+    const selector = required == true ? `required-${beforeOrAfter}-any` : `${beforeOrAfter}-all`;
+    const detailsElement = this.getElement(`${selector}-details`);
+    const resultsElement = this.getElement(`${selector}-results`);
     detailsElement.setAttribute("success", success == true ? "true" : "false");
     detailsElement.classList.toggle("success", success);
     detailsElement.part.toggle("success", success);
@@ -1162,13 +1255,10 @@ if (customElements.get(COMPONENT_TAG_NAME) == null) {
   customElements.define(COMPONENT_TAG_NAME, CodeTestsElement);
 }
 export {
-  AFTERALL,
-  AFTEREACH,
-  BEFOREALL,
-  BEFOREEACH,
   CodeTestEventType,
   CodeTests,
   CodeTestsElement,
+  HookType,
   expect,
   prompt
 };