@epa-wg/custom-element-dist 0.0.22 → 0.0.24

package/coverage/src/stories/form.test.stories.ts.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">31.11% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>45/45</span>
+                <span class='fraction'>14/45</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>1/1</span>
+                <span class='fraction'>3/3</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">28.57% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>7/7</span>
+                <span class='fraction'>2/7</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">29.54% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>44/44</span>
+                <span class='fraction'>13/44</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line high'></div>
+    <div class='status-line low'></div>
     <pre><table class="coverage">
 <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
 <a name='L2'></a><a href='#L2'>2</a>
@@ -253,8 +253,7 @@
 <a name='L188'></a><a href='#L188'>188</a>
 <a name='L189'></a><a href='#L189'>189</a>
 <a name='L190'></a><a href='#L190'>190</a>
-<a name='L191'></a><a href='#L191'>191</a>
-<a name='L192'></a><a href='#L192'>192</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L191'></a><a href='#L191'>191</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -302,16 +301,16 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -336,16 +335,16 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -369,10 +368,10 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -396,11 +395,11 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -425,12 +424,12 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -440,7 +439,6 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -491,18 +489,18 @@ export const SystemMessage:Story =
         &lt;/template&gt;
     &lt;/custom-element&gt;
 `}
-,   play: async ({canvasElement}) =&gt;
+,   play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
     {
-        const titleText = SystemMessage.args!.title as string;
-        const canvas = within(canvasElement);
+        const titleText = <span class="cstat-no" title="statement not covered" >SystemMessage.args!.title as string;</span>
+        const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
 &nbsp;
-        await expect( canvas.queryByTestId('validation-msg')).toBeNull();
-        const input = await canvas.findByTestId('input-1');
-        input.focus();
-        await userEvent.keyboard('abc');
+<span class="cstat-no" title="statement not covered" >        await expect( canvas.queryByTestId('validation-msg')).toBeNull();</span>
+        const input = <span class="cstat-no" title="statement not covered" >await canvas.findByTestId('input-1');</span>
+<span class="cstat-no" title="statement not covered" >        input.focus();</span>
+<span class="cstat-no" title="statement not covered" >        await userEvent.keyboard('abc');</span>
 &nbsp;
-        await userEvent.clear(input);
-        await expect( canvas.queryByTestId('validation-msg')).toBeInTheDocument();
+<span class="cstat-no" title="statement not covered" >        await userEvent.clear(input);</span>
+<span class="cstat-no" title="statement not covered" >        await expect( canvas.queryByTestId('validation-msg')).toBeInTheDocument();</span>
     },
 };
 &nbsp;
@@ -525,18 +523,18 @@ export const FormData:Story =
         &lt;/template&gt;
     &lt;/custom-element&gt;
 `}
-,   play: async ({canvasElement}) =&gt;
+,   play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
     {
-        const canvas = within(canvasElement);
-        await userEvent.type(canvas.getByTestId('input-1'), 'ABC');
-        await userEvent.click(canvas.getByRole('button'));
-        await expect( await canvas.findByText('ABC')).toBeInTheDocument();
-        await userEvent.type(canvas.getByTestId('input-2'), 'DCE');
-        await userEvent.click(canvas.getByRole('button'));
-        await expect( await canvas.findByText('DCE')).toBeInTheDocument();
-        await userEvent.type(canvas.getByTestId('input-3'), 'XYZ');
-        canvas.getByTestId('input-1').focus();
-        await expect( await canvas.findByText('XYZ')).toBeInTheDocument();
+        const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
+<span class="cstat-no" title="statement not covered" >        await userEvent.type(canvas.getByTestId('input-1'), 'ABC');</span>
+<span class="cstat-no" title="statement not covered" >        await userEvent.click(canvas.getByRole('button'));</span>
+<span class="cstat-no" title="statement not covered" >        await expect( await canvas.findByText('ABC')).toBeInTheDocument();</span>
+<span class="cstat-no" title="statement not covered" >        await userEvent.type(canvas.getByTestId('input-2'), 'DCE');</span>
+<span class="cstat-no" title="statement not covered" >        await userEvent.click(canvas.getByRole('button'));</span>
+<span class="cstat-no" title="statement not covered" >        await expect( await canvas.findByText('DCE')).toBeInTheDocument();</span>
+<span class="cstat-no" title="statement not covered" >        await userEvent.type(canvas.getByTestId('input-3'), 'XYZ');</span>
+<span class="cstat-no" title="statement not covered" >        canvas.getByTestId('input-1').focus();</span>
+<span class="cstat-no" title="statement not covered" >        await expect( await canvas.findByText('XYZ')).toBeInTheDocument();</span>
     },
 };
 export const SetValidityMessage:Story =
