@epa-wg/custom-element-dist 0.0.22 → 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 (79) hide show
  1. package/.idea/.gitignore +8 -0
  2. package/README.md +4 -4
  3. package/coverage/coverage-final.json +13 -15
  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.html +72 -72
  7. package/coverage/src/custom-element/http-request.js.html +10 -10
  8. package/coverage/src/custom-element/index.html +10 -40
  9. package/coverage/src/custom-element/local-storage.js.html +5 -5
  10. package/coverage/src/custom-element/location-element.js.html +1 -1
  11. package/coverage/src/index.html +1 -1
  12. package/coverage/src/mocks/handlers.ts.html +1 -1
  13. package/coverage/src/mocks/index.html +1 -1
  14. package/coverage/src/stories/attributes.test.stories.ts/coverage.svg +1 -1
  15. package/coverage/src/stories/attributes.test.stories.ts.html +85 -91
  16. package/coverage/src/stories/coverage.svg +1 -1
  17. package/coverage/src/stories/css.test.stories.ts/coverage.svg +1 -1
  18. package/coverage/src/stories/css.test.stories.ts.html +75 -78
  19. package/coverage/src/stories/dom-merge.test.stories.ts/coverage.svg +1 -1
  20. package/coverage/src/stories/dom-merge.test.stories.ts.html +74 -74
  21. package/coverage/src/stories/external-template.test.stories.ts/coverage.svg +1 -1
  22. package/coverage/src/stories/external-template.test.stories.ts.html +154 -154
  23. package/coverage/src/stories/form.test.stories.ts/coverage.svg +1 -1
  24. package/coverage/src/stories/form.test.stories.ts.html +83 -86
  25. package/coverage/src/stories/http-request.stories.ts.html +1 -1
  26. package/coverage/src/stories/index.html +104 -104
  27. package/coverage/src/stories/local-storage.test.stories.ts/coverage.svg +1 -1
  28. package/coverage/src/stories/local-storage.test.stories.ts.html +444 -444
  29. package/coverage/src/stories/location-element.test.stories.ts/coverage.svg +1 -1
  30. package/coverage/src/stories/location-element.test.stories.ts.html +96 -96
  31. package/coverage/src/stories/slice-events.test.stories.ts/coverage.svg +1 -1
  32. package/coverage/src/stories/slice-events.test.stories.ts.html +141 -141
  33. package/coverage/src/stories/slots.test.stories.ts/coverage.svg +1 -1
  34. package/coverage/src/stories/slots.test.stories.ts.html +120 -123
  35. package/coverage/src/stories/{renderPlay.ts.html → testStoryBook.ts.html} +43 -22
  36. package/coverage/src/sum.ts.html +1 -1
  37. package/package.json +3 -3
  38. package/src/custom-element/demo/form.html +91 -44
  39. package/src/custom-element/demo/s.xml +9 -17
  40. package/src/custom-element/ide/web-types-dce.json +1 -1
  41. package/src/custom-element/ide/web-types-xsl.json +1 -1
  42. package/src/stories/attributes.test.stories.ts +9 -11
  43. package/src/stories/css.test.stories.ts +6 -7
  44. package/src/stories/dom-merge.test.stories.ts +6 -6
  45. package/src/stories/external-template.test.stories.ts +6 -6
  46. package/src/stories/form.test.stories.ts +6 -7
  47. package/src/stories/local-storage.test.stories.ts +7 -7
  48. package/src/stories/location-element.test.stories.ts +6 -6
  49. package/src/stories/slice-events.test.stories.ts +6 -6
  50. package/src/stories/slots.test.stories.ts +6 -7
  51. package/src/stories/testStoryBook.ts +28 -0
  52. package/storybook-static/assets/{Color-PRSJMWNM-e4s261EJ.js → Color-PRSJMWNM-BD_Ds9NW.js} +1 -1
  53. package/storybook-static/assets/{Configure-DWut7txe.js → Configure-70I_VApa.js} +1 -1
  54. package/storybook-static/assets/{DocsRenderer-K4EAMTCU-CaXVGjCl.js → DocsRenderer-K4EAMTCU-9dn0-HCP.js} +2 -2
  55. package/storybook-static/assets/{WithTooltip-KJL26V4Q--B8vdnMi.js → WithTooltip-KJL26V4Q-C6g5GOU9.js} +1 -1
  56. package/storybook-static/assets/{attributes.test.stories-IuwazrdL.js → attributes.test.stories-BEOraI4E.js} +2 -1
  57. package/storybook-static/assets/{formatter-2WMMO6ZP-SJtgH3vM.js → formatter-2WMMO6ZP-6IvBq34u.js} +1 -1
  58. package/storybook-static/assets/{iframe-CM82WlGY.js → iframe-zdt9kuj6.js} +2 -2
  59. package/storybook-static/assets/{index-DNL-IEpS.js → index-B3oZkK3F.js} +1 -1
  60. package/storybook-static/assets/{index-CEZitmnt.js → index-C30JwJMK.js} +5 -5
  61. package/storybook-static/assets/{index-D1MP-Zis.js → index-DhXZyjEd.js} +1 -1
  62. package/storybook-static/assets/{preview-5Y0XiZgz.js → preview-D0eCfQft.js} +2 -2
  63. package/storybook-static/assets/{syntaxhighlighter-BP7B2CQK-BWFH_0wQ.js → syntaxhighlighter-BP7B2CQK-DpPBKyTO.js} +1 -1
  64. package/storybook-static/iframe.html +1 -1
  65. package/storybook-static/project.json +1 -1
  66. package/tsconfig.json +31 -21
  67. package/yarn.lock +10242 -0
  68. package/.vscode/settings.json +0 -24
  69. package/coverage/src/custom-element/custom-element1-1.js/coverage.svg +0 -10
  70. package/coverage/src/custom-element/custom-element1-1.js.html +0 -2374
  71. package/coverage/src/custom-element/custom-element1.js/coverage.svg +0 -10
  72. package/coverage/src/custom-element/custom-element1.js.html +0 -2374
  73. package/src/custom-element/custom-element1-1.js +0 -763
  74. package/src/custom-element/custom-element1.js +0 -763
  75. package/src/custom-element/custom-element1.js0 +0 -750
  76. package/src/custom-element/custom-element2.js0 +0 -759
  77. package/src/custom-element/custom-element3.js0 +0 -763
  78. package/src/stories/renderPlay.ts +0 -21
  79. /package/coverage/src/stories/{renderPlay.ts → testStoryBook.ts}/coverage.svg +0 -0
