@epa-wg/custom-element-dist 0.0.21 → 0.0.23

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.
Files changed (174) hide show
  1. package/.idea/.gitignore +8 -0
  2. package/README.md +4 -4
  3. package/coverage/coverage-final.json +13 -11
  4. package/coverage/index.html +30 -30
  5. package/coverage/src/custom-element/coverage.svg +1 -1
  6. package/coverage/src/custom-element/custom-element.js/coverage.svg +1 -1
  7. package/coverage/src/custom-element/custom-element.js.html +603 -420
  8. package/coverage/src/custom-element/http-request.js.html +10 -10
  9. package/coverage/src/custom-element/index.html +18 -18
  10. package/coverage/src/custom-element/local-storage.js.html +2 -2
  11. package/coverage/src/custom-element/location-element.js.html +1 -1
  12. package/coverage/src/index.html +1 -1
  13. package/coverage/src/mocks/handlers.ts.html +1 -1
  14. package/coverage/src/mocks/index.html +1 -1
  15. package/coverage/src/stories/{css.stories.ts → attributes.test.stories.ts}/coverage.svg +1 -1
  16. package/coverage/src/stories/{attributes.stories.ts.html → attributes.test.stories.ts.html} +113 -83
  17. package/coverage/src/stories/coverage.svg +1 -1
  18. package/coverage/src/stories/css.test.stories.ts/coverage.svg +10 -0
  19. package/coverage/src/stories/{css.stories.ts.html → css.test.stories.ts.html} +122 -65
  20. package/coverage/src/stories/dom-merge.test.stories.ts/coverage.svg +10 -0
  21. package/coverage/src/stories/{dom-merge.stories.ts.html → dom-merge.test.stories.ts.html} +118 -70
  22. package/coverage/src/stories/external-template.test.stories.ts/coverage.svg +10 -0
  23. package/coverage/src/stories/{external-template.stories.ts.html → external-template.test.stories.ts.html} +180 -150
  24. package/coverage/src/stories/form.test.stories.ts/coverage.svg +10 -0
  25. package/coverage/src/stories/form.test.stories.ts.html +655 -0
  26. package/coverage/src/stories/http-request.stories.ts.html +7 -7
  27. package/coverage/src/stories/index.html +118 -88
  28. package/coverage/src/stories/{dom-merge.stories.ts → local-storage.test.stories.ts}/coverage.svg +1 -1
  29. package/coverage/src/stories/{local-storage.stories.ts.html → local-storage.test.stories.ts.html} +475 -439
  30. package/coverage/src/stories/{external-template.stories.ts → location-element.test.stories.ts}/coverage.svg +1 -1
  31. package/coverage/src/stories/{location-element.stories.ts.html → location-element.test.stories.ts.html} +134 -98
  32. package/coverage/src/stories/slice-events.test.stories.ts/coverage.svg +10 -0
  33. package/coverage/src/stories/slice-events.test.stories.ts.html +685 -0
  34. package/coverage/src/stories/slots.test.stories.ts/coverage.svg +10 -0
  35. package/coverage/src/stories/slots.test.stories.ts.html +736 -0
  36. package/coverage/src/stories/{renderPlay.ts.html → testStoryBook.ts.html} +44 -26
  37. package/coverage/src/sum.ts.html +1 -1
  38. package/dist/custom-element-BISbI4SU.js +463 -0
  39. package/dist/custom-element-N-sWiqGK.cjs +53 -0
  40. package/dist/custom-element-bundle.cjs +1 -1
  41. package/dist/custom-element-bundle.js +2 -2
  42. package/dist/mockServiceWorker.js +1 -1
  43. package/package.json +4 -4
  44. package/public/mockServiceWorker.js +1 -1
  45. package/src/custom-element/custom-element.d.ts +4 -0
  46. package/src/custom-element/custom-element.js +103 -42
  47. package/src/custom-element/demo/a.html +38 -41
  48. package/src/custom-element/demo/b.html +13 -0
  49. package/src/custom-element/demo/data-slices.html +32 -0
  50. package/src/custom-element/demo/form.html +240 -0
  51. package/src/custom-element/demo/s.xml +11 -14
  52. package/src/custom-element/demo/s.xslt +22 -38
  53. package/src/custom-element/demo/s1.xslt +60 -0
  54. package/src/custom-element/ide/customData-dce.json +14 -1
  55. package/src/custom-element/ide/web-types-dce.json +6 -1
  56. package/src/custom-element/ide/web-types-xsl.json +1 -1
  57. package/src/custom-element/index.html +1 -0
  58. package/src/custom-element.test.ts +24 -8
  59. package/src/stories/{attributes.stories.ts → attributes.test.stories.ts} +19 -9
  60. package/src/stories/{css.stories.ts → css.test.stories.ts} +28 -9
  61. package/src/stories/{dom-merge.stories.ts → dom-merge.test.stories.ts} +19 -3
  62. package/src/stories/{external-template.stories.ts → external-template.test.stories.ts} +13 -3
  63. package/src/stories/form.test.stories.ts +190 -0
  64. package/src/stories/http-request.stories.ts +6 -6
  65. package/src/stories/http-request.test.ts +0 -9
  66. package/src/stories/{local-storage.stories.ts → local-storage.test.stories.ts} +24 -12
  67. package/src/stories/{location-element.stories.ts → location-element.test.stories.ts} +21 -9
  68. package/src/stories/{slice-events.stories.ts → slice-events.test.stories.ts} +88 -5
  69. package/src/stories/slots.test.stories.ts +217 -0
  70. package/src/stories/testStoryBook.ts +28 -0
  71. package/storybook-static/assets/{Color-RQJUDNI5-C4yZhNbM.js → Color-PRSJMWNM-BD_Ds9NW.js} +1 -1
  72. package/storybook-static/assets/{Configure-C7d36rng.js → Configure-70I_VApa.js} +1 -1
  73. package/storybook-static/assets/DocsRenderer-K4EAMTCU-9dn0-HCP.js +2 -0
  74. package/storybook-static/assets/WithTooltip-KJL26V4Q-C6g5GOU9.js +1 -0
  75. package/storybook-static/assets/{attributes.stories-ZB0RTY1d.js → attributes.test.stories-BEOraI4E.js} +22 -21
  76. package/storybook-static/assets/css.test.stories-D9WaxrEv.js +96 -0
  77. package/storybook-static/assets/custom-element-BV8-hRQS.js +219 -0
  78. package/storybook-static/assets/{dom-merge.stories-CgHZUABU.js → dom-merge.test.stories-BhbNeum_.js} +5 -6
  79. package/storybook-static/assets/{entry-preview-CQqNFx4W.js → entry-preview-DrgzXgwT.js} +1 -1
  80. package/storybook-static/assets/{entry-preview-docs-CWgqLfd3.js → entry-preview-docs-Bxv0qQWs.js} +1 -1
  81. package/storybook-static/assets/{external-template.stories-DtSLMxvg.js → external-template.test.stories-Bpr_wxBo.js} +23 -24
  82. package/storybook-static/assets/form.test.stories-3tURbEdv.js +250 -0
  83. package/storybook-static/assets/{formatter-B5HCVTEV-tKeEfJA9.js → formatter-2WMMO6ZP-6IvBq34u.js} +5 -5
  84. package/storybook-static/assets/http-request.stories-8K_qSs8C.js +300 -0
  85. package/storybook-static/assets/iframe-zdt9kuj6.js +2 -0
  86. package/storybook-static/assets/index-B3oZkK3F.js +1 -0
  87. package/storybook-static/assets/index-C30JwJMK.js +548 -0
  88. package/storybook-static/assets/index-CVRyq5ci.js +27 -0
  89. package/storybook-static/assets/index-DXimoRZY.js +1 -0
  90. package/storybook-static/assets/{index-DnEJ_bKa.js → index-DhXZyjEd.js} +1 -1
  91. package/storybook-static/assets/index-DuIEV_9C.js +13 -0
  92. package/storybook-static/assets/{lit-element-B4_0akdT.js → lit-element-CenEXOuS.js} +2 -2
  93. package/storybook-static/assets/{local-storage.stories-BkO6djDz.js → local-storage.test.stories-CtisAQBB.js} +28 -24
  94. package/storybook-static/assets/{location-element.stories-DCIOUd0D.js → location-element.test.stories-5O_t_m4Y.js} +11 -11
  95. package/storybook-static/assets/preview-4Up_z4Em.js +7 -0
  96. package/storybook-static/assets/preview-BKCN0mOr.js +1 -0
  97. package/storybook-static/assets/{preview-CkgAD_DE.js → preview-D0eCfQft.js} +2 -2
  98. package/storybook-static/assets/preview-DRnyIGXK.js +48 -0
  99. package/storybook-static/assets/preview-FpHGYA1q.js +1 -0
  100. package/storybook-static/assets/{preview-PxUn-cIn.js → preview-TCN6m6T-.js} +1 -1
  101. package/storybook-static/assets/slice-events.test.stories-BSXCLIA5.js +231 -0
  102. package/storybook-static/assets/slots.test.stories-B1vqfHmN.js +214 -0
  103. package/storybook-static/assets/syntaxhighlighter-BP7B2CQK-DpPBKyTO.js +1 -0
  104. package/storybook-static/iframe.html +153 -10
  105. package/storybook-static/index.html +1 -1
  106. package/storybook-static/index.json +1 -1
  107. package/storybook-static/mockServiceWorker.js +1 -1
  108. package/storybook-static/project.json +1 -1
  109. package/storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js +35 -29
  110. package/storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js.LEGAL.txt +1 -1
  111. package/storybook-static/sb-addons/essentials-actions-3/manager-bundle.js +1 -1
  112. package/storybook-static/sb-addons/essentials-backgrounds-4/manager-bundle.js +5 -5
  113. package/storybook-static/sb-addons/essentials-controls-2/manager-bundle.js +35 -35
  114. package/storybook-static/sb-addons/essentials-measure-7/manager-bundle.js +1 -1
  115. package/storybook-static/sb-addons/essentials-outline-8/manager-bundle.js +1 -1
  116. package/storybook-static/sb-addons/essentials-toolbars-6/manager-bundle.js +1 -1
  117. package/storybook-static/sb-addons/essentials-viewport-5/manager-bundle.js +1 -1
  118. package/storybook-static/sb-addons/interactions-10/manager-bundle.js +18 -16
  119. package/storybook-static/sb-addons/links-1/manager-bundle.js +1 -1
  120. package/storybook-static/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +1 -1
  121. package/storybook-static/sb-manager/WithTooltip-KJL26V4Q-5LS5AN27.js +1 -0
  122. package/storybook-static/sb-manager/{chunk-S4VOIVUE.js → chunk-B3YDJJJH.js} +9 -9
  123. package/storybook-static/sb-manager/{chunk-FEE35O7J.js → chunk-BLWCBWKL.js} +3 -3
  124. package/storybook-static/sb-manager/{chunk-XCO5HRLK.js → chunk-GUVK2GTO.js} +3 -3
  125. package/storybook-static/sb-manager/chunk-LFRML3ZV.js +186 -0
  126. package/storybook-static/sb-manager/chunk-MC7RAF2B.js +274 -0
  127. package/storybook-static/sb-manager/{chunk-XP3HGWTR.js → chunk-ZR5JZWHI.js} +1 -1
  128. package/storybook-static/sb-manager/{formatter-B5HCVTEV-7DCBOGO6.js → formatter-2WMMO6ZP-JI7RHVTW.js} +1 -1
  129. package/storybook-static/sb-manager/globals-module-info.js +1 -1
  130. package/storybook-static/sb-manager/globals-runtime.js +1 -1
  131. package/storybook-static/sb-manager/index.js +1 -1
  132. package/storybook-static/sb-manager/runtime.js +1 -1
  133. package/storybook-static/sb-manager/{syntaxhighlighter-JOJW2KGS-VF6EEVPI.js → syntaxhighlighter-BP7B2CQK-WOJYHKQR.js} +1 -1
  134. package/storybook-static/sb-preview/runtime.js +28 -11
  135. package/tsconfig.json +31 -21
  136. package/vite.config.js +5 -5
  137. package/yarn.lock +10242 -0
  138. package/.vscode/settings.json +0 -24
  139. package/coverage/src/stories/local-storage.stories.ts/coverage.svg +0 -10
  140. package/coverage/src/stories/location-element.stories.ts/coverage.svg +0 -10
  141. package/coverage/src/stories/renderPlay.ts/coverage.svg +0 -10
  142. package/coverage/src/stories/slice-events.stories.ts/coverage.svg +0 -10
  143. package/coverage/src/stories/slice-events.stories.ts.html +0 -436
  144. package/dist/custom-element-B4v-KaIh.cjs +0 -53
  145. package/dist/custom-element-_g0GTup2.js +0 -436
  146. package/src/stories/attributes.test.ts +0 -14
  147. package/src/stories/css.test.ts +0 -12
  148. package/src/stories/dom-merge.test.ts +0 -12
  149. package/src/stories/external-template.test.ts +0 -12
  150. package/src/stories/local-storage.test.ts +0 -12
  151. package/src/stories/location-element.test.ts +0 -14
  152. package/src/stories/renderPlay.ts +0 -22
  153. package/src/stories/slice-events.test.ts +0 -12
  154. package/storybook-static/assets/DocsRenderer-K4EAMTCU-BLMupvSb.js +0 -2
  155. package/storybook-static/assets/WithTooltip-Y7J54OF7-BAQSPSFk.js +0 -1
  156. package/storybook-static/assets/css.stories-CLSX-Xxd.js +0 -86
  157. package/storybook-static/assets/custom-element-BLZZ00dz.js +0 -53
  158. package/storybook-static/assets/http-request.stories-CUzlXO89.js +0 -300
  159. package/storybook-static/assets/iframe-gCvlWuoC.js +0 -2
  160. package/storybook-static/assets/index-CBQwM6ST.js +0 -508
  161. package/storybook-static/assets/index-CDavW7r9.js +0 -193
  162. package/storybook-static/assets/index-CQA5dlr6.js +0 -13
  163. package/storybook-static/assets/index-DgaNIR0t.js +0 -1
  164. package/storybook-static/assets/index-Dkj0J1ds.js +0 -1
  165. package/storybook-static/assets/preview-C6t8KBFr.js +0 -1
  166. package/storybook-static/assets/preview-CYD85dwb.js +0 -7
  167. package/storybook-static/assets/preview-D8LadFCz.js +0 -48
  168. package/storybook-static/assets/preview-DNpCpRPf.js +0 -1
  169. package/storybook-static/assets/slice-events.stories-DXKjXI37.js +0 -115
  170. package/storybook-static/assets/syntaxhighlighter-JOJW2KGS-C04pIVD3.js +0 -1
  171. package/storybook-static/sb-manager/WithTooltip-Y7J54OF7-CEHQ77YF.js +0 -1
  172. package/storybook-static/sb-manager/chunk-E3WK6ZOZ.js +0 -234
  173. package/storybook-static/sb-manager/chunk-E6ABNH5R.js +0 -183
  174. /package/coverage/src/stories/{attributes.stories.ts → testStoryBook.ts}/coverage.svg +0 -0