@@ -558,12 +556,12 @@ export const SetValidityMessage:Story =
         &lt;/template&gt;
     &lt;/custom-element&gt;
 `}
-,   play: async ({canvasElement}) =&gt;
+,   play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
     {
-        const canvas = within(canvasElement);
-        await userEvent.type(canvas.getByTestId('input-1'), 'ABC');
-        await expect( canvas.getByText('ABC')).toBeInTheDocument();
-        await expect( canvas.getByText('char count 3')).toBeInTheDocument();
+        const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
+<span class="cstat-no" title="statement not covered" >        await userEvent.type(canvas.getByTestId('input-1'), 'ABC');</span>
+<span class="cstat-no" title="statement not covered" >        await expect( canvas.getByText('ABC')).toBeInTheDocument();</span>
+<span class="cstat-no" title="statement not covered" >        await expect( canvas.getByText('char count 3')).toBeInTheDocument();</span>
     },
 };
 &nbsp;
@@ -585,13 +583,13 @@ export const FormCustomValidityBoolean:Story =
         &lt;/template&gt;
     &lt;/custom-element&gt;
 `}
-,   play: async ({canvasElement}) =&gt;
+,   play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
     {
-        const canvas = within(canvasElement);
-        await userEvent.type(canvas.getByTestId('input-1'), 'AB');
-        await userEvent.click(canvas.getByRole('button'));
+        const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
+<span class="cstat-no" title="statement not covered" >        await userEvent.type(canvas.getByTestId('input-1'), 'AB');</span>
+<span class="cstat-no" title="statement not covered" >        await userEvent.click(canvas.getByRole('button'));</span>
 &nbsp;
-        await expect( canvas.getByText('AB')).toBeInTheDocument(); // i.e. not reloaded by form submit
+<span class="cstat-no" title="statement not covered" >        await expect( canvas.getByText('AB')).toBeInTheDocument(); // i.e. not reloaded by form submit</span>
     },
 };
 export const FormCustomValidityString:Story =
@@ -614,27 +612,26 @@ export const FormCustomValidityString:Story =
         &lt;/template&gt;
     &lt;/custom-element&gt;
 `}
-,   play: async ({canvasElement}) =&gt;
+,   play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
     {
-        const canvas = within(canvasElement);
-        await userEvent.type(canvas.getByTestId('input-1'), 'AB');
-        await userEvent.click(canvas.getByRole('button'));
+        const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
+<span class="cstat-no" title="statement not covered" >        await userEvent.type(canvas.getByTestId('input-1'), 'AB');</span>
+<span class="cstat-no" title="statement not covered" >        await userEvent.click(canvas.getByRole('button'));</span>
 &nbsp;
-        await expect( canvas.getByText('AB')).toBeInTheDocument(); // i.e. not reloaded by form submit
-        await expect( canvas.getByText('should be more than 3 characters, now is 2')).toBeInTheDocument();
+<span class="cstat-no" title="statement not covered" >        await expect( canvas.getByText('AB')).toBeInTheDocument(); // i.e. not reloaded by form submit</span>
+<span class="cstat-no" title="statement not covered" >        await expect( canvas.getByText('should be more than 3 characters, now is 2')).toBeInTheDocument();</span>
     },
 };
 // custom validity rules on form : boolean and string values
 &nbsp;
-&nbsp;
-const TestStories = { SystemMessage, FormData, SetValidityMessage, FormCustomValidityBoolean, FormCustomValidityString};
-&nbsp;
 /* istanbul ignore else -- @preserve */
-if( 'test' === import.meta.env.MODE )
+if(  'test' === import.meta.env.MODE &amp;&amp;
+    !import.meta.url.includes('skiptest') )
 {
-    const {playStories} = await  import('./renderPlay');
-    const {describe} = await import('vitest')
-    describe('slots', () =&gt; playStories( TestStories, meta ) );
+    const mod = await import('./form.test.stories.ts?skiptest');
+    const { testStoryBook } = await import('./testStoryBook')
+    const { describe } = await import('vitest')
+    describe(meta.title, () =&gt; testStoryBook( mod, meta ) );
 }
 &nbsp;</pre></td></tr></table></pre>
 
@@ -643,7 +640,7 @@ if( 'test' === import.meta.env.MODE )
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-06-25T03:55:40.964Z
+                at 2024-07-22T03:09:38.362Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/stories/http-request.stories.ts.html

@@ -802,7 +802,7 @@ from <code>${url}</code>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-06-25T03:55:40.964Z
+                at 2024-07-22T03:09:38.362Z
             </div>
         <script src="../../prettify.js"></script>
         <script>