package/coverage/src/stories/slice-events.test.stories.ts.html CHANGED
@@ -23,30 +23,30 @@
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">17.94% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>78/78</span>
28
+ <span class='fraction'>14/78</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'>1/1</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">15.38% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>13/13</span>
42
+ <span class='fraction'>2/13</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">17.8% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>73/73</span>
49
+ <span class='fraction'>13/73</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>
@@ -273,7 +273,7 @@
273
273
  <span class="cline-any cline-neutral">&nbsp;</span>
274
274
  <span class="cline-any cline-neutral">&nbsp;</span>
275
275
  <span class="cline-any cline-neutral">&nbsp;</span>
276
- <span class="cline-any cline-yes">5x</span>
276
+ <span class="cline-any cline-no">&nbsp;</span>
277
277
  <span class="cline-any cline-neutral">&nbsp;</span>
278
278
  <span class="cline-any cline-neutral">&nbsp;</span>
279
279
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -306,31 +306,31 @@
306
306
  <span class="cline-any cline-neutral">&nbsp;</span>
307
307
  <span class="cline-any cline-neutral">&nbsp;</span>
308
308
  <span class="cline-any cline-neutral">&nbsp;</span>
309
- <span class="cline-any cline-yes">1x</span>
310
- <span class="cline-any cline-yes">1x</span>
311
- <span class="cline-any cline-yes">1x</span>
312
- <span class="cline-any cline-yes">1x</span>
313
- <span class="cline-any cline-yes">1x</span>
314
- <span class="cline-any cline-yes">1x</span>
315
- <span class="cline-any cline-yes">1x</span>
316
- <span class="cline-any cline-yes">1x</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-no">&nbsp;</span>
313
+ <span class="cline-any cline-no">&nbsp;</span>
314
+ <span class="cline-any cline-no">&nbsp;</span>
315
+ <span class="cline-any cline-no">&nbsp;</span>
316
+ <span class="cline-any cline-no">&nbsp;</span>
317
317
  <span class="cline-any cline-neutral">&nbsp;</span>