package/coverage/src/stories/{css.stories.ts.html → css.test.stories.ts.html} RENAMED
@@ -3,7 +3,7 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for src/stories/css.stories.ts</title>
6
+ <title>Code coverage report for src/stories/css.test.stories.ts</title>
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../base.css" />
@@ -19,34 +19,34 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../../index.html">All files</a> / <a href="index.html">src/stories</a> css.stories.ts</h1>
22
+ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/stories</a> css.test.stories.ts</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">100% </span>
26
+ <span class="strong">34.88% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>31/31</span>
28
+ <span class='fraction'>15/43</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">100% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>2/2</span>
35
+ <span class='fraction'>5/5</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
40
+ <span class="strong">28.57% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>6/6</span>
42
+ <span class='fraction'>2/7</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">100% </span>
47
+ <span class="strong">33.33% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>31/31</span>
49
+ <span class='fraction'>14/42</span>
50
50
  </div>
51
51
 
52
52
 
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  </template>
63
63
  </div>
64
- <div class='status-line high'></div>
64
+ <div class='status-line low'></div>
65
65
  <pre><table class="coverage">
66
66
  <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
67
  <a name='L2'></a><a href='#L2'>2</a>
@@ -167,7 +167,27 @@
167
167
  <a name='L102'></a><a href='#L102'>102</a>
