@epa-wg/custom-element-dist 0.0.26 → 0.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.storybook/main.ts +2 -2
- package/.storybook/preview.ts +1 -1
- package/README.md +4 -4
- package/bin/vitest/vitest-browser-importmaps.mjs +20 -20
- package/coverage/coverage-final.json +22 -22
- package/coverage/index.html +26 -26
- package/coverage/src/custom-element/coverage.svg +1 -1
- package/coverage/src/custom-element/custom-element.js/coverage.svg +1 -1
- package/coverage/src/custom-element/custom-element.js.html +662 -380
- package/coverage/src/custom-element/demo/index.html +1 -1
- package/coverage/src/custom-element/demo/z.js.html +1 -1
- package/coverage/src/custom-element/http-request.js.html +12 -12
- package/coverage/src/custom-element/index.html +21 -21
- package/coverage/src/custom-element/local-storage.js.html +78 -63
- package/coverage/src/custom-element/location-element.js.html +4 -4
- package/coverage/src/custom-element/module-url.js/coverage.svg +1 -1
- package/coverage/src/custom-element/module-url.js.html +16 -10
- package/coverage/src/index.html +1 -1
- package/coverage/src/mocks/handlers.ts.html +1 -1
- package/coverage/src/mocks/index.html +1 -1
- package/coverage/src/stories/attributes.test.stories.ts.html +17 -11
- package/coverage/src/stories/coverage.svg +1 -1
- package/coverage/src/stories/css.test.stories.ts.html +8 -2
- package/coverage/src/stories/dom-merge.test.stories.ts.html +17 -11
- package/coverage/src/stories/external-template.test.stories.ts.html +13 -10
- package/coverage/src/stories/form.test.stories.ts.html +8 -2
- package/coverage/src/stories/http-request.stories.ts.html +1 -1
- package/coverage/src/stories/index.html +26 -26
- package/coverage/src/stories/local-storage.test.stories.ts/coverage.svg +1 -1
- package/coverage/src/stories/local-storage.test.stories.ts.html +106 -76
- package/coverage/src/stories/location-element.test.stories.ts.html +8 -2
- package/coverage/src/stories/module-url.test.stories.ts.html +8 -2
- package/coverage/src/stories/set-url.test.stories.ts.html +8 -2
- package/coverage/src/stories/slice-events.test.stories.ts.html +8 -2
- package/coverage/src/stories/slots.test.stories.ts.html +8 -2
- package/coverage/src/stories/testStoryBook.ts.html +12 -12
- package/coverage/src/stories/version-select.test.stories.ts.html +8 -2
- package/coverage/src/sum.ts.html +1 -1
- package/dist/custom-element-BOIPgtxz.js +565 -0
- package/dist/custom-element-CUsSENWc.cjs +97 -0
- package/dist/custom-element-bundle.cjs +1 -1
- package/dist/custom-element-bundle.js +25 -21
- package/dist/demo/a.svg +27 -0
- package/dist/demo/demo.css +6 -7
- package/dist/demo/external-template.html +3 -3
- package/dist/demo/npm-versions-demo.html +21 -8
- package/dist/demo/npm-versions.html +54 -25
- package/dist/demo/s.xml +11 -21
- package/dist/demo/s.xslt +16 -74
- package/dist/demo/s1.xslt +59 -59
- package/dist/demo/ss.html +24 -57
- package/dist/demo/z.html +33 -62
- package/dist/demo/z.xml +59 -59
- package/dist/demo/z1.html +34 -0
- package/dist/local-storage-78EivJ_B.cjs +1 -0
- package/dist/local-storage-DzmNKzgN.js +66 -0
- package/dist/mockServiceWorker.js +1 -1
- package/package.json +27 -25
- package/public/demo/a.svg +27 -0
- package/public/demo/demo.css +6 -7
- package/public/demo/external-template.html +3 -3
- package/public/demo/npm-versions-demo.html +21 -8
- package/public/demo/npm-versions.html +54 -25
- package/public/demo/s.xml +11 -21
- package/public/demo/s.xslt +16 -74
- package/public/demo/s1.xslt +59 -59
- package/public/demo/ss.html +24 -57
- package/public/demo/z.html +33 -62
- package/public/demo/z.xml +59 -59
- package/public/demo/z1.html +34 -0
- package/public/mockServiceWorker.js +1 -1
- package/src/custom-element/custom-element.js +123 -29
- package/src/custom-element/demo/a.svg +27 -0
- package/src/custom-element/demo/demo.css +6 -7
- package/src/custom-element/demo/external-template.html +3 -3
- package/src/custom-element/demo/npm-versions-demo.html +21 -8
- package/src/custom-element/demo/npm-versions.html +54 -25
- package/src/custom-element/demo/s.xml +11 -21
- package/src/custom-element/demo/s.xslt +16 -74
- package/src/custom-element/demo/s1.xslt +59 -59
- package/src/custom-element/demo/ss.html +24 -57
- package/src/custom-element/demo/z.html +33 -62
- package/src/custom-element/demo/z.xml +59 -59
- package/src/custom-element/demo/z1.html +34 -0
- package/src/custom-element/ide/web-types-dce.json +1 -1
- package/src/custom-element/ide/web-types-xsl.json +1 -1
- package/src/custom-element/index.html +19 -2
- package/src/custom-element/local-storage.js +19 -14
- package/src/custom-element/module-url.js +3 -2
- package/src/dce-social-preview.png +0 -0
- package/src/material/angular.css +987 -0
- package/src/material/components/autocomplete.html +241 -0
- package/src/material/components/dropdown.html +115 -0
- package/src/material/components/menu.html +235 -0
- package/src/material/components.html +109 -0
- package/src/material/demo.css +31 -0
- package/src/material/index.html +169 -0
- package/src/material/material.css +357 -0
- package/src/material/theme/README.md +18 -0
- package/src/material/theme/semantic.css +112 -0
- package/src/mocks/versions.mock.ts +8 -8
- package/src/stories/__screenshots__/http-request.test.ts/http-request-url-change-1.png +0 -0
- package/src/stories/attributes.test.stories.ts +6 -4
- package/src/stories/css.test.stories.ts +2 -0
- package/src/stories/dom-merge.test.stories.ts +11 -9
- package/src/stories/external-template.test.stories.ts +4 -3
- package/src/stories/form.test.stories.ts +2 -0
- package/src/stories/local-storage.test.stories.ts +63 -53
- package/src/stories/location-element.test.stories.ts +2 -0
- package/src/stories/module-url.test.stories.ts +2 -0
- package/src/stories/set-url.test.stories.ts +2 -0
- package/src/stories/slice-events.test.stories.ts +2 -0
- package/src/stories/slots.test.stories.ts +2 -0
- package/src/stories/version-select.test.stories.ts +2 -0
- package/src/sum.test.ts +5 -5
- package/src/sum.ts +3 -3
- package/storybook-static/assets/Color-ERTF36HU-ChyYtq0t.js +1 -0
- package/storybook-static/assets/Configure-CJVwFVjC.js +165 -0
- package/storybook-static/assets/DocsRenderer-CFRXHY34-Bz6q-OqD.js +2 -0
- package/storybook-static/assets/{attributes.test.stories-DIQXccHc.js → attributes.test.stories-BJBuuXgZ.js} +13 -14
- package/storybook-static/assets/{css.test.stories-BV2hi4CY.js → css.test.stories-pgbBc17d.js} +1 -1
- package/storybook-static/assets/custom-element-BDGsYgbP.js +97 -0
- package/storybook-static/assets/{dom-merge.test.stories-Dws0C2-g.js → dom-merge.test.stories-CXcYP_-J.js} +26 -24
- package/storybook-static/assets/entry-preview-C313OLrj.js +26 -0
- package/storybook-static/assets/{entry-preview-docs-BMKNVQXA.js → entry-preview-docs-B7ORr9w5.js} +2 -2
- package/storybook-static/assets/{external-template.test.stories-BHO48b0j.js → external-template.test.stories-CpJ68Ghy.js} +19 -20
- package/storybook-static/assets/{form.test.stories-dv9mwp24.js → form.test.stories-D35lyqd8.js} +2 -2
- package/storybook-static/assets/{handlers-CaCq2ZPF.js → handlers-B-OZtf2K.js} +13 -13
- package/storybook-static/assets/{http-request.stories-B2ke7LtS.js → http-request.stories-DccXgHyF.js} +6 -6
- package/storybook-static/assets/iframe-Ddc_axoC.js +2 -0
- package/storybook-static/assets/index-BSz1w4Gl.js +234 -0
- package/storybook-static/assets/index-BdcJ-iJ7.js +8 -0
- package/storybook-static/assets/index-CiCdFubk.js +634 -0
- package/storybook-static/assets/{index-Dz4OaB2k.js → index-f2MAjm2i.js} +1 -1
- package/storybook-static/assets/index-lY6s0fkU.js +1 -0
- package/storybook-static/assets/index-tfEkrhWr.js +1 -0
- package/storybook-static/assets/local-storage.test.stories-BY-PWhuk.js +420 -0
- package/storybook-static/assets/{location-element.test.stories-BiFvBop7.js → location-element.test.stories-3auBYEaU.js} +3 -3
- package/storybook-static/assets/{module-url.test.stories-BXoM34tX.js → module-url.test.stories-B7L9cL60.js} +6 -6
- package/storybook-static/assets/{preview-0Jj89qip.js → preview-BRPR-UXC.js} +1 -1
- package/storybook-static/assets/preview-BUQm51_C.js +52 -0
- package/storybook-static/assets/{preview-DB9FwMii.js → preview-BWzBA1C2.js} +1 -1
- package/storybook-static/assets/preview-BhhEZcNS.js +1 -0
- package/storybook-static/assets/preview-CcS4DQh8.js +1 -0
- package/storybook-static/assets/{preview-Cg7hXPRq.js → preview-CfH4_OzN.js} +2 -2
- package/storybook-static/assets/{preview-FpHGYA1q.js → preview-DHPc-V4N.js} +1 -1
- package/storybook-static/assets/preview-DYzi3Z2p.js +1 -0
- package/storybook-static/assets/{preview-4Up_z4Em.js → preview-caVMbCIR.js} +2 -2
- package/storybook-static/assets/preview-ncvtW_hb.js +34 -0
- package/storybook-static/assets/{set-url.test.stories-Cg5Z0r7x.js → set-url.test.stories-CuSuDLIx.js} +3 -3
- package/storybook-static/assets/{slice-events.test.stories-D_ttGp3g.js → slice-events.test.stories-BkRKsKem.js} +4 -4
- package/storybook-static/assets/{slots.test.stories-DBNXOm0T.js → slots.test.stories-BJCUWFkE.js} +8 -8
- package/storybook-static/assets/{version-select.test.stories-CgV3UCim.js → version-select.test.stories-B3ybJn_Z.js} +2 -2
- package/storybook-static/demo/a.svg +27 -0
- package/storybook-static/demo/demo.css +6 -7
- package/storybook-static/demo/external-template.html +3 -3
- package/storybook-static/demo/npm-versions-demo.html +21 -8
- package/storybook-static/demo/npm-versions.html +54 -25
- package/storybook-static/demo/s.xml +11 -21
- package/storybook-static/demo/s.xslt +16 -74
- package/storybook-static/demo/s1.xslt +59 -59
- package/storybook-static/demo/ss.html +24 -57
- package/storybook-static/demo/z.html +33 -62
- package/storybook-static/demo/z.xml +59 -59
- package/storybook-static/demo/z1.html +34 -0
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/index.html +3 -7
- package/storybook-static/mockServiceWorker.js +1 -1
- package/storybook-static/project.json +1 -1
- package/storybook-static/sb-addons/essentials-actions-3/manager-bundle.js +1 -1
- package/storybook-static/sb-addons/essentials-backgrounds-4/manager-bundle.js +9 -9
- package/storybook-static/sb-addons/essentials-controls-2/manager-bundle.js +76 -94
- package/storybook-static/sb-addons/essentials-measure-7/manager-bundle.js +1 -1
- package/storybook-static/sb-addons/essentials-outline-8/manager-bundle.js +1 -1
- package/storybook-static/sb-addons/essentials-toolbars-6/manager-bundle.js +1 -1
- package/storybook-static/sb-addons/essentials-viewport-5/manager-bundle.js +1 -1
- package/storybook-static/sb-addons/interactions-9/manager-bundle.js +211 -0
- package/storybook-static/sb-addons/interactions-9/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-manager/globals-module-info.js +11 -0
- package/storybook-static/sb-manager/globals-runtime.js +27803 -26928
- package/storybook-static/sb-manager/runtime.js +10341 -10136
- package/storybook-static/sb-preview/runtime.js +3841 -3828
- package/.idea/codeStyles/codeStyleConfig.xml +0 -5
- package/.idea/compiler.xml +0 -6
- package/.idea/custom-element-dist.iml +0 -13
- package/.idea/inspectionProfiles/Project_Default.xml +0 -6
- package/.idea/misc.xml +0 -6
- package/.idea/modules.xml +0 -8
- package/.idea/vcs.xml +0 -6
- package/.vscode/settings.json +0 -24
- package/dist/custom-element-CckoVsvO.cjs +0 -53
- package/dist/custom-element-b7c_7Kz4.js +0 -485
- package/dist/local-storage-Boafngui.cjs +0 -1
- package/dist/local-storage-BqDEu2kF.js +0 -59
- package/storybook-static/assets/Color-KGDBMAHA-CH-YyWYq.js +0 -1
- package/storybook-static/assets/Configure-DFL_bm2M.js +0 -173
- package/storybook-static/assets/DocsRenderer-PKQXORMH-Bz-_1hmS.js +0 -2
- package/storybook-static/assets/custom-element-wn23PUwN.js +0 -231
- package/storybook-static/assets/entry-preview-BKQ8UCxI.js +0 -8
- package/storybook-static/assets/iframe-D4Sos1HO.js +0 -2
- package/storybook-static/assets/index-BnXBQqj9.js +0 -605
- package/storybook-static/assets/index-C8k3Z-3Y.js +0 -28
- package/storybook-static/assets/index-Cpxqn5iQ.js +0 -1
- package/storybook-static/assets/index-DGdNYaqV.js +0 -8
- package/storybook-static/assets/index-sm7QlJZE.js +0 -1
- package/storybook-static/assets/lit-element-DzhCn-8W.js +0 -19
- package/storybook-static/assets/local-storage.test.stories-BpogLNq-.js +0 -419
- package/storybook-static/assets/preview-BJPLiuSt.js +0 -1
- package/storybook-static/assets/preview-BMWqy4Bi.js +0 -1
- package/storybook-static/assets/preview-BnWGZYux.js +0 -1
- package/storybook-static/assets/preview-Djh1_Tal.js +0 -20
- package/storybook-static/assets/preview-oHxXRSIu.js +0 -48
- package/storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js +0 -333
- package/storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js.LEGAL.txt +0 -40
- package/storybook-static/sb-addons/interactions-10/manager-bundle.js +0 -234
- /package/{storybook-static/sb-addons/interactions-10/manager-bundle.js.LEGAL.txt → src/material/guide/getting-started/index.html} +0 -0
|
@@ -23,9 +23,9 @@
|
|
|
23
23
|
<div class='clearfix'>
|
|
24
24
|
|
|
25
25
|
<div class='fl pad1y space-right2'>
|
|
26
|
-
<span class="strong">
|
|
26
|
+
<span class="strong">26.08% </span>
|
|
27
27
|
<span class="quiet">Statements</span>
|
|
28
|
-
<span class='fraction'>12/
|
|
28
|
+
<span class='fraction'>12/46</span>
|
|
29
29
|
</div>
|
|
30
30
|
|
|
31
31
|
|
|
@@ -44,9 +44,9 @@
|
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
<div class='fl pad1y space-right2'>
|
|
47
|
-
<span class="strong">26.
|
|
47
|
+
<span class="strong">26.82% </span>
|
|
48
48
|
<span class="quiet">Lines</span>
|
|
49
|
-
<span class='fraction'>11/
|
|
49
|
+
<span class='fraction'>11/41</span>
|
|
50
50
|
</div>
|
|
51
51
|
|
|
52
52
|
|
|
@@ -204,7 +204,9 @@
|
|
|
204
204
|
<a name='L139'></a><a href='#L139'>139</a>
|
|
205
205
|
<a name='L140'></a><a href='#L140'>140</a>
|
|
206
206
|
<a name='L141'></a><a href='#L141'>141</a>
|
|
207
|
-
<a name='L142'></a><a href='#L142'>142</a
|
|
207
|
+
<a name='L142'></a><a href='#L142'>142</a>
|
|
208
|
+
<a name='L143'></a><a href='#L143'>143</a>
|
|
209
|
+
<a name='L144'></a><a href='#L144'>144</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span>
|
|
208
210
|
<span class="cline-any cline-neutral"> </span>
|
|
209
211
|
<span class="cline-any cline-neutral"> </span>
|
|
210
212
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -259,7 +261,6 @@
|
|
|
259
261
|
<span class="cline-any cline-no"> </span>
|
|
260
262
|
<span class="cline-any cline-no"> </span>
|
|
261
263
|
<span class="cline-any cline-no"> </span>
|
|
262
|
-
<span class="cline-any cline-no"> </span>
|
|
263
264
|
<span class="cline-any cline-neutral"> </span>
|
|
264
265
|
<span class="cline-any cline-neutral"> </span>
|
|
265
266
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -337,6 +338,8 @@
|
|
|
337
338
|
<span class="cline-any cline-neutral"> </span>
|
|
338
339
|
<span class="cline-any cline-neutral"> </span>
|
|
339
340
|
<span class="cline-any cline-neutral"> </span>
|
|
341
|
+
<span class="cline-any cline-neutral"> </span>
|
|
342
|
+
<span class="cline-any cline-neutral"> </span>
|
|
340
343
|
<span class="cline-any cline-yes">1x</span>
|
|
341
344
|
<span class="cline-any cline-neutral"> </span>
|
|
342
345
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -345,6 +348,7 @@
|
|
|
345
348
|
<span class="cline-any cline-yes">1x</span>
|
|
346
349
|
<span class="cline-any cline-yes">1x</span>
|
|
347
350
|
<span class="cline-any cline-neutral"> </span>
|
|
351
|
+
<span class="cline-any cline-neutral"> </span>
|
|
348
352
|
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">// noinspection DuplicatedCode
|
|
349
353
|
|
|
350
354
|
import type { StoryObj } from '@storybook/web-components';
|
|
@@ -397,10 +401,9 @@ export const AttributeDefaults:Story =
|
|
|
397
401
|
const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement)</span>
|
|
398
402
|
, code = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >async (<span class="cstat-no" title="statement not covered" >i</span>d) => (await canvas.findByTestId(id)).textContent.trim();</span></span>
|
|
399
403
|
|
|
400
|
-
<span class="cstat-no" title="statement not covered" > await
|
|
401
|
-
<span class="cstat-no" title="statement not covered" > expect( await
|
|
402
|
-
<span class="cstat-no" title="statement not covered" > expect( await
|
|
403
|
-
<span class="cstat-no" title="statement not covered" > expect( await code('p3') ).toEqual('def_P3' );</span>
|
|
404
|
+
<span class="cstat-no" title="statement not covered" > expect( await await canvas.findByTestId('p1') ).toHaveTextContent('default_P1' );</span>
|
|
405
|
+
<span class="cstat-no" title="statement not covered" > expect( await await canvas.findByTestId('p2') ).toHaveTextContent('always_p2' );</span>
|
|
406
|
+
<span class="cstat-no" title="statement not covered" > expect( await await canvas.findByTestId('p3') ).toHaveTextContent('def_P3' );</span>
|
|
404
407
|
},
|
|
405
408
|
};
|
|
406
409
|
|
|
@@ -477,6 +480,8 @@ export const InstanceAttributes:Story =
|
|
|
477
480
|
},
|
|
478
481
|
};
|
|
479
482
|
|
|
483
|
+
|
|
484
|
+
//#region unit tests
|
|
480
485
|
/* istanbul ignore else -- @preserve */
|
|
481
486
|
if( 'test' === import.meta.env.MODE &&
|
|
482
487
|
!import.meta.url.includes('skiptest') )
|
|
@@ -486,6 +491,7 @@ if( 'test' === import.meta.env.MODE &&
|
|
|
486
491
|
const { describe } = await import('vitest')
|
|
487
492
|
describe(meta.title, () => testStoryBook( mod, meta ) );
|
|
488
493
|
}
|
|
494
|
+
//#endregion
|
|
489
495
|
</pre></td></tr></table></pre>
|
|
490
496
|
|
|
491
497
|
<div class='push'></div><!-- for sticky footer -->
|
|
@@ -493,7 +499,7 @@ if( 'test' === import.meta.env.MODE &&
|
|
|
493
499
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
494
500
|
Code coverage generated by
|
|
495
501
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
496
|
-
at 2024-
|
|
502
|
+
at 2024-11-07T03:27:34.733Z
|
|
497
503
|
</div>
|
|
498
504
|
<script src="../../prettify.js"></script>
|
|
499
505
|
<script>
|
|
@@ -186,7 +186,9 @@
|
|
|
186
186
|
<a name='L121'></a><a href='#L121'>121</a>
|
|
187
187
|
<a name='L122'></a><a href='#L122'>122</a>
|
|
188
188
|
<a name='L123'></a><a href='#L123'>123</a>
|
|
189
|
-
<a name='L124'></a><a href='#L124'>124</a
|
|
189
|
+
<a name='L124'></a><a href='#L124'>124</a>
|
|
190
|
+
<a name='L125'></a><a href='#L125'>125</a>
|
|
191
|
+
<a name='L126'></a><a href='#L126'>126</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span>
|
|
190
192
|
<span class="cline-any cline-neutral"> </span>
|
|
191
193
|
<span class="cline-any cline-neutral"> </span>
|
|
192
194
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -301,6 +303,7 @@
|
|
|
301
303
|
<span class="cline-any cline-neutral"> </span>
|
|
302
304
|
<span class="cline-any cline-neutral"> </span>
|
|
303
305
|
<span class="cline-any cline-neutral"> </span>
|
|
306
|
+
<span class="cline-any cline-neutral"> </span>
|
|
304
307
|
<span class="cline-any cline-yes">1x</span>
|
|
305
308
|
<span class="cline-any cline-neutral"> </span>
|
|
306
309
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -309,6 +312,7 @@
|
|
|
309
312
|
<span class="cline-any cline-yes">1x</span>
|
|
310
313
|
<span class="cline-any cline-yes">1x</span>
|
|
311
314
|
<span class="cline-any cline-neutral"> </span>
|
|
315
|
+
<span class="cline-any cline-neutral"> </span>
|
|
312
316
|
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import type {StoryObj} from "@storybook/web-components";
|
|
313
317
|
import {within, expect} from "@storybook/test";
|
|
314
318
|
|
|
@@ -423,6 +427,7 @@ export const OverrideInPayload: Story =
|
|
|
423
427
|
},
|
|
424
428
|
};
|
|
425
429
|
|
|
430
|
+
//#region unit tests
|
|
426
431
|
/* istanbul ignore else -- @preserve */
|
|
427
432
|
if( 'test' === import.meta.env.MODE &&
|
|
428
433
|
!import.meta.url.includes('skiptest') )
|
|
@@ -432,6 +437,7 @@ if( 'test' === import.meta.env.MODE &&
|
|
|
432
437
|
const { describe } = await import('vitest')
|
|
433
438
|
describe(meta.title, () => testStoryBook( mod, meta ) );
|
|
434
439
|
}
|
|
440
|
+
//#endregion
|
|
435
441
|
</pre></td></tr></table></pre>
|
|
436
442
|
|
|
437
443
|
<div class='push'></div><!-- for sticky footer -->
|
|
@@ -439,7 +445,7 @@ if( 'test' === import.meta.env.MODE &&
|
|
|
439
445
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
440
446
|
Code coverage generated by
|
|
441
447
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
442
|
-
at 2024-
|
|
448
|
+
at 2024-11-07T03:27:34.733Z
|
|
443
449
|
</div>
|
|
444
450
|
<script src="../../prettify.js"></script>
|
|
445
451
|
<script>
|
|
@@ -268,7 +268,9 @@
|
|
|
268
268
|
<a name='L203'></a><a href='#L203'>203</a>
|
|
269
269
|
<a name='L204'></a><a href='#L204'>204</a>
|
|
270
270
|
<a name='L205'></a><a href='#L205'>205</a>
|
|
271
|
-
<a name='L206'></a><a href='#L206'>206</a
|
|
271
|
+
<a name='L206'></a><a href='#L206'>206</a>
|
|
272
|
+
<a name='L207'></a><a href='#L207'>207</a>
|
|
273
|
+
<a name='L208'></a><a href='#L208'>208</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span>
|
|
272
274
|
<span class="cline-any cline-neutral"> </span>
|
|
273
275
|
<span class="cline-any cline-neutral"> </span>
|
|
274
276
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -418,8 +420,10 @@
|
|
|
418
420
|
<span class="cline-any cline-no"> </span>
|
|
419
421
|
<span class="cline-any cline-no"> </span>
|
|
420
422
|
<span class="cline-any cline-neutral"> </span>
|
|
423
|
+
<span class="cline-any cline-neutral"> </span>
|
|
421
424
|
<span class="cline-any cline-no"> </span>
|
|
422
425
|
<span class="cline-any cline-no"> </span>
|
|
426
|
+
<span class="cline-any cline-neutral"> </span>
|
|
423
427
|
<span class="cline-any cline-no"> </span>
|
|
424
428
|
<span class="cline-any cline-no"> </span>
|
|
425
429
|
<span class="cline-any cline-no"> </span>
|
|
@@ -476,7 +480,7 @@
|
|
|
476
480
|
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">// noinspection DuplicatedCode
|
|
477
481
|
|
|
478
482
|
import type { StoryObj } from '@storybook/web-components';
|
|
479
|
-
import {expect,
|
|
483
|
+
import {expect, within, userEvent, fireEvent} from '@storybook/test';
|
|
480
484
|
|
|
481
485
|
import '../custom-element/custom-element.js';
|
|
482
486
|
import {
|
|
@@ -598,16 +602,16 @@ export const OrderPreservingOn2ndTransform:Story =
|
|
|
598
602
|
<p>IF condition content should be displayed in place where it is defined (not shifted down on the parent children)</p>
|
|
599
603
|
<custom-element>
|
|
600
604
|
<form slice="f1">
|
|
601
|
-
<label>
|
|
602
|
-
<input type="checkbox" name="c1"
|
|
605
|
+
<label data-testid="cb1">
|
|
606
|
+
<input type="checkbox" name="c1" />
|
|
603
607
|
click to display #1 bellow
|
|
604
608
|
</label>
|
|
605
609
|
<br data-testid="beforeC1"/>
|
|
606
610
|
<if test="//c1">
|
|
607
611
|
<p data-testid="isC1">#1</p>
|
|
608
612
|
</if>
|
|
609
|
-
<label>
|
|
610
|
-
<input type="checkbox" name="c2"
|
|
613
|
+
<label data-testid="cb2">
|
|
614
|
+
<input type="checkbox" name="c2" />
|
|
611
615
|
click to display #2 bellow
|
|
612
616
|
</label>
|
|
613
617
|
<br data-testid="beforeC2"/>
|
|
@@ -623,9 +627,11 @@ export const OrderPreservingOn2ndTransform:Story =
|
|
|
623
627
|
const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
|
|
624
628
|
<span class="cstat-no" title="statement not covered" > await canvas.findByText(titleText);</span>
|
|
625
629
|
|
|
626
|
-
|
|
630
|
+
// userEvent breaks under FF in vitest, fireEvent works
|
|
631
|
+
<span class="cstat-no" title="statement not covered" > await fireEvent.click(await canvas.findByTestId('cb1'));</span>
|
|
627
632
|
<span class="cstat-no" title="statement not covered" > await expect(await canvas.findByText('#1')).toBeInTheDocument();</span>
|
|
628
|
-
|
|
633
|
+
|
|
634
|
+
<span class="cstat-no" title="statement not covered" > await fireEvent.click(canvas.getByTestId('cb2'));</span>
|
|
629
635
|
<span class="cstat-no" title="statement not covered" > await expect(await canvas.findByText('#2')).toBeInTheDocument();</span>
|
|
630
636
|
<span class="cstat-no" title="statement not covered" > await expect(canvas.getByTestId("beforeC1").nextElementSibling).toEqual(canvas.getByTestId("isC1"))</span>
|
|
631
637
|
},
|
|
@@ -667,7 +673,7 @@ export const ReadSystemValidityMessage:Story =
|
|
|
667
673
|
},
|
|
668
674
|
};
|
|
669
675
|
|
|
670
|
-
|
|
676
|
+
//#region unit tests
|
|
671
677
|
/* istanbul ignore else -- @preserve */
|
|
672
678
|
if( 'test' === import.meta.env.MODE &&
|
|
673
679
|
!import.meta.url.includes('skiptest') )
|
|
@@ -677,7 +683,7 @@ if( 'test' === import.meta.env.MODE &&
|
|
|
677
683
|
const { describe } = await import('vitest')
|
|
678
684
|
describe(meta.title, () => testStoryBook( mod, meta ) );
|
|
679
685
|
}
|
|
680
|
-
|
|
686
|
+
//#endregion
|
|
681
687
|
</pre></td></tr></table></pre>
|
|
682
688
|
|
|
683
689
|
<div class='push'></div><!-- for sticky footer -->
|
|
@@ -685,7 +691,7 @@ if( 'test' === import.meta.env.MODE &&
|
|
|
685
691
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
686
692
|
Code coverage generated by
|
|
687
693
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
688
|
-
at 2024-
|
|
694
|
+
at 2024-11-07T03:27:34.733Z
|
|
689
695
|
</div>
|
|
690
696
|
<script src="../../prettify.js"></script>
|
|
691
697
|
<script>
|
|
@@ -23,9 +23,9 @@
|
|
|
23
23
|
<div class='clearfix'>
|
|
24
24
|
|
|
25
25
|
<div class='fl pad1y space-right2'>
|
|
26
|
-
<span class="strong">24.
|
|
26
|
+
<span class="strong">24.7% </span>
|
|
27
27
|
<span class="quiet">Statements</span>
|
|
28
|
-
<span class='fraction'>21/
|
|
28
|
+
<span class='fraction'>21/85</span>
|
|
29
29
|
</div>
|
|
30
30
|
|
|
31
31
|
|
|
@@ -44,9 +44,9 @@
|
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
<div class='fl pad1y space-right2'>
|
|
47
|
-
<span class="strong">24.
|
|
47
|
+
<span class="strong">24.39% </span>
|
|
48
48
|
<span class="quiet">Lines</span>
|
|
49
|
-
<span class='fraction'>20/
|
|
49
|
+
<span class='fraction'>20/82</span>
|
|
50
50
|
</div>
|
|
51
51
|
|
|
52
52
|
|
|
@@ -322,7 +322,8 @@
|
|
|
322
322
|
<a name='L257'></a><a href='#L257'>257</a>
|
|
323
323
|
<a name='L258'></a><a href='#L258'>258</a>
|
|
324
324
|
<a name='L259'></a><a href='#L259'>259</a>
|
|
325
|
-
<a name='L260'></a><a href='#L260'>260</a
|
|
325
|
+
<a name='L260'></a><a href='#L260'>260</a>
|
|
326
|
+
<a name='L261'></a><a href='#L261'>261</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span>
|
|
326
327
|
<span class="cline-any cline-neutral"> </span>
|
|
327
328
|
<span class="cline-any cline-neutral"> </span>
|
|
328
329
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -441,7 +442,6 @@
|
|
|
441
442
|
<span class="cline-any cline-no"> </span>
|
|
442
443
|
<span class="cline-any cline-no"> </span>
|
|
443
444
|
<span class="cline-any cline-no"> </span>
|
|
444
|
-
<span class="cline-any cline-no"> </span>
|
|
445
445
|
<span class="cline-any cline-neutral"> </span>
|
|
446
446
|
<span class="cline-any cline-neutral"> </span>
|
|
447
447
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -573,6 +573,7 @@
|
|
|
573
573
|
<span class="cline-any cline-neutral"> </span>
|
|
574
574
|
<span class="cline-any cline-neutral"> </span>
|
|
575
575
|
<span class="cline-any cline-neutral"> </span>
|
|
576
|
+
<span class="cline-any cline-neutral"> </span>
|
|
576
577
|
<span class="cline-any cline-yes">1x</span>
|
|
577
578
|
<span class="cline-any cline-neutral"> </span>
|
|
578
579
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -581,6 +582,7 @@
|
|
|
581
582
|
<span class="cline-any cline-yes">1x</span>
|
|
582
583
|
<span class="cline-any cline-yes">1x</span>
|
|
583
584
|
<span class="cline-any cline-neutral"> </span>
|
|
585
|
+
<span class="cline-any cline-neutral"> </span>
|
|
584
586
|
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">// noinspection DuplicatedCode
|
|
585
587
|
|
|
586
588
|
import type { StoryObj } from '@storybook/web-components';
|
|
@@ -698,9 +700,8 @@ export const ExternalXsltFile:Story =
|
|
|
698
700
|
<span class="cstat-no" title="statement not covered" > await canvas.findByText(ExternalXsltFile.args!.title as string);</span>
|
|
699
701
|
<span class="cstat-no" title="statement not covered" > expect(canvasElement.querySelector('dce-external-4').innerHTML).to.include('Hi');</span>
|
|
700
702
|
<span class="cstat-no" title="statement not covered" > expect(canvasElement.querySelector('[data-smile="👼"]').innerHTML).to.include('loading from XSLT ...');</span>
|
|
701
|
-
<span class="cstat-no" title="statement not covered" > await
|
|
702
|
-
<span class="cstat-no" title="statement not covered" > expect(canvas.
|
|
703
|
-
<span class="cstat-no" title="statement not covered" > expect(canvas.getByTestId('data-smile').innerHTML).to.include('👼');</span>
|
|
703
|
+
<span class="cstat-no" title="statement not covered" > await expect(await canvas.findByTestId('data-fruit')).toHaveTextContent('🍌');</span>
|
|
704
|
+
<span class="cstat-no" title="statement not covered" > await expect(await canvas.findByTestId('data-smile')).toHaveTextContent('👼');</span>
|
|
704
705
|
},
|
|
705
706
|
};
|
|
706
707
|
|
|
@@ -831,6 +832,7 @@ export const EmbeddingInAnotherFile:Story =
|
|
|
831
832
|
},
|
|
832
833
|
};
|
|
833
834
|
|
|
835
|
+
//#region unit tests
|
|
834
836
|
/* istanbul ignore else -- @preserve */
|
|
835
837
|
if( 'test' === import.meta.env.MODE &&
|
|
836
838
|
!import.meta.url.includes('skiptest') )
|
|
@@ -840,6 +842,7 @@ if( 'test' === import.meta.env.MODE &&
|
|
|
840
842
|
const { describe } = await import('vitest')
|
|
841
843
|
describe(meta.title, () => testStoryBook( mod, meta ) );
|
|
842
844
|
}
|
|
845
|
+
//#endregion
|
|
843
846
|
</pre></td></tr></table></pre>
|
|
844
847
|
|
|
845
848
|
<div class='push'></div><!-- for sticky footer -->
|
|
@@ -847,7 +850,7 @@ if( 'test' === import.meta.env.MODE &&
|
|
|
847
850
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
848
851
|
Code coverage generated by
|
|
849
852
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
850
|
-
at 2024-
|
|
853
|
+
at 2024-11-07T03:27:34.733Z
|
|
851
854
|
</div>
|
|
852
855
|
<script src="../../prettify.js"></script>
|
|
853
856
|
<script>
|
|
@@ -253,7 +253,9 @@
|
|
|
253
253
|
<a name='L188'></a><a href='#L188'>188</a>
|
|
254
254
|
<a name='L189'></a><a href='#L189'>189</a>
|
|
255
255
|
<a name='L190'></a><a href='#L190'>190</a>
|
|
256
|
-
<a name='L191'></a><a href='#L191'>191</a
|
|
256
|
+
<a name='L191'></a><a href='#L191'>191</a>
|
|
257
|
+
<a name='L192'></a><a href='#L192'>192</a>
|
|
258
|
+
<a name='L193'></a><a href='#L193'>193</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span>
|
|
257
259
|
<span class="cline-any cline-neutral"> </span>
|
|
258
260
|
<span class="cline-any cline-neutral"> </span>
|
|
259
261
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -435,6 +437,7 @@
|
|
|
435
437
|
<span class="cline-any cline-neutral"> </span>
|
|
436
438
|
<span class="cline-any cline-neutral"> </span>
|
|
437
439
|
<span class="cline-any cline-neutral"> </span>
|
|
440
|
+
<span class="cline-any cline-neutral"> </span>
|
|
438
441
|
<span class="cline-any cline-yes">1x</span>
|
|
439
442
|
<span class="cline-any cline-neutral"> </span>
|
|
440
443
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -443,6 +446,7 @@
|
|
|
443
446
|
<span class="cline-any cline-yes">1x</span>
|
|
444
447
|
<span class="cline-any cline-yes">1x</span>
|
|
445
448
|
<span class="cline-any cline-neutral"> </span>
|
|
449
|
+
<span class="cline-any cline-neutral"> </span>
|
|
446
450
|
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">// noinspection DuplicatedCode
|
|
447
451
|
|
|
448
452
|
import type { StoryObj } from '@storybook/web-components';
|
|
@@ -624,6 +628,7 @@ export const FormCustomValidityString:Story =
|
|
|
624
628
|
};
|
|
625
629
|
// custom validity rules on form : boolean and string values
|
|
626
630
|
|
|
631
|
+
//#region unit tests
|
|
627
632
|
/* istanbul ignore else -- @preserve */
|
|
628
633
|
if( 'test' === import.meta.env.MODE &&
|
|
629
634
|
!import.meta.url.includes('skiptest') )
|
|
@@ -633,6 +638,7 @@ if( 'test' === import.meta.env.MODE &&
|
|
|
633
638
|
const { describe } = await import('vitest')
|
|
634
639
|
describe(meta.title, () => testStoryBook( mod, meta ) );
|
|
635
640
|
}
|
|
641
|
+
//#endregion
|
|
636
642
|
</pre></td></tr></table></pre>
|
|
637
643
|
|
|
638
644
|
<div class='push'></div><!-- for sticky footer -->
|
|
@@ -640,7 +646,7 @@ if( 'test' === import.meta.env.MODE &&
|
|
|
640
646
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
641
647
|
Code coverage generated by
|
|
642
648
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
643
|
-
at 2024-
|
|
649
|
+
at 2024-11-07T03:27:34.733Z
|
|
644
650
|
</div>
|
|
645
651
|
<script src="../../prettify.js"></script>
|
|
646
652
|
<script>
|
|
@@ -802,7 +802,7 @@ from <code>${url}</code>
|
|
|
802
802
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
803
803
|
Code coverage generated by
|
|
804
804
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
805
|
-
at 2024-
|
|
805
|
+
at 2024-11-07T03:27:34.733Z
|
|
806
806
|
</div>
|
|
807
807
|
<script src="../../prettify.js"></script>
|
|
808
808
|
<script>
|
|
@@ -23,9 +23,9 @@
|
|
|
23
23
|
<div class='clearfix'>
|
|
24
24
|
|
|
25
25
|
<div class='fl pad1y space-right2'>
|
|
26
|
-
<span class="strong">28.
|
|
26
|
+
<span class="strong">28.42% </span>
|
|
27
27
|
<span class="quiet">Statements</span>
|
|
28
|
-
<span class='fraction'>
|
|
28
|
+
<span class='fraction'>255/897</span>
|
|
29
29
|
</div>
|
|
30
30
|
|
|
31
31
|
|
|
@@ -37,16 +37,16 @@
|
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
<div class='fl pad1y space-right2'>
|
|
40
|
-
<span class="strong">32.
|
|
40
|
+
<span class="strong">32.43% </span>
|
|
41
41
|
<span class="quiet">Functions</span>
|
|
42
|
-
<span class='fraction'>48/
|
|
42
|
+
<span class='fraction'>48/148</span>
|
|
43
43
|
</div>
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
<div class='fl pad1y space-right2'>
|
|
47
|
-
<span class="strong">27.
|
|
47
|
+
<span class="strong">27.87% </span>
|
|
48
48
|
<span class="quiet">Lines</span>
|
|
49
|
-
<span class='fraction'>
|
|
49
|
+
<span class='fraction'>235/843</span>
|
|
50
50
|
</div>
|
|
51
51
|
|
|
52
52
|
|
|
@@ -80,17 +80,17 @@
|
|
|
80
80
|
</thead>
|
|
81
81
|
<tbody><tr>
|
|
82
82
|
<td class="file low" data-value="attributes.test.stories.ts"><a href="attributes.test.stories.ts.html">attributes.test.stories.ts</a></td>
|
|
83
|
-
<td data-value="
|
|
84
|
-
<div class="chart"><div class="cover-fill" style="width:
|
|
83
|
+
<td data-value="26.08" class="pic low">
|
|
84
|
+
<div class="chart"><div class="cover-fill" style="width: 26%"></div><div class="cover-empty" style="width: 74%"></div></div>
|
|
85
85
|
</td>
|
|
86
|
-
<td data-value="
|
|
87
|
-
<td data-value="
|
|
86
|
+
<td data-value="26.08" class="pct low">26.08%</td>
|
|
87
|
+
<td data-value="46" class="abs low">12/46</td>
|
|
88
88
|
<td data-value="100" class="pct high">100%</td>
|
|
89
89
|
<td data-value="3" class="abs high">3/3</td>
|
|
90
90
|
<td data-value="20" class="pct low">20%</td>
|
|
91
91
|
<td data-value="10" class="abs low">2/10</td>
|
|
92
|
-
<td data-value="26.
|
|
93
|
-
<td data-value="
|
|
92
|
+
<td data-value="26.82" class="pct low">26.82%</td>
|
|
93
|
+
<td data-value="41" class="abs low">11/41</td>
|
|
94
94
|
</tr>
|
|
95
95
|
|
|
96
96
|
<tr>
|
|
@@ -125,17 +125,17 @@
|
|
|
125
125
|
|
|
126
126
|
<tr>
|
|
127
127
|
<td class="file low" data-value="external-template.test.stories.ts"><a href="external-template.test.stories.ts.html">external-template.test.stories.ts</a></td>
|
|
128
|
-
<td data-value="24.
|
|
128
|
+
<td data-value="24.7" class="pic low">
|
|
129
129
|
<div class="chart"><div class="cover-fill" style="width: 24%"></div><div class="cover-empty" style="width: 76%"></div></div>
|
|
130
130
|
</td>
|
|
131
|
-
<td data-value="24.
|
|
132
|
-
<td data-value="
|
|
131
|
+
<td data-value="24.7" class="pct low">24.7%</td>
|
|
132
|
+
<td data-value="85" class="abs low">21/85</td>
|
|
133
133
|
<td data-value="100" class="pct high">100%</td>
|
|
134
134
|
<td data-value="3" class="abs high">3/3</td>
|
|
135
135
|
<td data-value="11.76" class="pct low">11.76%</td>
|
|
136
136
|
<td data-value="17" class="abs low">2/17</td>
|
|
137
|
-
<td data-value="24.
|
|
138
|
-
<td data-value="
|
|
137
|
+
<td data-value="24.39" class="pct low">24.39%</td>
|
|
138
|
+
<td data-value="82" class="abs low">20/82</td>
|
|
139
139
|
</tr>
|
|
140
140
|
|
|
141
141
|
<tr>
|
|
@@ -170,17 +170,17 @@
|
|
|
170
170
|
|
|
171
171
|
<tr>
|
|
172
172
|
<td class="file low" data-value="local-storage.test.stories.ts"><a href="local-storage.test.stories.ts.html">local-storage.test.stories.ts</a></td>
|
|
173
|
-
<td data-value="
|
|
174
|
-
<div class="chart"><div class="cover-fill" style="width:
|
|
173
|
+
<td data-value="7.23" class="pic low">
|
|
174
|
+
<div class="chart"><div class="cover-fill" style="width: 7%"></div><div class="cover-empty" style="width: 93%"></div></div>
|
|
175
175
|
</td>
|
|
176
|
-
<td data-value="
|
|
177
|
-
<td data-value="
|
|
176
|
+
<td data-value="7.23" class="pct low">7.23%</td>
|
|
177
|
+
<td data-value="235" class="abs low">17/235</td>
|
|
178
178
|
<td data-value="100" class="pct high">100%</td>
|
|
179
179
|
<td data-value="7" class="abs high">7/7</td>
|
|
180
|
-
<td data-value="
|
|
181
|
-
<td data-value="
|
|
182
|
-
<td data-value="
|
|
183
|
-
<td data-value="
|
|
180
|
+
<td data-value="13.33" class="pct low">13.33%</td>
|
|
181
|
+
<td data-value="15" class="abs low">2/15</td>
|
|
182
|
+
<td data-value="7.07" class="pct low">7.07%</td>
|
|
183
|
+
<td data-value="226" class="abs low">16/226</td>
|
|
184
184
|
</tr>
|
|
185
185
|
|
|
186
186
|
<tr>
|
|
@@ -296,7 +296,7 @@
|
|
|
296
296
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
297
297
|
Code coverage generated by
|
|
298
298
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
299
|
-
at 2024-
|
|
299
|
+
at 2024-11-07T03:27:34.733Z
|
|
300
300
|
</div>
|
|
301
301
|
<script src="../../prettify.js"></script>
|
|
302
302
|
<script>
|