318
- <span class="cline-any cline-yes">1x</span>
319
- <span class="cline-any cline-yes">1x</span>
320
- <span class="cline-any cline-yes">1x</span>
321
- <span class="cline-any cline-yes">1x</span>
318
+ <span class="cline-any cline-no">&nbsp;</span>
319
+ <span class="cline-any cline-no">&nbsp;</span>
320
+ <span class="cline-any cline-no">&nbsp;</span>
321
+ <span class="cline-any cline-no">&nbsp;</span>
322
322
  <span class="cline-any cline-neutral">&nbsp;</span>
323
- <span class="cline-any cline-yes">1x</span>
324
- <span class="cline-any cline-yes">1x</span>
325
- <span class="cline-any cline-yes">1x</span>
326
- <span class="cline-any cline-yes">1x</span>
327
- <span class="cline-any cline-yes">1x</span>
328
- <span class="cline-any cline-yes">1x</span>
323
+ <span class="cline-any cline-no">&nbsp;</span>
324
+ <span class="cline-any cline-no">&nbsp;</span>
325
+ <span class="cline-any cline-no">&nbsp;</span>
326
+ <span class="cline-any cline-no">&nbsp;</span>
327
+ <span class="cline-any cline-no">&nbsp;</span>
328
+ <span class="cline-any cline-no">&nbsp;</span>
329
329
  <span class="cline-any cline-neutral">&nbsp;</span>
330
- <span class="cline-any cline-yes">1x</span>
331
- <span class="cline-any cline-yes">1x</span>
332
- <span class="cline-any cline-yes">1x</span>
333
- <span class="cline-any cline-yes">1x</span>
330
+ <span class="cline-any cline-no">&nbsp;</span>
331
+ <span class="cline-any cline-no">&nbsp;</span>
332
+ <span class="cline-any cline-no">&nbsp;</span>
333
+ <span class="cline-any cline-no">&nbsp;</span>
334
334
  <span class="cline-any cline-neutral">&nbsp;</span>
335
335
  <span class="cline-any cline-neutral">&nbsp;</span>
336
336
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -349,20 +349,20 @@
349
349
  <span class="cline-any cline-neutral">&nbsp;</span>
350
350
  <span class="cline-any cline-neutral">&nbsp;</span>
351
351
  <span class="cline-any cline-neutral">&nbsp;</span>
352
- <span class="cline-any cline-yes">1x</span>
353
- <span class="cline-any cline-yes">1x</span>
354
- <span class="cline-any cline-yes">1x</span>
355
- <span class="cline-any cline-yes">2x</span>
356
- <span class="cline-any cline-yes">2x</span>
357
- <span class="cline-any cline-yes">2x</span>
352
+ <span class="cline-any cline-no">&nbsp;</span>
353
+ <span class="cline-any cline-no">&nbsp;</span>
354
+ <span class="cline-any cline-no">&nbsp;</span>
355
+ <span class="cline-any cline-no">&nbsp;</span>
356
+ <span class="cline-any cline-no">&nbsp;</span>
357
+ <span class="cline-any cline-no">&nbsp;</span>
358
358
  <span class="cline-any cline-neutral">&nbsp;</span>
359
- <span class="cline-any cline-yes">1x</span>
359
+ <span class="cline-any cline-no">&nbsp;</span>
360
360
  <span class="cline-any cline-neutral">&nbsp;</span>
361
- <span class="cline-any cline-yes">1x</span>
362
- <span class="cline-any cline-yes">1x</span>
363
- <span class="cline-any cline-yes">1x</span>
364
- <span class="cline-any cline-yes">1x</span>
365
- <span class="cline-any cline-yes">1x</span>
361
+ <span class="cline-any cline-no">&nbsp;</span>
362
+ <span class="cline-any cline-no">&nbsp;</span>
363
+ <span class="cline-any cline-no">&nbsp;</span>
364
+ <span class="cline-any cline-no">&nbsp;</span>
365
+ <span class="cline-any cline-no">&nbsp;</span>
366
366
  <span class="cline-any cline-neutral">&nbsp;</span>