168
168
  <a name='L103'></a><a href='#L103'>103</a>
169
169
  <a name='L104'></a><a href='#L104'>104</a>
170
- <a name='L105'></a><a href='#L105'>105</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
170
+ <a name='L105'></a><a href='#L105'>105</a>
171
+ <a name='L106'></a><a href='#L106'>106</a>
172
+ <a name='L107'></a><a href='#L107'>107</a>
173
+ <a name='L108'></a><a href='#L108'>108</a>
174
+ <a name='L109'></a><a href='#L109'>109</a>
175
+ <a name='L110'></a><a href='#L110'>110</a>
176
+ <a name='L111'></a><a href='#L111'>111</a>
177
+ <a name='L112'></a><a href='#L112'>112</a>
178
+ <a name='L113'></a><a href='#L113'>113</a>
179
+ <a name='L114'></a><a href='#L114'>114</a>
180
+ <a name='L115'></a><a href='#L115'>115</a>
181
+ <a name='L116'></a><a href='#L116'>116</a>
182
+ <a name='L117'></a><a href='#L117'>117</a>
183
+ <a name='L118'></a><a href='#L118'>118</a>
184
+ <a name='L119'></a><a href='#L119'>119</a>
185
+ <a name='L120'></a><a href='#L120'>120</a>
186
+ <a name='L121'></a><a href='#L121'>121</a>
187
+ <a name='L122'></a><a href='#L122'>122</a>
188
+ <a name='L123'></a><a href='#L123'>123</a>
189
+ <a name='L124'></a><a href='#L124'>124</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
190
+ <span class="cline-any cline-neutral">&nbsp;</span>
171
191
  <span class="cline-any cline-neutral">&nbsp;</span>
172
192
  <span class="cline-any cline-neutral">&nbsp;</span>
173
193
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -210,12 +230,18 @@
210
230
  <span class="cline-any cline-neutral">&nbsp;</span>
