@magnit-ce/code-tests 0.0.1

package/dist/code-tests.min.js

@@ -0,0 +1,396 @@
+var H=`:host
+{
+    /*** gray ***/
+    --uchu-light-gray-raw: 95.57% 0.003 286.35;
+    --uchu-light-gray: oklch(var(--uchu-light-gray-raw));
+
+    --uchu-gray-raw: 84.68% 0.002 197.12;
+    --uchu-gray: oklch(var(--uchu-gray-raw));
+
+    --uchu-dark-gray-raw: 63.12% 0.004 219.55;
+    --uchu-dark-gray: oklch(var(--uchu-dark-gray-raw));
+
+    /*** red ***/
+    --uchu-light-red-raw: 88.98% 0.052 3.28;
+    --uchu-light-red: oklch(var(--uchu-light-red-raw));
+
+    --uchu-dark-red-raw: 45.8% 0.177 17.7;
+    --uchu-dark-red: oklch(var(--uchu-dark-red-raw));
+
+    /*** purple ***/
+    --uchu-light-purple-raw: 89.1% 0.046 305.24;
+    --uchu-light-purple: oklch(var(--uchu-light-purple-raw));
+
+    --uchu-dark-purple-raw: 39.46% 0.164 298.29;
+    --uchu-dark-purple: oklch(var(--uchu-dark-purple-raw));
+
+    /*** blue ***/
+    --uchu-light-blue-raw: 89.66% 0.046 260.67;
+    --uchu-light-blue: oklch(var(--uchu-light-blue-raw));
+
+    --uchu-blue-raw: 62.39% 0.181 258.33;
+    --uchu-blue: oklch(var(--uchu-blue-raw));
+
+    --uchu-dark-blue-raw: 43.48% 0.17 260.2;
+    --uchu-dark-blue: oklch(var(--uchu-dark-blue-raw));
+
+    /*** green ***/
+    --uchu-light-green-raw: 93.96% 0.05 148.74;
+    --uchu-light-green: oklch(var(--uchu-light-green-raw));
+
+    --uchu-green-raw: 79.33% 0.179 145.62;
+    --uchu-green: oklch(var(--uchu-green-raw));
+
+    --uchu-dark-green-raw: 58.83% 0.158 145.05;
+    --uchu-dark-green: oklch(var(--uchu-dark-green-raw));
+
+    /*** general ***/
+    --uchu-yang-raw: 99.4% 0 0;
+    --uchu-yang: oklch(var(--uchu-yang-raw));
+
+    --uchu-yin-raw: 14.38% 0.007 256.88;
+    --uchu-yin: oklch(var(--uchu-yin-raw));
+
+    /*** code-tests vars ***/
+
+    --spacer: calc(1em - 7px);
+    --small-spacer: calc(var(--spacer) / 2);
+
+    --color-success: var(--uchu-green);
+    --color-fail: var(--uchu-red);
+    --color-process: var(--uchu-blue);
+
+    --text-surface: var(--uchu-yin);
+    --text-result: var(--uchu-yang); /* --uchu-yang: #fdfdfd; */
+    --text-collapse-icon: var(--uchu-dark-gray);  /* --uchu-dark-gray: #878a8b; */
+    --text-hook-summary: var(--uchu-dark-purple);
+    --text-success: var(--uchu-dark-green); /* --uchu-dark-green: #2e943a; */
+    --text-fail: var(--uchu-dark-red); /* --uchu-dark-red: #a30d30; */
+    --text-process: var(--uchu-dark-blue); /* --uchu-dark-blue: #0949ac; */
+    --text-button: var(--uchu-yang); /* --uchu-dark-blue: #0949ac; */
+    --text-placeholder: var(--uchu-dark-gray);
+
+    --surface-0: var(--uchu-light-gray);
+    --surface-test: var(--uchu-yang);
+    --surface-test-summary: var(--uchu-gray);
+    --surface-hook-summary: var(--uchu-light-purple);
+    --surface-success: var(--uchu-light-green);
+    --surface-fail: var(--uchu-light-red);
+    --surface-process: var(--uchu-light-blue);
+    --surface-button: var(--uchu-blue); /* --uchu-blue: #3984f2 */
+    --surface-button-hover: var(--uchu-light-blue);
+    --surface-button-active: var(--uchu-dark-blue);
+
+    --border-test: solid 1px var(--uchu-dark-gray);
+    --border-hook: solid 1px var(--uchu-dark-purple);
+    --border-success: solid 1px var(--uchu-dark-green);
+    --border-fail: solid 1px var(--uchu-dark-red);
+    --border-process: solid 1px var(--uchu-dark-blue);
+    --border-button: solid 1px var(--uchu-blue);
+
+    --info-icon: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2022.812714%2022.814663%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20style%3D%22fill%3Atransparent%3Bstroke%3Atransparent%3Bstroke-width%3A0.999999%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A6.3%3Bstroke-dasharray%3Anone%3Bstroke-dashoffset%3A29.2913%3Bstroke-opacity%3A1%22%20d%3D%22M%2022.295505%2C11.407332%20A%2010.889144%2C10.889144%200%200%201%2011.406424%2C22.296479%2010.889144%2C10.889144%200%200%201%200.51720881%2C11.407332%2010.889144%2C10.889144%200%200%201%2011.406424%2C0.51818382%2010.889144%2C10.889144%200%200%201%2022.295505%2C11.407332%20Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22m%2013.945668%2C4.3053761%20c%200.150778%2C-0.96462%20-0.30687%2C-1.43709%20-1.36997%2C-1.43709%20-1.063%2C0%20-1.668452%2C0.47247%20-1.81923%2C1.43709%20-0.150779%2C0.96462%200.306971%2C1.43708%201.369971%2C1.43708%201.004%2C0%201.66845%2C-0.47246%201.819229%2C-1.43708%20z%20M%2011.693889%2C17.829726%2013.373994%2C7.0811161%20h%20-2.9333%20L%208.7605887%2C17.829726%20Z%22%20style%3D%22font-size%3A19.6861px%3Bfont-family%3APassageway%3B-inkscape-font-specification%3APassageway%3Bfill%3A%23a30d30%3Bstroke-width%3A2.5%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A6.3%3Bstroke-dashoffset%3A29.2913%22%20aria-label%3D%22i%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
+
+    --font-text: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+
+    /*** styles ***/
+
+    color-scheme: light dark;
+    display: grid;
+    gap: var(--spacer);
+    background-color: var(--surface-0);
+    color: var(--text-surface); 
+    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
+{
+    display: grid;
+    grid-template-columns: 1fr auto;
+    align-items: center;
+    gap: var(--spacer);
+    border-bottom: solid 2px;
+    padding: var(--spacer);
+    margin-bottom: var(--spacer);
+    user-select: none;
+}
+
+#title
+{
+    font-weight: bold;
+    font-size: 16px;
+}
+
+.hook
+{
+    display: none;
+}
+:host(.has-before-hook) #before-all-details
+,:host(.has-before-hook) #after-all-details
+{
+    display: initial;
+}
+
+#tests
+{
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: grid;
+    grid-auto-rows: max-content;
+    gap: var(--spacer);
+}
+
+summary
+{
+    display: grid;
+    gap: var(--spacer);
+    padding: var(--small-spacer) var(--spacer);
+    align-items: center;
+}
+summary::before
+{
+    content: '';
+    width: 16px;
+    height: 16px;
+    background: url("data:image/svg+xml,%3Csvg%20viewBox%3D'0%200%2020%2020'%20width%3D'14px'%20height%3D'14px'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke-width%3D'0'%3E%3C%2Fg%3E%3Cg%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D'M8.72798%2015.795L3.72798%207.795C3.10356%206.79593%203.82183%205.5%204.99998%205.5L15%205.5C16.1781%205.5%2016.8964%206.79593%2016.272%207.795L11.272%2015.795C10.6845%2016.735%209.31549%2016.735%208.72798%2015.795Z'%20fill%3D'%23878a8b'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+    transform: rotate(-90deg);
+    transition: transform ease-out 200ms;
+}
+[open] > summary::before
+{
+    transform: rotate(0);
+    /* background: var(--surface-test-summary); */
+}
+
+#before-all-summary
+,#after-all-summary
+{
+    background: var(--surface-hook-summary);
+    color: var(--text-hook-summary);
+    grid-template-columns: auto auto 1fr;
+}
+
+.result-icon
+{
+    --size: 24px;
+    width: var(--size);
+    height: var(--size);
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    border: solid 1px currentColor;
+    border-radius: 50%;
+}
+.result-icon::before
+{
+    content: '\u22EF';
+}
+
+.hook
+{
+    border: var(--border-hook);
+}
+
+.test
+,#before-all-details
+,#after-all-details
+{
+    border: var(--border-test);
+    border-radius: 2px;
+}
+
+.test summary
+{
+    background: var(--surface-test-summary);
+    grid-template-columns: auto auto 1fr auto;
+}
+
+.test.running .result-icon
+,.hook.running .result-icon
+{
+    border: var(--border-process);
+    background: var(--surface-process);
+}
+.test.success .result-icon
+,.hook.success .result-icon
+{
+    border: var(--border-success);
+    background: var(--surface-success)
+    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24"><path fill="%232e943a" d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
+    background-repeat: no-repeat;
+    background-position: center;
+}
+.test.fail .result-icon
+,.hook.fail .result-icon
+{
+    border: var(--border-fail);
+    background: var(--surface-fail)
+    var(--info-icon);
+    background-repeat: no-repeat;
+    background-position: center;
+    transform: rotate(175deg);
+}
+.test:is(.success,.fail) .result-icon::before
+,.hook:is(.success,.fail) .result-icon::before
+{
+    display: none;
+}
+.test:is(.running) .result-icon::before
+,.hook:is(.running) .result-icon::before
+{
+    content: '';
+    --size: 18px;
+    --color: var(--text-process);
+    --animation-timing-function: linear;
+    --animation-duration: 2s;
+    width: var(--size);
+    height: var(--size);
+    mask-image: radial-gradient(circle at 50% 50%, transparent calc(var(--size) / 3), black calc(var(--size) / 3));
+    background-image: conic-gradient(transparent, transparent 135deg, var(--color));
+    border-radius: 50%;
+    animation: var(--animation-timing-function) var(--animation-duration) infinite spin;
+    margin: 2px;
+}
+
+.description
+{
+    user-select: none;
+}
+
+.test .result
+,.hook .result
+{
+    background: var(--surface-test);
+    border: var(--border-test);
+    border-radius: 2px;
+    margin: var(--small-spacer);
+}
+
+.test .result:empty::before
+,.results:empty::before
+{
+    content: "[Test has not been run]";
+    font-style: italic;
+    font-size: 11px;
+    color: var(--text-placeholder);
+}
+.results:empty::before
+{
+    content: "[Tests have not been run]";
+}
+.before-result:empty
+,.after-result:empty
+{
+    display: none;
+}
+
+.test .result
+,.results
+,.before-result
+,.after-result
+{
+    padding: var(--small-spacer) var(--spacer);
+}
+
+pre
+{
+    margin: var(--small-spacer);
+}
+
+.run
+{
+    width: auto;
+    min-width: auto;
+    max-width: auto;
+    appearance: none;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    padding: 3px 10px 3px 7px;
+    font-size: 11px;
+    gap: var(--small-spacer);
+    border: var(--border-button);
+    background: var(--surface-button);
+    border-radius: 4px;
+    text-shadow: 1px 1px rgb(0 0 0 / .2);
+    color: var(--text-button);
+}
+.run:hover
+{
+    background: oklch(68.39% 0.181 258.33);
+}
+.run:active
+{
+    background: oklch(50.39% 0.181 258.33);
+}
+.run::before
+{
+    content: '';
+    display: block;
+    width: 16px;
+    height: 16px;
+    transform: rotate(-90deg);
+    background: 
+    url("data:image/svg+xml,%3Csvg%20viewBox%3D'0%200%2020%2020'%20width%3D'16px'%20height%3D'16px'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke-width%3D'0'%3E%3C%2Fg%3E%3Cg%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D'M8.72798%2015.795L3.72798%207.795C3.10356%206.79593%203.82183%205.5%204.99998%205.5L15%205.5C16.1781%205.5%2016.8964%206.79593%2016.272%207.795L11.272%2015.795C10.6845%2016.735%209.31549%2016.735%208.72798%2015.795Z'%20fill%3D'%23fdfdfd'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+
+
+
+@keyframes spin
+{
+    from { transform: rotate(0deg); }
+    to { transform: rotate(360deg); }
+}`;var F=`<slot name="header">
+    <header id="header">
+        <span id="title"><slot name="title"><span id="title-text">Tests</span></slot></span>
+        <slot name="play-button">
+            <button type="button" class="run" data-all>
+                <slot name="play-button-label">
+                    <span id="play-button-label" class="button-label label icon">Run Tests</span>
+                </slot>
+            </button>
+        </slot>
+        <slot name="details"></slot>
+    </header>
+</slot>
+<details id="before-all-details" class="hook">
+    <summary id="before-all-summary">
+        <span id="before-all-result-icon" class="result-icon"></span>
+        <span id="before-all-description" class="description">Results from Before All Hook</span>
+    </summary>
+    <div id="before-all-results" class="results"></div>
+</details>
+<ul id="tests"></ul>
+<details id="after-all-details" class="hook">
+    <summary id="after-all-summary">
+        <span id="after-all-result-icon" class="result-icon"></span>
+        <span id="after-all-description" class="description">Results from After All Hook</span>
+    </summary>
+    <div id="after-all-results" class="results"></div>
+</details>`;var w=class extends Promise{async toBeDefined(e){if(await this==null)throw new Error(`${e??"Value"} is undefined`)}async toBe(e,s=!1){let t=await this;if((s==!0?t===e:t==e)==!1)throw new Error(`  Value is not equal.
+  Expected: ${e}
+  Result: ${t}`)}async toContainText(e){let s=await this}async toHaveAttribute(e){let s=await this;if(!(s instanceof HTMLElement))throw new Error("Unable to check for attribute on non-HTMLElement target");if(s.getAttribute(e))throw new Error("Taret does not have attribute")}},b=Symbol("beforeAll"),y=Symbol("beforeEach"),E=Symbol("afterAll"),k=Symbol("afterEach"),R=class{static timeoutMS=500;static#e;static#h;static expect(e){return new w(async(t,a)=>{if(e instanceof Promise){let r=await e;t(r);return}t(e)})}static expectSync(e){return new w(async(t,a)=>{if(e instanceof Promise){let r=await e;t(r);return}t(e)})}static expectBefore(e){return new w(async(t,a)=>{if(e instanceof Promise){let r=await e;t(r);return}t(e)})}};function P(m){return R.expect(m)}var M=Symbol("No Test Defined"),D=new CSSStyleSheet;D.replaceSync(H);var S="code-tests",A=class extends HTMLElement{componentParts=new Map;getElement(e){if(this.componentParts.get(e)==null){let s=this.findElement(e);s!=null&&this.componentParts.set(e,s)}return this.componentParts.get(e)}findElement(e){return this.shadowRoot.getElementById(e)}#e=new Map;#h={[b]:x(),[y]:x(),[k]:x(),[E]:x()};#t=!0;constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=F,this.shadowRoot.adoptedStyleSheets.push(D),this.#u=this.#f.bind(this)}connectedCallback(){this.addEventListener("click",this.#u);let e=this.getAttribute("src")??this.getAttribute("test")??this.getAttribute("tests")??this.getAttribute("run")??this.getAttribute("path");e!=null&&this.loadTests(e)}disconnectedCallback(){this.removeEventListener("click",this.#u)}#u;#f(e){let s=e.composedPath().find(n=>n instanceof HTMLButtonElement&&n.classList.contains("run"));if(s==null)return;let t=s.closest("li");if(t==null){s.hasAttribute("data-all")==!0&&this.runTests();return}let a=t.dataset.testId;if(a==null)return;let r=this.#r.get(a);r!=null&&this.#c(a,r)}async loadTests(e){this.classList.remove("has-before-hook"),this.classList.remove("has-after-hook");try{let s=window.location.href.lastIndexOf("/"),a=window.location.href.substring(s).indexOf(".")!=-1==!0?window.location.href.substring(0,s+1):window.location.href,r=a+e.substring(0,e.lastIndexOf("/")+1),n=a+e,o=await(await fetch(n)).text();o=o.replaceAll(/['"`](((\.\/)|(\.\.\/))+(.*))['"`]/g,`'${r}$1'`);let l=new File([o],e.substring(e.lastIndexOf("/")),{type:"text/javascript"}),u=await import(URL.createObjectURL(l)),d=u.tests??u.default;if(d==null)throw new Error(`Unable to find tests definition in file at path: ${e}`);let p=d[b];if(p!=null){if(this.#e.get(b)==null){let c=new Map;c.set(p,new Set),this.#e.set(b,c)}this.classList.add("has-before-hook")}let g=d[y];if(g!=null&&this.#e.get(y)==null){let c=new Map;c.set(g,new Set),this.#e.set(y,c)}let T=d[E];if(T!=null){if(this.#e.get(E)==null){let c=new Map;c.set(T,new Set),this.#e.set(E,c)}this.classList.add("has-after-hook")}let L=d[k];if(L!=null&&this.#e.get(k)==null){let c=new Map;c.set(L,new Set),this.#e.set(k,c)}for(let[v,c]of Object.entries(d)){let C=this.#g(v,c);if(p!=null){let h=this.#e.get(b);if(h!=null){let f=h.get(p);f?.add(C)}}if(g!=null){let h=this.#e.get(y);if(h!=null){let f=h.get(g);f?.add(C)}}if(T!=null){let h=this.#e.get(E);if(h!=null){let f=h.get(T);f?.add(C)}}if(L!=null){let h=this.#e.get(k);if(h!=null){let f=h.get(L);f?.add(C)}}}}catch(s){this.#i("An error occurred while loading the tasks:",s)}}async runTests(){this.#t=!0,this.classList.add("running"),this.toggleAttribute("success",!1),this.#p();let e=this.hasAttribute("in-order"),s=this.#e.get(b);if(s!=null){let r;try{let n=this.getElement("before-all-details");n.toggleAttribute("success",!1),n.classList.add("running"),n.part.add("running"),n.classList.remove("success","fail"),n.part.remove("success","fail");for(let[o,l]of s)r=await o(),this.#n(r,!0,"before");n.part.remove("running")}catch(n){this.#n(r,!1,"before",n),console.error(n),this.#t=!1;return}}if(e==!1){let r=[];for(let[n,o]of this.#r)r.push(this.#c(n,o));await Promise.all(r)}else for(let[r,n]of this.#r){if(this.#t==!1)break;await this.#c(r,n)}if(this.#t==!1)return;let t=this.#e.get(E);if(t!=null){let r;try{let n=this.getElement("after-all-details");n.toggleAttribute("success",!1),n.classList.add("running"),n.part.add("running"),n.classList.remove("success","fail"),n.part.remove("success","fail");for(let[o,l]of t)r=await o(),this.#n(r,!0,"after");n.part.remove("running")}catch(n){this.#n(r,!1,"after",n),console.error(n),this.#t=!1;return}}let a=this.shadowRoot.querySelectorAll('[success="false"]');this.setAttribute("success",a.length==0?"true":"false"),this.classList.remove("running")}#p(){for(let[e,s]of this.#r){let t=this.getElement("tests").querySelector(`[data-test-id="${e}"]`);if(t==null){this.#i(`Unable to find test element for test: ${e}`);return}t.toggleAttribute("success",!1),t.classList.remove("success","fail"),t.part.remove("success","fail")}}async#c(e,s){let t=this.getElement("tests").querySelector(`[data-test-id="${e}"]`);if(t==null){this.#i(`Unable to find test element for test: ${e}`);return}t.toggleAttribute("success",!1),t.classList.add("running"),t.part.add("running"),t.classList.remove("success","fail"),t.part.remove("success","fail");let a=t.querySelector(".error-message");a!=null&&(a.textContent="");let r=t.querySelector("details");r!=null&&(r.open=!1);let n=M,o,l=M,i;try{let u=this.#e.get(y);if(u!=null){for(let[p,g]of u)if(g.has(e)){n=await p();break}}o=await s();let d=this.#e.get(k);if(d!=null){for(let[p,g]of d)if(g.has(e)){l=await p();break}}i="before",n!=M&&this.#a(t,n,!0,void 0,i),i=void 0,this.#a(t,o,!0,void 0,i),i="after",l!=M&&this.#a(t,l,!0,void 0,i)}catch(u){this.#a(t,o,!1,u,i),console.error(u),this.#t=!1}finally{t?.classList.remove("running")}}#a(e,s,t,a,r){if(s instanceof HTMLElement)this.#o(e,s,t,r);else if(s==null){let o=r==null?"Passed":"Hook Ran Successfully",l=this.#s(t==!0?`${o}`:`Failed${a!=null?`:
+${a.message}`:""}`,t,r);this.#o(e,l,t,r)}else if(typeof s=="string"){let o=this.#s(`${s}${a==null?"":`:
+${a.message}`}`,t,r);this.#o(e,o,t,r)}else if(typeof s=="object"){let o=s;if(o.success!=null&&o.expected!=null&&o.value!=null){let l=r==null?"Passed":"Success",i=r==null?"Failed":"Fail",u=this.#s(`${o.success==!0?`${l}:`:`${i}:`}
+Expected:${o.expected}
+Result:${o.value}`,o.success,r);this.#o(e,u,t,r)}}let n=e.querySelector("details");n!=null&&(n.open=!0)}#n(e,s,t,a){if(e instanceof HTMLElement)this.#l(e,s,t);else{let n;if(e==null)n=this.#s(s==!0?"Hook Ran Successfully":`Failed${a!=null?`:
+${a.message}`:""}`,s),this.#l(n,s,t);else if(typeof e=="string")n=this.#s(`${e}${a==null?"":`:
+${a.message}`}`,s),this.#l(n,s,t);else if(typeof e=="object"){let o=e;o.success!=null&&o.expected!=null&&o.value!=null&&(n=this.#s(`${o.success==!0?"Success:":"Fail:"}
+Expected:${o.expected}
+Result:${o.value}`,o.success),this.#l(n,s,t))}}let r=this.getElement(`${t}-all-details`);r!=null&&(r.open=!0)}static create(e){let s=document.createElement("code-tests");return console.log(e),s}#r=new Map;#g(e,s){let t=x();this.#r.set(t,s);let a=this.#m(t,e);return this.getElement("tests").append(a),t}#m(e,s){let t=document.createElement("li");t.dataset.testId=e,t.classList.add("test");let a=document.createElement("details");a.classList.add("test-details");let r=document.createElement("summary");r.classList.add("test-summary");let n=document.createElement("div");n.classList.add("result-icon"),r.append(n);let o=document.createElement("span");o.classList.add("description","test-description"),o.textContent=s,r.append(o);let l=document.createElement("button");l.classList.add("run","test-run"),l.textContent="Run Test",l.title="Run Test",r.append(l);let i=document.createElement("div");i.classList.add("before-result","test-before-result");let u=document.createElement("div");u.classList.add("result","test-result");let d=document.createElement("div");return d.classList.add("after-result","test-after-result"),a.append(r),a.append(i),a.append(u),a.append(d),t.append(a),t}#o(e,s,t,a){e.setAttribute("success",t==!0?"true":"false"),e.classList.toggle("success",t),e.part.toggle("success",t),e.classList.toggle("fail",!t),e.part.toggle("fail",!t);let r=e.querySelector(`.${a==null?"result":a=="before"?"before-result":"after-result"}`);if(r==null){this.#i("Unable to find result element");return}r.innerHTML="",r.appendChild(s)}#s(e,s,t){let a=document.createElement("code"),r=document.createElement("pre");return r.textContent=e,r.classList.add(s==!0?"success-message":"error-message"),a.appendChild(r),a}#l(e,s,t){let a=this.getElement(`${t}-all-details`),r=this.getElement(`${t}-all-results`);a.setAttribute("success",s==!0?"true":"false"),a.classList.toggle("success",s),a.part.toggle("success",s),a.classList.toggle("fail",!s),a.part.toggle("fail",!s),r.innerHTML="",r.appendChild(e)}#i(e,s){s instanceof Error&&(e+=`
+${s.message}`,console.error(s));let t=document.createElement("li"),a=document.createElement("code"),r=document.createElement("pre");r.textContent=e,a.append(r),t.append(a),this.getElement("tests").append(t)}#d(e){if(e=="ordered"){let s=this.shadowRoot.querySelector("ul");if(s==null)return;let t=this.shadowRoot?.querySelectorAll("li"),a=document.createElement("ol");t!=null&&a.append(...t),a.id="tests",s.replaceWith(a)}else{let s=this.shadowRoot.querySelector("ol");if(s==null)return;let t=this.shadowRoot?.querySelectorAll("li"),a=document.createElement("ul");a.id="tests",t!=null&&a.append(...t),s.replaceWith(a)}}static observedAttributes=["in-order"];attributeChangedCallback(e,s,t){e=="in-order"&&(t==null?this.#d("unordered"):this.#d("ordered"))}};function x(){let m=new Uint8Array(20);crypto.getRandomValues(m);let e=[].slice.apply(m).map(function(t){return String.fromCharCode(t)}).join("");return btoa(e).replace(/\//g,"_").replace(/\+/g,"-").replace(/=/g,"")}customElements.get(S)==null&&customElements.define(S,A);export{E as AFTERALL,k as AFTEREACH,b as BEFOREALL,y as BEFOREEACH,R as CodeTests,A as CodeTestsElement,P as expect};

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@magnit-ce/code-tests",
+  "version": "0.0.1",
+  "description": "A custom html element that provides a selection gallery as a dialog, to mimic an os-native file browser.",
+  "type": "module",
+  "main": "dist/code-tests.js",
+  "module": "dist/code-tests.mjs",
+  "types": "dist/code-tests.d.ts",
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "custom",
+    "element",
+    "html",
+    "browser",
+    "test",
+    "unit",
+    "functional",
+    "automated",
+    "esm"
+  ],
+  "author": "catapart",
+  "license": "CC0-1.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/catapart/magnitce-code-tests"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.27.7",
+    "changesets": "^1.0.2",
+    "minify": "^11.4.0",
+    "terser": "^5.31.3",
+    "tsup": "^8.2.0",
+    "typescript": "^5.5.3"
+  },
+  "scripts": {
+    "build": "tsup src/code-tests.ts --format cjs,esm --dts --clean",
+    "minify": "tsup src/code-tests.ts --format esm --config ./tsup.config.min.ts --outDir ./dist --minify",
+    "lint": "tsup src/code-tests.ts --format esm --tsconfig ./tsconfig.lint.json",
+    "package": "npm run build && npm run minify",
+    "release": "npm run package && changeset publish"
+  }
+}