367
367
  <span class="cline-any cline-neutral">&nbsp;</span>
368
368
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -370,14 +370,14 @@
370
370
  <span class="cline-any cline-neutral">&nbsp;</span>
371
371
  <span class="cline-any cline-neutral">&nbsp;</span>
372
372
  <span class="cline-any cline-neutral">&nbsp;</span>
373
- <span class="cline-any cline-yes">1x</span>
373
+ <span class="cline-any cline-no">&nbsp;</span>
374
374
  <span class="cline-any cline-neutral">&nbsp;</span>
375
375
  <span class="cline-any cline-neutral">&nbsp;</span>
376
- <span class="cline-any cline-yes">1x</span>
377
- <span class="cline-any cline-yes">1x</span>
378
- <span class="cline-any cline-yes">1x</span>
379
- <span class="cline-any cline-yes">1x</span>
380
- <span class="cline-any cline-yes">1x</span>
376
+ <span class="cline-any cline-no">&nbsp;</span>
377
+ <span class="cline-any cline-no">&nbsp;</span>
378
+ <span class="cline-any cline-no">&nbsp;</span>
379
+ <span class="cline-any cline-no">&nbsp;</span>
380
+ <span class="cline-any cline-no">&nbsp;</span>
381
381
  <span class="cline-any cline-neutral">&nbsp;</span>
382
382
  <span class="cline-any cline-neutral">&nbsp;</span>
383
383
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -396,14 +396,14 @@
396
396
  <span class="cline-any cline-neutral">&nbsp;</span>
397
397
  <span class="cline-any cline-neutral">&nbsp;</span>
398
398
  <span class="cline-any cline-neutral">&nbsp;</span>
399
- <span class="cline-any cline-yes">1x</span>
400
- <span class="cline-any cline-yes">1x</span>
401
- <span class="cline-any cline-yes">1x</span>
402
- <span class="cline-any cline-yes">1x</span>
403
- <span class="cline-any cline-yes">1x</span>
404
- <span class="cline-any cline-yes">1x</span>
405
- <span class="cline-any cline-yes">1x</span>
406
- <span class="cline-any cline-yes">1x</span>
399
+ <span class="cline-any cline-no">&nbsp;</span>
400
+ <span class="cline-any cline-no">&nbsp;</span>
401
+ <span class="cline-any cline-no">&nbsp;</span>
402
+ <span class="cline-any cline-no">&nbsp;</span>
403
+ <span class="cline-any cline-no">&nbsp;</span>
404
+ <span class="cline-any cline-no">&nbsp;</span>
405
+ <span class="cline-any cline-no">&nbsp;</span>
406
+ <span class="cline-any cline-no">&nbsp;</span>
407
407
  <span class="cline-any cline-neutral">&nbsp;</span>
408
408
  <span class="cline-any cline-neutral">&nbsp;</span>
409
409
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -423,12 +423,12 @@
423
423
  <span class="cline-any cline-neutral">&nbsp;</span>
424
424
  <span class="cline-any cline-neutral">&nbsp;</span>
425
425
  <span class="cline-any cline-neutral">&nbsp;</span>
426
- <span class="cline-any cline-yes">1x</span>
427
- <span class="cline-any cline-yes">1x</span>
428
- <span class="cline-any cline-yes">1x</span>
429
- <span class="cline-any cline-yes">1x</span>
430
- <span class="cline-any cline-yes">1x</span>
431
- <span class="cline-any cline-yes">1x</span>
426
+ <span class="cline-any cline-no">&nbsp;</span>
427
+ <span class="cline-any cline-no">&nbsp;</span>
428
+ <span class="cline-any cline-no">&nbsp;</span>
429
+ <span class="cline-any cline-no">&nbsp;</span>
430
+ <span class="cline-any cline-no">&nbsp;</span>
431
+ <span class="cline-any cline-no">&nbsp;</span>
432
432
  <span class="cline-any cline-neutral">&nbsp;</span>