211
231
  <span class="cline-any cline-neutral">&nbsp;</span>
212
232
  <span class="cline-any cline-neutral">&nbsp;</span>
213
- <span class="cline-any cline-yes">1x</span>
214
- <span class="cline-any cline-yes">1x</span>
215
- <span class="cline-any cline-yes">1x</span>
216
- <span class="cline-any cline-yes">1x</span>
233
+ <span class="cline-any cline-no">&nbsp;</span>
234
+ <span class="cline-any cline-no">&nbsp;</span>
235
+ <span class="cline-any cline-no">&nbsp;</span>
236
+ <span class="cline-any cline-no">&nbsp;</span>
217
237
  <span class="cline-any cline-neutral">&nbsp;</span>
218
- <span class="cline-any cline-yes">1x</span>
238
+ <span class="cline-any cline-no">&nbsp;</span>
239
+ <span class="cline-any cline-no">&nbsp;</span>
240
+ <span class="cline-any cline-no">&nbsp;</span>
241
+ <span class="cline-any cline-no">&nbsp;</span>
242
+ <span class="cline-any cline-no">&nbsp;</span>
243
+ <span class="cline-any cline-no">&nbsp;</span>
244
+ <span class="cline-any cline-no">&nbsp;</span>
219
245
  <span class="cline-any cline-neutral">&nbsp;</span>
220
246
  <span class="cline-any cline-neutral">&nbsp;</span>
221
247
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -229,16 +255,16 @@
229
255
  <span class="cline-any cline-neutral">&nbsp;</span>
230
256
  <span class="cline-any cline-neutral">&nbsp;</span>
231
257
  <span class="cline-any cline-neutral">&nbsp;</span>
232
- <span class="cline-any cline-yes">1x</span>
233
- <span class="cline-any cline-yes">1x</span>
234
- <span class="cline-any cline-yes">8x</span>
235
- <span class="cline-any cline-yes">8x</span>
236
- <span class="cline-any cline-yes">8x</span>
258
+ <span class="cline-any cline-no">&nbsp;</span>
259
+ <span class="cline-any cline-no">&nbsp;</span>
260
+ <span class="cline-any cline-no">&nbsp;</span>
261
+ <span class="cline-any cline-no">&nbsp;</span>
262
+ <span class="cline-any cline-no">&nbsp;</span>
237
263
  <span class="cline-any cline-neutral">&nbsp;</span>
238
- <span class="cline-any cline-yes">1x</span>
239
- <span class="cline-any cline-yes">1x</span>
240
- <span class="cline-any cline-yes">1x</span>
241
- <span class="cline-any cline-yes">1x</span>
264
+ <span class="cline-any cline-no">&nbsp;</span>
265
+ <span class="cline-any cline-no">&nbsp;</span>
266
+ <span class="cline-any cline-no">&nbsp;</span>
267
+ <span class="cline-any cline-no">&nbsp;</span>
242
268
  <span class="cline-any cline-neutral">&nbsp;</span>
243
269
  <span class="cline-any cline-neutral">&nbsp;</span>
244
270
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -259,22 +285,35 @@
259
285
  <span class="cline-any cline-neutral">&nbsp;</span>
260
286
  <span class="cline-any cline-neutral">&nbsp;</span>
261
287
  <span class="cline-any cline-neutral">&nbsp;</span>
262
- <span class="cline-any cline-yes">1x</span>
288
+ <span class="cline-any cline-neutral">&nbsp;</span>
289
+ <span class="cline-any cline-neutral">&nbsp;</span>
290
+ <span class="cline-any cline-no">&nbsp;</span>
291
+ <span class="cline-any cline-neutral">&nbsp;</span>
292
+ <span class="cline-any cline-no">&nbsp;</span>
293
+ <span class="cline-any cline-no">&nbsp;</span>
294
+ <span class="cline-any cline-no">&nbsp;</span>
295
+ <span class="cline-any cline-no">&nbsp;</span>
296
+ <span class="cline-any cline-neutral">&nbsp;</span>
297
+ <span class="cline-any cline-no">&nbsp;</span>
298
+ <span class="cline-any cline-no">&nbsp;</span>
299
+ <span class="cline-any cline-no">&nbsp;</span>
300
+ <span class="cline-any cline-neutral">&nbsp;</span>
301
+ <span class="cline-any cline-neutral">&nbsp;</span>
302
+ <span class="cline-any cline-neutral">&nbsp;</span>
263
303
  <span class="cline-any cline-neutral">&nbsp;</span>
264
304
  <span class="cline-any cline-yes">1x</span>
265
- <span class="cline-any cline-yes">6x</span>
266
- <span class="cline-any cline-yes">6x</span>
267
- <span class="cline-any cline-yes">6x</span>
305
+ <span class="cline-any cline-neutral">&nbsp;</span>
268
306
  <span class="cline-any cline-neutral">&nbsp;</span>
269
307
  <span class="cline-any cline-yes">1x</span>
270
308
  <span class="cline-any cline-yes">1x</span>
271
309
  <span class="cline-any cline-yes">1x</span>
310
+ <span class="cline-any cline-yes">1x</span>
272
311
  <span class="cline-any cline-neutral">&nbsp;</span>
273
- <span class="cline-any cline-neutral">&nbsp;</span>
274
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import type {StoryObj} from "@storybook/web-components";
275
- import {within, expect} from "@storybook/test";
312
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import type {StoryObj} from "@storybook/web-components";
313
+ import {within, expect} from "@storybook/test";
276
314
  &nbsp;
277
315
  import '../custom-element/custom-element.js';
316
+ import {CharsCountInTextarea, WordCountOnType} from './dom-merge.test.stories';
278
317
  &nbsp;
279
318
  type CssProps = { title: string; tag: string; style: string; slot: string; payload: string };
280
319
  const defs = {title: '', tag: '', style: '', slot: '', payload: ''};
@@ -313,13 +352,19 @@ export const StyleDoesNotLeak: Story =
313
352
  , slot: 'text has to be green'
314
353
  , payload: '&lt;u&gt;no tags&lt;/u&gt;'
315
354
  }