433
433
  <span class="cline-any cline-neutral">&nbsp;</span>
434
434
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -446,11 +446,12 @@
446
446
  <span class="cline-any cline-neutral">&nbsp;</span>
447
447
  <span class="cline-any cline-neutral">&nbsp;</span>
448
448
  <span class="cline-any cline-neutral">&nbsp;</span>
449
- <span class="cline-any cline-yes">1x</span>
450
- <span class="cline-any cline-yes">1x</span>
451
- <span class="cline-any cline-yes">1x</span>
452
- <span class="cline-any cline-yes">1x</span>
453
- <span class="cline-any cline-yes">1x</span>
449
+ <span class="cline-any cline-no">&nbsp;</span>
450
+ <span class="cline-any cline-no">&nbsp;</span>
451
+ <span class="cline-any cline-no">&nbsp;</span>
452
+ <span class="cline-any cline-no">&nbsp;</span>
453
+ <span class="cline-any cline-no">&nbsp;</span>
454
+ <span class="cline-any cline-neutral">&nbsp;</span>
454
455
  <span class="cline-any cline-neutral">&nbsp;</span>
455
456
  <span class="cline-any cline-neutral">&nbsp;</span>
456
457
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -458,7 +459,6 @@
458
459
  <span class="cline-any cline-neutral">&nbsp;</span>
459
460
  <span class="cline-any cline-neutral">&nbsp;</span>
460
461
  <span class="cline-any cline-yes">1x</span>
461
- <span class="cline-any cline-neutral">&nbsp;</span>
462
462
  <span class="cline-any cline-yes">1x</span>
463
463
  <span class="cline-any cline-yes">1x</span>
464
464
  <span class="cline-any cline-yes">1x</span>
@@ -473,7 +473,7 @@ import '../custom-element/custom-element.js';
473
473
  type TProps = { title: string; body:string};
474
474
  &nbsp;
475
475
  type Story = StoryObj&lt;TProps&gt;;
476
- function sleep(ms: number) { return new Promise((resolve) =&gt; setTimeout(resolve, ms)); }
476
+ 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>
477
477
  &nbsp;
478
478
  function render(args: TProps)
479
479
  {
@@ -504,33 +504,33 @@ export const SliceInitChangeEvent:Story =
504
504
  &lt;/template&gt;
505
505
  &lt;/custom-element&gt;
506
506
  `}
507
- , play: async ({canvasElement}) =&gt;
507
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
508
508
  {
509
- const titleText = SliceInitChangeEvent.args!.title as string;
510
- const canvas = within(canvasElement);
511
- await canvas.findByText(titleText);
512
- const code = await canvas.findByTestId('slice-value');
513
- const input = await canvasElement.querySelector('[type="number"]') as HTMLInputElement;
514
- await expect(code).toBeInTheDocument();
515
- expect(code.textContent).to.equal('0', 'initial slot value 0');
516
- expect(input.value).to.equal('0', 'initial input value 0');
509
+ const titleText = <span class="cstat-no" title="statement not covered" >SliceInitChangeEvent.args!.title as string;</span>
510
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
511
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText(titleText);</span>
512
+ const code = <span class="cstat-no" title="statement not covered" >await canvas.findByTestId('slice-value');</span>
513
+ const input = <span class="cstat-no" title="statement not covered" >await canvasElement.querySelector('[type="number"]') as HTMLInputElement;</span>
514
+ <span class="cstat-no" title="statement not covered" > await expect(code).toBeInTheDocument();</span>
515
+ <span class="cstat-no" title="statement not covered" > expect(code.textContent).to.equal('0', 'initial slot value 0');</span>
516
+ <span class="cstat-no" title="statement not covered" > expect(input.value).to.equal('0', 'initial input value 0');</span>
517
517
  &nbsp;
518
- canvasElement.querySelector('[slice-value="//clickcount + 1"]').click()
519
- await sleep(10);
520
- expect(code.textContent).to.equal('1', 'increment to 1');
521
- expect(input.value).to.equal('1', 'increment input 1');
518
+ <span class="cstat-no" title="statement not covered" > canvasElement.querySelector('[slice-value="//clickcount + 1"]').click()</span>
519
+ <span class="cstat-no" title="statement not covered" > await sleep(10);</span>
520
+ <span class="cstat-no" title="statement not covered" > expect(code.textContent).to.equal('1', 'increment to 1');</span>
521
+ <span class="cstat-no" title="statement not covered" > expect(input.value).to.equal('1', 'increment input 1');</span>
522
522
  &nbsp;
523
- canvasElement.querySelector('[slice-value="//clickcount + 1"]').click();
524
- await sleep(10);
525
- canvasElement.querySelector('[slice-value="//clickcount + 1"]').click();
526
- await sleep(10);
527
- expect(code.textContent).to.equal('3', 'double increment to 3');
528
- expect(input.value).to.equal('3', 'double increment input to 3');
523
+ <span class="cstat-no" title="statement not covered" > canvasElement.querySelector('[slice-value="//clickcount + 1"]').click();</span>
524
+ <span class="cstat-no" title="statement not covered" > await sleep(10);</span>
525
+ <span class="cstat-no" title="statement not covered" > canvasElement.querySelector('[slice-value="//clickcount + 1"]').click();</span>
526
+ <span class="cstat-no" title="statement not covered" > await sleep(10);</span>
527
+ <span class="cstat-no" title="statement not covered" > expect(code.textContent).to.equal('3', 'double increment to 3');</span>
528
+ <span class="cstat-no" title="statement not covered" > expect(input.value).to.equal('3', 'double increment input to 3');</span>
529
529
  &nbsp;
530
- canvasElement.querySelector('[slice-value="//clickcount - 1"]').click();
531
- await sleep(10);
532
- expect(code.textContent).to.equal('2', 'decrement to 2');
533
- expect(input.value).to.equal('2', 'decrement input to 2');
530
+ <span class="cstat-no" title="statement not covered" > canvasElement.querySelector('[slice-value="//clickcount - 1"]').click();</span>
531
+ <span class="cstat-no" title="statement not covered" > await sleep(10);</span>
532
+ <span class="cstat-no" title="statement not covered" > expect(code.textContent).to.equal('2', 'decrement to 2');</span>
533
+ <span class="cstat-no" title="statement not covered" > expect(input.value).to.equal('2', 'decrement input to 2');</span>
534
534
  },
535
535
  };
536
536
  &nbsp;
@@ -547,22 +547,22 @@ export const RealtimeEventInSlice:Story =
547
547
  &lt;/template&gt;
548
548
  &lt;/custom-element&gt;
549
549
  `}