316
- , play: async ({canvasElement}) =&gt;
317
- { const canvas = within(canvasElement);
318
- const el = await canvas.findByText('text has to be green');
319
- const st = getComputedStyle(el);
320
- const color = st.getPropertyValue('color');
355
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
356
+ { const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
357
+ const el = <span class="cstat-no" title="statement not covered" >await canvas.findByText('text has to be green');</span>
358
+ const st = <span class="cstat-no" title="statement not covered" >getComputedStyle(el);</span>
359
+ const color = <span class="cstat-no" title="statement not covered" >st.getPropertyValue('color');</span>
321
360
  // @ts-ignore
322
- expect(color).to.equal('rgb(0, 128, 0)')
361
+ <span class="cstat-no" title="statement not covered" > expect(color).to.equal('rgb(0, 128, 0)')</span>
362
+ <span class="cstat-no" title="statement not covered" > await expect( el.closest('custom-element')).toBeInTheDocument();</span>
363
+ const dce = <span class="cstat-no" title="statement not covered" >el.closest('custom-element');</span>
364
+ <span class="cstat-no" title="statement not covered" > await expect( dce.xsltString).toContain('&lt;xsl:stylesheet');</span>
365
+ <span class="cstat-no" title="statement not covered" > await expect( dce.dce.localName).toEqual('custom-element');</span>
366
+ <span class="cstat-no" title="statement not covered" > await expect( dce.dce.xsltString).toEqual(dce.xsltString);</span>
367
+ <span class="cstat-no" title="statement not covered" > await expect( dce.dce.xslt.documentElement.tagName ).toEqual('xsl:stylesheet');</span>
323
368
  },
324
369
  };
325
370
  &nbsp;
@@ -331,18 +376,18 @@ export const StyleIn2Instances: Story =
331
376
  , tag: 'dce-2'
332
377
  , payload: `&lt;u&gt;2 instances:&lt;/u&gt; &lt;dce-2 id="dce21"&gt;&lt;/dce-2&gt; * &lt;dce-2 id="dce22"&gt;&lt;/dce-2&gt;`
333
378
  }
334
- , play: async ({canvasElement}) =&gt;
379
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
335
380
  {
336
- await within(canvasElement).findByText('2 instances:');
337
- const color = ( css:string )=&gt;
338
- { const el = canvasElement.querySelector(css);
339
- const st = getComputedStyle( el! );
340
- return st.getPropertyValue('color');
381
+ <span class="cstat-no" title="statement not covered" > await within(canvasElement).findByText('2 instances:');</span>
382
+ const color = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >( c</span>ss:string )=&gt;</span>
383
+ { const el = <span class="cstat-no" title="statement not covered" >canvasElement.querySelector(css);</span>
384
+ const st = <span class="cstat-no" title="statement not covered" >getComputedStyle( el! );</span>
385
+ <span class="cstat-no" title="statement not covered" > return st.getPropertyValue('color');</span>
341
386
  };
342
- expect( color('legend' ) ).to.not.equal(color('b'));
343
- expect( color('legend' ) ).to.not.equal(color('b'));
344
- expect( color('#dce21 u') ).to .equal(color('b'));
345
- expect( color('#dce22 u') ).to .equal(color('b'));
387
+ <span class="cstat-no" title="statement not covered" > expect( color('legend' ) ).to.not.equal(color('b'));</span>
388
+ <span class="cstat-no" title="statement not covered" > expect( color('legend' ) ).to.not.equal(color('b'));</span>
389
+ <span class="cstat-no" title="statement not covered" > expect( color('#dce21 u') ).to .equal(color('b'));</span>
390
+ <span class="cstat-no" title="statement not covered" > expect( color('#dce22 u') ).to .equal(color('b'));</span>
346
391
  },
347
392
  };
348
393
  &nbsp;
@@ -353,28 +398,40 @@ export const OverrideInPayload: Story =
353
398
  , style: `color:green`
354
399
  , slot: 'is green'
355
400
  , tag: 'dce-3'
356
- , payload: ` &lt;u&gt;should be&lt;/u&gt; ${RED}:&lt;dce-3 id="dce32"&gt;
357
- &lt;template&gt;
358
- &lt;style&gt; color:red; &lt;/style&gt;
359
- &lt;u&gt;red&lt;/u&gt;
360
- &lt;/template&gt;
361
- &lt;/dce-3&gt; &lt;br/&gt;
362
- should be ${GREEN}: &lt;dce-3 id="dce31"&gt;green&lt;/dce-3&gt; `
401
+ , payload: `&lt;u&gt;should be&lt;/u&gt; ${RED}:
402
+ &lt;dce-3 id="dce32"&gt;
403
+ &lt;template&gt;
404
+ &lt;style&gt; color:red; &lt;/style&gt;
405
+ &lt;u&gt;red&lt;/u&gt;
406
+ &lt;/template&gt;
407
+ &lt;/dce-3&gt; &lt;br/&gt;
408
+ should be ${GREEN}:
409
+ &lt;dce-3 id="dce31"&gt;green&lt;/dce-3&gt; `
363
410
  }
364
- , play: async ({canvasElement}) =&gt;
411
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
365
412
  {
366
- await within(canvasElement).findByText('should be');
413
+ <span class="cstat-no" title="statement not covered" > await within(canvasElement).findByText('should be');</span>
367
414
  &nbsp;
368
- const color = ( css:string )=&gt;
369
- { const el = canvasElement.querySelector(css);
370
- const st = getComputedStyle( el! );
371
- return st.getPropertyValue('color');
415
+ const color = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >( c</span>ss:string )=&gt;</span>
416
+ { const el = <span class="cstat-no" title="statement not covered" >canvasElement.querySelector(css);</span>
417
+ const st = <span class="cstat-no" title="statement not covered" >getComputedStyle( el! );</span>
418
+ <span class="cstat-no" title="statement not covered" > return st.getPropertyValue('color');</span>
372
419
  };
373
- expect( color('legend' ) ).to.not.equal(color('b'));
374
- expect( color('#dce31 u') ).to .equal(color('b'));
375
- expect( color('#dce32 u') ).to .equal(color('i'));
420
+ <span class="cstat-no" title="statement not covered" > expect( color('legend' ) ).to.not.equal(color('b'));</span>
421
+ <span class="cstat-no" title="statement not covered" > expect( color('#dce31 u') ).to .equal(color('b'));</span>
422
+ <span class="cstat-no" title="statement not covered" > expect( color('#dce32 u') ).to .equal(color('i'));</span>
376
423
  },
377
424
  };