550
- , play: async ({canvasElement}) =&gt;
550
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
551
551
  {
552
- const titleText = RealtimeEventInSlice.args!.title as string;
553
- const canvas = within(canvasElement);
554
- await canvas.findByText(titleText);
555
- const sliceText = ()=&gt; canvas.getByTestId('//slice/s').textContent
556
- , offsetY = ()=&gt; canvas.getByTestId('//slice/s/event/@offsetY').textContent
557
- , eventType = ()=&gt; canvas.getByTestId('//slice/s/event/@type').textContent;
552
+ const titleText = <span class="cstat-no" title="statement not covered" >RealtimeEventInSlice.args!.title as string;</span>
553
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
554
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText(titleText);</span>
555
+ const sliceText = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()=&gt; <span class="cstat-no" title="statement not covered" >c</span>anvas.getByTestId('//slice/s').textContent</span></span>
556
+ , offsetY = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()=&gt; <span class="cstat-no" title="statement not covered" >c</span>anvas.getByTestId('//slice/s/event/@offsetY').textContent</span></span>
557
+ , eventType = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()=&gt; <span class="cstat-no" title="statement not covered" >c</span>anvas.getByTestId('//slice/s/event/@type').textContent;</span></span>
558
558
  &nbsp;
559
- const input = await canvasElement.querySelector('textarea');
559
+ const input = <span class="cstat-no" title="statement not covered" >await canvasElement.querySelector('textarea');</span>
560
560
  // expect(input).toBeInTheDocument();
561
- expect( sliceText() ).to.equal('', 'initial slot value blank');
562
- expect( offsetY() ).to.equal('', 'initial slot offsetY blank');
563
- expect( eventType() ).to.equal('', 'initial slot event blank');
564
- const emitXy = ( x, y, eventName ) =&gt;
565
- { const ev = new MouseEvent(eventName,
561
+ <span class="cstat-no" title="statement not covered" > expect( sliceText() ).to.equal('', 'initial slot value blank');</span>
562
+ <span class="cstat-no" title="statement not covered" > expect( offsetY() ).to.equal('', 'initial slot offsetY blank');</span>
563
+ <span class="cstat-no" title="statement not covered" > expect( eventType() ).to.equal('', 'initial slot event blank');</span>
564
+ const emitXy = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >( x</span>, y, eventName ) =&gt;</span>
565
+ { const ev = <span class="cstat-no" title="statement not covered" >new MouseEvent(eventName,</span>
566
566
  { screenX: x,
567
567
  screenY: y,
568
568
  clientX: x,
@@ -570,14 +570,14 @@ export const RealtimeEventInSlice:Story =
570
570
  offsetX: x,
571
571
  offsetY: y,
572
572
  });
573
- input.dispatchEvent( ev );
573
+ <span class="cstat-no" title="statement not covered" > input.dispatchEvent( ev );</span>
574
574
  };
575
575
  &nbsp;
576
- emitXy(20,20,'click');
577
- await sleep(10);
578
- expect( sliceText() ).to.equal('x:20', 'click slot value 20');
579
- expect( Number(offsetY()) ).to.be.lessThan(0, 'offsetY click');
580
- expect( eventType() ).to.equal('click', 'click event type');
576
+ <span class="cstat-no" title="statement not covered" > emitXy(20,20,'click');</span>
577
+ <span class="cstat-no" title="statement not covered" > await sleep(10);</span>
578
+ <span class="cstat-no" title="statement not covered" > expect( sliceText() ).to.equal('x:20', 'click slot value 20');</span>
579
+ <span class="cstat-no" title="statement not covered" > expect( Number(offsetY()) ).to.be.lessThan(0, 'offsetY click');</span>
580
+ <span class="cstat-no" title="statement not covered" > expect( eventType() ).to.equal('click', 'click event type');</span>
581
581
  },
582
582
  };
583
583
  &nbsp;
@@ -594,16 +594,16 @@ export const DoubleEventInSlice:Story =
594
594
  &lt;/template&gt;
595
595
  &lt;/custom-element&gt;
596
596
  `}
597
- , play: async ({canvasElement}) =&gt;
597
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
598
598
  {
599
- const canvas = within(canvasElement);
600
- const input = await canvas.findByTestId('f1');
601
- input.focus();
602
- await userEvent.type ( input, 'AB');
603
- canvas.getByRole('button').focus()
604
- await userEvent.clear( input );
605
- await userEvent.click( canvas.getByRole('button'));
606
- expect( await canvas.findByText('slices count 2')).toBeInTheDocument();
599
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
600
+ const input = <span class="cstat-no" title="statement not covered" >await canvas.findByTestId('f1');</span>
601
+ <span class="cstat-no" title="statement not covered" > input.focus();</span>
602
+ <span class="cstat-no" title="statement not covered" > await userEvent.type ( input, 'AB');</span>
603
+ <span class="cstat-no" title="statement not covered" > canvas.getByRole('button').focus()</span>
604
+ <span class="cstat-no" title="statement not covered" > await userEvent.clear( input );</span>
605
+ <span class="cstat-no" title="statement not covered" > await userEvent.click( canvas.getByRole('button'));</span>
606
+ <span class="cstat-no" title="statement not covered" > expect( await canvas.findByText('slices count 2')).toBeInTheDocument();</span>
607
607
  },
608
608
  };
609
609
  export const MultipleSlices:Story =
@@ -621,14 +621,14 @@ export const MultipleSlices:Story =
621
621
  &lt;/template&gt;
622
622
  &lt;/custom-element&gt;
623
623
  `}