425
+ &nbsp;
426
+ /* istanbul ignore else -- @preserve */
427
+ if( 'test' === import.meta.env.MODE &amp;&amp;
428
+ !import.meta.url.includes('skiptest') )
429
+ {
430
+ const mod = await import('./css.test.stories.ts?skiptest');
431
+ const { testStoryBook } = await import('./testStoryBook')
432
+ const { describe } = await import('vitest')
433
+ describe(meta.title, () =&gt; testStoryBook( mod, meta ) );
434
+ }
378
435
  &nbsp;</pre></td></tr></table></pre>
379
436
 
380
437
  <div class='push'></div><!-- for sticky footer -->
@@ -382,7 +439,7 @@ export const OverrideInPayload: Story =
382
439
  <div class='footer quiet pad2 space-top1 center small'>
383
440
  Code coverage generated by
384
441
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
385
- at 2024-05-13T06:00:45.582Z
442
+ at 2024-06-27T03:24:38.495Z
386
443
  </div>
387
444
  <script src="../../prettify.js"></script>
388
445
  <script>
package/coverage/src/stories/dom-merge.test.stories.ts/coverage.svg ADDED
@@ -0,0 +1,10 @@
1
+ <svg viewBox="0 0 140 32" height="20px" xmlns="http://www.w3.org/2000/svg">
2
+ <style>
3
+ .heavy { font: bold 16px sans-serif; fill:white; }
4
+ .percent { font: bold 16px monotype; fill: white; }
5
+ </style>
6
+ <rect width="140" height="32" fill="#473" rx="4"/>
7
+ <rect width="88" height="32" fill="#534" rx="4"/>
8
+ <text x="8" y="21" class="heavy">coverage</text>
9
+ <text x="94" y="22" class="percent">26.31%</text>
10
+ </svg>
package/coverage/src/stories/{dom-merge.stories.ts.html → dom-merge.test.stories.ts.html} RENAMED
@@ -3,7 +3,7 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for src/stories/dom-merge.stories.ts</title>
6
+ <title>Code coverage report for src/stories/dom-merge.test.stories.ts</title>
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../base.css" />
@@ -19,34 +19,34 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../../index.html">All files</a> / <a href="index.html">src/stories</a> dom-merge.stories.ts</h1>
22
+ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/stories</a> dom-merge.test.stories.ts</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">100% </span>
26
+ <span class="strong">27.5% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>35/35</span>
28
+ <span class='fraction'>11/40</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">100% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>0/0</span>
35
+ <span class='fraction'>3/3</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
40
+ <span class="strong">33.33% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>5/5</span>
42
+ <span class='fraction'>2/6</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">100% </span>
47
+ <span class="strong">26.31% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>34/34</span>
49
+ <span class='fraction'>10/38</span>
50
50
  </div>
51
51
 
52
52
 
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  </template>
63
63
  </div>
64
- <div class='status-line high'></div>
64
+ <div class='status-line low'></div>
65
65
  <pre><table class="coverage">
66
66
  <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
67
  <a name='L2'></a><a href='#L2'>2</a>
@@ -176,7 +176,26 @@
176
176
  <a name='L111'></a><a href='#L111'>111</a>
177
177
  <a name='L112'></a><a href='#L112'>112</a>
178
178
  <a name='L113'></a><a href='#L113'>113</a>
179
- <a name='L114'></a><a href='#L114'>114</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
179
+ <a name='L114'></a><a href='#L114'>114</a>
180
+ <a name='L115'></a><a href='#L115'>115</a>
181
+ <a name='L116'></a><a href='#L116'>116</a>
182
+ <a name='L117'></a><a href='#L117'>117</a>
183
+ <a name='L118'></a><a href='#L118'>118</a>
184
+ <a name='L119'></a><a href='#L119'>119</a>
185
+ <a name='L120'></a><a href='#L120'>120</a>
186
+ <a name='L121'></a><a href='#L121'>121</a>
187
+ <a name='L122'></a><a href='#L122'>122</a>
188
+ <a name='L123'></a><a href='#L123'>123</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>
192
+ <a name='L127'></a><a href='#L127'>127</a>
193
+ <a name='L128'></a><a href='#L128'>128</a>
194
+ <a name='L129'></a><a href='#L129'>129</a>
195
+ <a name='L130'></a><a href='#L130'>130</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
196
+ <span class="cline-any cline-neutral">&nbsp;</span>
197
+ <span class="cline-any cline-neutral">&nbsp;</span>
198
+ <span class="cline-any cline-neutral">&nbsp;</span>
180
199
  <span class="cline-any cline-neutral">&nbsp;</span>
181
200
  <span class="cline-any cline-neutral">&nbsp;</span>
182
201
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -186,7 +205,11 @@
186
205
  <span class="cline-any cline-neutral">&nbsp;</span>
187
206
  <span class="cline-any cline-neutral">&nbsp;</span>
188
207
  <span class="cline-any cline-neutral">&nbsp;</span>
189
- <span class="cline-any cline-yes">3x</span>
208
+ <span class="cline-any cline-neutral">&nbsp;</span>
209
+ <span class="cline-any cline-neutral">&nbsp;</span>
210
+ <span class="cline-any cline-neutral">&nbsp;</span>
211
+ <span class="cline-any cline-neutral">&nbsp;</span>
212
+ <span class="cline-any cline-no">&nbsp;</span>
190
213
  <span class="cline-any cline-neutral">&nbsp;</span>
191
214
  <span class="cline-any cline-neutral">&nbsp;</span>
192
215
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -222,21 +245,20 @@
222
245
  <span class="cline-any cline-neutral">&nbsp;</span>
223
246
  <span class="cline-any cline-neutral">&nbsp;</span>
224
247
  <span class="cline-any cline-neutral">&nbsp;</span>