624
- , play: async ({canvasElement}) =&gt;
624
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
625
625
  {
626
- const canvas = within(canvasElement);
627
- const input = await canvas.findByTestId('f1');
628
- input.focus();
629
- await userEvent.type ( input, 'AB');
630
- await expect( await canvas.findByText('s1: AB')).toBeInTheDocument();
631
- await expect( await canvas.findByText('s2: AB')).toBeInTheDocument();
626
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
627
+ const input = <span class="cstat-no" title="statement not covered" >await canvas.findByTestId('f1');</span>
628
+ <span class="cstat-no" title="statement not covered" > input.focus();</span>
629
+ <span class="cstat-no" title="statement not covered" > await userEvent.type ( input, 'AB');</span>
630
+ <span class="cstat-no" title="statement not covered" > await expect( await canvas.findByText('s1: AB')).toBeInTheDocument();</span>
631
+ <span class="cstat-no" title="statement not covered" > await expect( await canvas.findByText('s2: AB')).toBeInTheDocument();</span>
632
632
  },
633
633
  };
634
634
  export const SlicesInAttrAndName:Story =
@@ -644,24 +644,24 @@ export const SlicesInAttrAndName:Story =
644
644
  &lt;/template&gt;
645
645
  &lt;/custom-element&gt;
646
646
  `}
647
- , play: async ({canvasElement}) =&gt;
647
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
648
648
  {
649
- const canvas = within(canvasElement);
650
- const input = await canvas.findByTestId('f1');
651
- input.focus();
652
- await userEvent.type ( input, 'AB');
653
- await expect( await canvas.findByText( 'emotion attribute: AB')).toBeInTheDocument();
649
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
650
+ const input = <span class="cstat-no" title="statement not covered" >await canvas.findByTestId('f1');</span>
651
+ <span class="cstat-no" title="statement not covered" > input.focus();</span>
652
+ <span class="cstat-no" title="statement not covered" > await userEvent.type ( input, 'AB');</span>
653
+ <span class="cstat-no" title="statement not covered" > await expect( await canvas.findByText( 'emotion attribute: AB')).toBeInTheDocument();</span>
654
654
  },
655
655
  };
656
656
  &nbsp;
657
- const TestStories = { SliceInitChangeEvent, RealtimeEventInSlice, DoubleEventInSlice, MultipleSlices, SlicesInAttrAndName };
658
- &nbsp;
659
657
  /* istanbul ignore else -- @preserve */
660
- if( 'test' === import.meta.env.MODE )
658
+ if( 'test' === import.meta.env.MODE &amp;&amp;
659
+ !import.meta.url.includes('skiptest') )
661
660
  {
662
- const {playStories} = await import('./renderPlay');
663
- const {describe} = await import('vitest')
664
- describe('slots', () =&gt; playStories( TestStories, meta ) );
661
+ const mod = await import('./slice-events.test.stories.ts?skiptest');
662
+ const { testStoryBook } = await import('./testStoryBook')
663
+ const { describe } = await import('vitest')
664
+ describe(meta.title, () =&gt; testStoryBook( mod, meta ) );
665
665
  }
666
666
  &nbsp;</pre></td></tr></table></pre>
667
667
 
@@ -670,7 +670,7 @@ if( 'test' === import.meta.env.MODE )
670
670
  <div class='footer quiet pad2 space-top1 center small'>
671
671
  Code coverage generated by
672
672
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
673
- at 2024-06-25T03:55:40.964Z
673
+ at 2024-06-27T03:24:38.495Z
674
674
  </div>
675
675
  <script src="../../prettify.js"></script>
676
676
  <script>
package/coverage/src/stories/slots.test.stories.ts/coverage.svg CHANGED
@@ -6,5 +6,5 @@
6
6
  <rect width="140" height="32" fill="#473" rx="4"/>
7
7
  <rect width="88" height="32" fill="#534" rx="4"/>
8
8
  <text x="8" y="21" class="heavy">coverage</text>
9
- <text x="94" y="22" class="percent">100%</text>
9
+ <text x="94" y="22" class="percent">22.22%</text>
10
10
  </svg>