225
- <span class="cline-any cline-yes">1x</span>
226
- <span class="cline-any cline-yes">1x</span>
227
- <span class="cline-any cline-yes">1x</span>
228
- <span class="cline-any cline-yes">1x</span>
229
- <span class="cline-any cline-yes">1x</span>
230
- <span class="cline-any cline-yes">1x</span>
231
- <span class="cline-any cline-yes">1x</span>
232
- <span class="cline-any cline-yes">1x</span>
233
- <span class="cline-any cline-yes">1x</span>
234
- <span class="cline-any cline-yes">1x</span>
235
- <span class="cline-any cline-yes">1x</span>
236
- <span class="cline-any cline-yes">1x</span>
237
- <span class="cline-any cline-yes">1x</span>
238
- <span class="cline-any cline-yes">1x</span>
239
- <span class="cline-any cline-yes">1x</span>
248
+ <span class="cline-any cline-no">&nbsp;</span>
249
+ <span class="cline-any cline-no">&nbsp;</span>
250
+ <span class="cline-any cline-no">&nbsp;</span>
251
+ <span class="cline-any cline-no">&nbsp;</span>
252
+ <span class="cline-any cline-no">&nbsp;</span>
253
+ <span class="cline-any cline-no">&nbsp;</span>
254
+ <span class="cline-any cline-no">&nbsp;</span>
255
+ <span class="cline-any cline-no">&nbsp;</span>
256
+ <span class="cline-any cline-no">&nbsp;</span>
257
+ <span class="cline-any cline-no">&nbsp;</span>
258
+ <span class="cline-any cline-no">&nbsp;</span>
259
+ <span class="cline-any cline-no">&nbsp;</span>
260
+ <span class="cline-any cline-no">&nbsp;</span>
261
+ <span class="cline-any cline-no">&nbsp;</span>
240
262
  <span class="cline-any cline-neutral">&nbsp;</span>
241
263
  <span class="cline-any cline-neutral">&nbsp;</span>
242
264
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -274,32 +296,49 @@
274
296
  <span class="cline-any cline-neutral">&nbsp;</span>
275
297
  <span class="cline-any cline-neutral">&nbsp;</span>
276
298
  <span class="cline-any cline-neutral">&nbsp;</span>
299
+ <span class="cline-any cline-no">&nbsp;</span>
300
+ <span class="cline-any cline-no">&nbsp;</span>
301
+ <span class="cline-any cline-no">&nbsp;</span>
302
+ <span class="cline-any cline-no">&nbsp;</span>
303
+ <span class="cline-any cline-no">&nbsp;</span>
304
+ <span class="cline-any cline-no">&nbsp;</span>
305
+ <span class="cline-any cline-no">&nbsp;</span>
306
+ <span class="cline-any cline-no">&nbsp;</span>
307
+ <span class="cline-any cline-no">&nbsp;</span>
308
+ <span class="cline-any cline-no">&nbsp;</span>
309
+ <span class="cline-any cline-no">&nbsp;</span>
310
+ <span class="cline-any cline-no">&nbsp;</span>
311
+ <span class="cline-any cline-no">&nbsp;</span>
312
+ <span class="cline-any cline-neutral">&nbsp;</span>
313
+ <span class="cline-any cline-neutral">&nbsp;</span>
314
+ <span class="cline-any cline-neutral">&nbsp;</span>
315
+ <span class="cline-any cline-neutral">&nbsp;</span>
277
316
  <span class="cline-any cline-yes">1x</span>
317
+ <span class="cline-any cline-neutral">&nbsp;</span>
318
+ <span class="cline-any cline-neutral">&nbsp;</span>
278
319
  <span class="cline-any cline-yes">1x</span>
279
320
  <span class="cline-any cline-yes">1x</span>
280
321
  <span class="cline-any cline-yes">1x</span>
281
322
  <span class="cline-any cline-yes">1x</span>
282
- <span class="cline-any cline-yes">1x</span>
283
- <span class="cline-any cline-yes">1x</span>
284
- <span class="cline-any cline-yes">1x</span>
285
- <span class="cline-any cline-yes">1x</span>
286
- <span class="cline-any cline-yes">1x</span>
287
- <span class="cline-any cline-yes">1x</span>
288
- <span class="cline-any cline-yes">1x</span>
289
- <span class="cline-any cline-yes">1x</span>
290
- <span class="cline-any cline-neutral">&nbsp;</span>
291
323
  <span class="cline-any cline-neutral">&nbsp;</span>
292
324
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">// noinspection DuplicatedCode
293
325
  &nbsp;
294
- import type { StoryObj } from '@storybook/web-components';
326
+ import type { StoryObj } from '@storybook/web-components';
295
327
  import {expect, getByTestId, within, userEvent} from '@storybook/test';
296
328
  &nbsp;
297
329
  import '../custom-element/custom-element.js';
330
+ import {
331
+ ByIdWithinXsltFile, EmbeddingInAnotherFile,
332
+ ExternalHtmlFile, ExternalHtmlFileInline, ExternalSvg, ExternalXsltFile, HtmlWithinHtmlFile, MathMLWithinHtmlFile,
333
+ MissingIdWithinXsltFile,
334
+ NoTag,
335
+ SvgWithinHtmlFile, TemplateInPage
336
+ } from './external-template.test.stories';
298
337
  &nbsp;
299
338
  type TProps = { title: string; body:string};
300
339
  &nbsp;
301
340
  type Story = StoryObj&lt;TProps&gt;;
302
- function sleep(ms: number) { return new Promise((resolve) =&gt; setTimeout(resolve, ms)); }
341
+ function <span class="fstat-no" title="function not covered" >sleep(m</span>s: number) { <span class="cstat-no" title="statement not covered" >return new Promise(<span class="fstat-no" title="function not covered" >(r</span>esolve) =&gt; <span class="cstat-no" title="statement not covered" >setTimeout(resolve, ms))</span>; }</span>
303
342
  &nbsp;
304
343
  function render(args: TProps)
305
344
  {
@@ -333,23 +372,22 @@ export const CharsCountInTextarea:Story =
333
372
  &lt;/form&gt;
334
373
  &lt;/custom-element&gt;
335
374
  `}
336
- , play: async ({canvasElement}) =&gt;
375
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
337
376
  {
338
- const titleText = CharsCountInTextarea.args!.title as string;
339
- const canvas = within(canvasElement);
340
- await canvas.findByText(titleText);
341
- await sleep(100);
342
- expect(await canvas.findByTestId('textarea-id')).toBeInTheDocument();
343
- const textarea = canvas.getByTestId('textarea-id');
344
- textarea.value ='';
345
- textarea.focus();
346
- await userEvent.keyboard(titleText);
347
- expect(textarea.value).toEqual(titleText);
348
- expect(textarea.value.length).toEqual(titleText.length);
349
- debugger;
350
- canvas.getByTestId('refocus-id').focus();
351
- await sleep(10);
352
- expect(canvas.getByTestId('counter-id').textContent).toEqual(''+titleText?.length,'counter of symbols');
377
+ const titleText = <span class="cstat-no" title="statement not covered" >CharsCountInTextarea.args!.title as string;</span>
378
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
379
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText(titleText);</span>
380
+ <span class="cstat-no" title="statement not covered" > await sleep(100);</span>
381
+ <span class="cstat-no" title="statement not covered" > expect(await canvas.findByTestId('textarea-id')).toBeInTheDocument();</span>
382
+ const textarea = <span class="cstat-no" title="statement not covered" >canvas.getByTestId('textarea-id');</span>
383
+ <span class="cstat-no" title="statement not covered" > textarea.value ='';</span>
384
+ <span class="cstat-no" title="statement not covered" > textarea.focus();</span>
385
+ <span class="cstat-no" title="statement not covered" > await userEvent.keyboard(titleText);</span>
386
+ <span class="cstat-no" title="statement not covered" > expect(textarea.value).toEqual(titleText);</span>
387
+ <span class="cstat-no" title="statement not covered" > expect(textarea.value.length).toEqual(titleText.length);</span>
388
+ <span class="cstat-no" title="statement not covered" > canvas.getByTestId('refocus-id').focus();</span>
389
+ <span class="cstat-no" title="statement not covered" > await sleep(10);</span>
390
+ <span class="cstat-no" title="statement not covered" > expect(canvas.getByTestId('counter-id').textContent).toEqual(''+titleText?.length,'counter of symbols');</span>
353
391
  },
354
392
  };
355
393
  &nbsp;
@@ -371,7 +409,7 @@ export const WordCountOnType:Story =
371
409
  &lt;code data-testid="words-id"
372
410
  &gt;{
373
411
  string-length(normalize-space(//slice/txt)) -
374
- string-length(translate(normalize-space(//slice/txt), ' ', '')) + 1
412
+ string-length(translate(normalize-space(//slice/txt), ' ', '')) + 1
375
413
  }&lt;/code&gt;
376
414
  &lt;!-- The expression first normalizes the string by removing leading and trailing whitespace and
377
415
  collapsing internal whitespace into a single space. It then subtracts the length of the string
@@ -385,23 +423,33 @@ export const WordCountOnType:Story =
385
423
  &lt;/form&gt;
386
424
  &lt;/custom-element&gt;
387
425
  `}
388
- , play: async ({canvasElement}) =&gt;
426
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
389
427
  {
390
- const titleText = WordCountOnType.args!.title as string;
391
- const canvas = within(canvasElement);
392
- await canvas.findByText(titleText);
393
- const input = await canvas.findByTestId('input-id');
394
- input.value = '';
395
- input.focus();
396
- expect(input).toBeInTheDocument();
397
- await userEvent.keyboard(titleText);
398
- await sleep(10);
399
- expect(input.value).toEqual(titleText);
400
- expect(canvas.getByTestId('chars-id').textContent.trim()).toEqual(''+titleText.length, 'counter of symbols');
401
- expect(titleText.split(' ').length).toEqual(6, 'counter of words in text sample');
402
- expect(canvas.getByTestId('words-id').textContent.trim()).toEqual('6', 'counter of words in render');
428
+ const titleText = <span class="cstat-no" title="statement not covered" >WordCountOnType.args!.title as string;</span>
429
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
430
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText(titleText);</span>
431
+ const input = <span class="cstat-no" title="statement not covered" >await canvas.findByTestId('input-id');</span>
432
+ <span class="cstat-no" title="statement not covered" > input.value = '';</span>
433
+ <span class="cstat-no" title="statement not covered" > input.focus();</span>
434
+ <span class="cstat-no" title="statement not covered" > expect(input).toBeInTheDocument();</span>
435
+ <span class="cstat-no" title="statement not covered" > await userEvent.keyboard(titleText);</span>
436
+ <span class="cstat-no" title="statement not covered" > await sleep(10);</span>
437
+ <span class="cstat-no" title="statement not covered" > expect(input.value).toEqual(titleText);</span>
438
+ <span class="cstat-no" title="statement not covered" > expect(canvas.getByTestId('chars-id').textContent.trim()).toEqual(''+titleText.length, 'counter of symbols');</span>
439
+ <span class="cstat-no" title="statement not covered" > expect(titleText.split(' ').length).toEqual(6, 'counter of words in text sample');</span>
440
+ <span class="cstat-no" title="statement not covered" > expect(canvas.getByTestId('words-id').textContent.trim()).toEqual('6', 'counter of words in render');</span>
403
441
  },
404
442
  };
443
+ &nbsp;
444
+ /* istanbul ignore else -- @preserve */
445
+ if( 'test' === import.meta.env.MODE &amp;&amp;
446
+ !import.meta.url.includes('skiptest') )
447
+ {
448
+ const mod = await import('./dom-merge.test.stories.ts?skiptest');
449
+ const { testStoryBook } = await import('./testStoryBook')
450
+ const { describe } = await import('vitest')
451
+ describe(meta.title, () =&gt; testStoryBook( mod, meta ) );
452
+ }
405
453
  &nbsp;</pre></td></tr></table></pre>
406
454
 
407
455
  <div class='push'></div><!-- for sticky footer -->
@@ -409,7 +457,7 @@ export const WordCountOnType:Story =
409
457
  <div class='footer quiet pad2 space-top1 center small'>
410
458
  Code coverage generated by
411
459
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
412
- at 2024-05-13T06:00:45.582Z
460
+ at 2024-06-27T03:24:38.495Z
413
461
  </div>
414
462
  <script src="../../prettify.js"></script>
415
463
  <script>