@zeedhi/teknisa-components-common 3.0.4 → 3.1.0

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/coverage/clover.xml +2 -2
  2. package/coverage/lcov-report/index.html +1 -1
  3. package/coverage/lcov-report/tests/__helpers__/component-event-helper.ts.html +100 -0
  4. package/coverage/lcov-report/tests/__helpers__/create-component.ts.html +109 -0
  5. package/coverage/lcov-report/tests/__helpers__/find-component.ts.html +139 -0
  6. package/coverage/lcov-report/tests/__helpers__/flush-promises-helper.ts.html +94 -0
  7. package/coverage/lcov-report/tests/__helpers__/get-child-helper.ts.html +166 -0
  8. package/coverage/lcov-report/tests/__helpers__/index.html +221 -0
  9. package/coverage/lcov-report/tests/__helpers__/index.ts.html +106 -0
  10. package/coverage/lcov-report/tests/__helpers__/mock-created-helper.ts.html +121 -0
  11. package/coverage/lcov-report/tests/__helpers__/spy-on-all-methods.ts.html +223 -0
  12. package/dist/teknisa-components-common.js +72 -66
  13. package/dist/teknisa-components-common.min.js +72 -66
  14. package/dist/types/components/index.d.ts +2 -0
  15. package/dist/types/components/tek-datasource/tek-memory-datasource.d.ts +16 -16
  16. package/dist/types/components/tek-datasource/tek-rest-datasource.d.ts +18 -20
  17. package/dist/types/components/tek-grid/grouped-data-navigator.d.ts +12 -0
  18. package/dist/types/components/tek-grid/index.d.ts +1 -1
  19. package/dist/types/components/tek-grid/tek-grid.d.ts +2 -1
  20. package/dist/types/components/tek-loading/interfaces.d.ts +6 -0
  21. package/dist/types/components/tek-loading/loading.d.ts +16 -0
  22. package/environments.json +12 -0
  23. package/jest.config.cjs +23 -0
  24. package/package.json +5 -3
  25. package/src/components/index.ts +2 -2
  26. package/src/components/tek-datasource/tek-memory-datasource.ts +2 -2
  27. package/src/components/tek-datasource/tek-rest-datasource.ts +2 -2
  28. package/src/components/tek-grid/grid-filter-button.ts +5 -3
  29. package/src/components/tek-grid/grouped-data-navigator.ts +66 -0
  30. package/src/components/tek-grid/index.ts +1 -1
  31. package/src/components/tek-grid/tek-grid.ts +19 -15
  32. package/src/components/tek-loading/interfaces.ts +7 -0
  33. package/src/components/tek-loading/loading.ts +27 -0
  34. package/tests/__helpers__/create-component.ts +8 -0
  35. package/tests/__helpers__/find-component.ts +18 -0
  36. package/tests/__helpers__/index.ts +4 -0
  37. package/tests/__helpers__/spy-on-all-methods.ts +46 -0
  38. package/tests/unit/components/tek-breadcrumb-header/tek-breadcrumb-header.spec.ts +2 -1
  39. package/tests/unit/components/tek-datasource/memory-datasource.spec.ts +4 -1
  40. package/tests/unit/components/tek-datasource/rest-datasource.spec.ts +1 -1
  41. package/tests/unit/components/tek-grid/filter-helper.spec.ts +8 -4
  42. package/tests/unit/components/tek-grid/grid-filter-button.spec.ts +1 -1
  43. package/tests/unit/components/tek-grid/grouped-data-manager.spec.ts +1 -1
  44. package/tests/unit/components/tek-grid/grouped-data-navigator.spec.ts +143 -0
  45. package/tests/unit/components/tek-grid/layout-options.spec.ts +1 -1
  46. package/tests/unit/components/tek-grid/tek-grid-column.spec.ts +23 -17
  47. package/tests/unit/components/tek-grid/tek-grid-columns-button.spec.ts +2 -1
  48. package/tests/unit/components/tek-grid/tek-grid.spec.ts +14 -12
  49. package/tests/unit/components/tek-grid/tek-memory-datasource.spec.ts +1 -1
  50. package/tests/unit/components/tek-grid/tek-rest-datasource.spec.ts +1 -1
  51. package/tests/unit/components/tek-loading/loading.spec.ts +29 -0
  52. package/tests/unit/components/tek-user-info/tek-user-info-list.spec.ts +12 -2
  53. package/tests/unit/components/tek-user-info/tek-user-info.spec.ts +18 -6
  54. package/tests/unit/utils/mock-console.ts +18 -0
  55. package/tests/unit/utils/setup.ts +5 -0
  56. package/dist/types/error/delete-rows-error.d.ts +0 -6
  57. package/jest.config.js +0 -1
  58. package/src/components/tek-grid/grouped-view-navigator.ts +0 -84
  59. package/tests/unit/components/crud/crud-add-button.spec.ts +0 -56
  60. package/tests/unit/components/crud/crud-button.spec.ts +0 -94
  61. package/tests/unit/components/crud/crud-cancel-button.spec.ts +0 -91
  62. package/tests/unit/components/crud/crud-delete-button.spec.ts +0 -122
  63. package/tests/unit/components/crud/crud-form.spec.ts +0 -165
  64. package/tests/unit/components/crud/crud-save-button.spec.ts +0 -118
  65. package/tests/unit/components/tek-card-title/CardTitle.spec.ts +0 -34
  66. package/tests/unit/components/tek-drag-grid/tek-drag-grid.spec.ts +0 -112
  67. package/tests/unit/components/tek-grid/grouped-view-navigator.spec.ts +0 -244
  68. package/tests/unit/components/tek-grid/multi-option.spec.ts +0 -139
  69. package/tests/unit/components/tek-image/Image.spec.ts +0 -67
  70. package/tests/unit/components/tek-iterable-carousel/iterable-carousel.spec.ts +0 -37
  71. package/tests/unit/components/tek-iterable-component-render/iterable-component-render.spec.ts +0 -200
  72. package/tests/unit/components/tek-loading/Loading.spec.ts +0 -30
  73. package/tests/unit/components/tek-notifications/notifications.spec.ts +0 -201
  74. package/tests/unit/components/tek-product-card/product-card.spec.ts +0 -61
  75. package/tests/unit/components/tree-grid/tree-grid.spec.ts +0 -776
  76. package/tests/unit/utils/grid-base/export-options/button-option.spec.ts +0 -44
  77. package/tests/unit/utils/grid-base/export-options/multi-option.spec.ts +0 -135
  78. package/tests/unit/utils/grid-base/grid-controller.spec.ts +0 -174
  79. package/tests/unit/utils/report-filter/report-filter.spec.ts +0 -66
@@ -1,6 +1,6 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <coverage generated="1762963901733" clover="3.2.0">
3
- <project timestamp="1762963901733" name="All files">
2
+ <coverage generated="1783093380014" clover="3.2.0">
3
+ <project timestamp="1783093380014" name="All files">
4
4
  <metrics statements="0" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0" elements="0" coveredelements="0" complexity="0" loc="0" ncloc="0" packages="0" files="0" classes="0"/>
5
5
  </project>
6
6
  </coverage>
@@ -86,7 +86,7 @@
86
86
  <div class='footer quiet pad2 space-top1 center small'>
87
87
  Code coverage generated by
88
88
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
89
- at 2025-11-12T16:11:41.729Z
89
+ at 2026-07-03T15:43:00.009Z
90
90
  </div>
91
91
  <script src="prettify.js"></script>
92
92
  <script>
@@ -0,0 +1,100 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for tests/__helpers__/component-event-helper.ts</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../prettify.css" />
9
+ <link rel="stylesheet" href="../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../../index.html">All files</a> / <a href="index.html">tests/__helpers__</a> component-event-helper.ts</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">100% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>3/3</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">100% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>1/1</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">100% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>1/1</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">100% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>2/2</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
+ </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input type="search" id="fileSearch">
61
+ </div>
62
+ </template>
63
+ </div>
64
+ <div class='status-line high'></div>
65
+ <pre><table class="coverage">
66
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
+ <a name='L2'></a><a href='#L2'>2</a>
68
+ <a name='L3'></a><a href='#L3'>3</a>
69
+ <a name='L4'></a><a href='#L4'>4</a>
70
+ <a name='L5'></a><a href='#L5'>5</a>
71
+ <a name='L6'></a><a href='#L6'>6</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
72
+ <span class="cline-any cline-neutral">&nbsp;</span>
73
+ <span class="cline-any cline-yes">35x</span>
74
+ <span class="cline-any cline-neutral">&nbsp;</span>
75
+ <span class="cline-any cline-yes">9x</span>
76
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import type { Component } from '@zeedhi/common';
77
+ &nbsp;
78
+ const setClick = (instance: Component, event: any = {}) =&gt; instance.click(event, {});
79
+ &nbsp;
80
+ export { setClick };
81
+ &nbsp;</pre></td></tr></table></pre>
82
+
83
+ <div class='push'></div><!-- for sticky footer -->
84
+ </div><!-- /wrapper -->
85
+ <div class='footer quiet pad2 space-top1 center small'>
86
+ Code coverage generated by
87
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
88
+ at 2026-03-06T21:24:11.995Z
89
+ </div>
90
+ <script src="../../prettify.js"></script>
91
+ <script>
92
+ window.onload = function () {
93
+ prettyPrint();
94
+ };
95
+ </script>
96
+ <script src="../../sorter.js"></script>
97
+ <script src="../../block-navigation.js"></script>
98
+ </body>
99
+ </html>
100
+
@@ -0,0 +1,109 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for tests/__helpers__/create-component.ts</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../prettify.css" />
9
+ <link rel="stylesheet" href="../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../../index.html">All files</a> / <a href="index.html">tests/__helpers__</a> create-component.ts</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">100% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>4/4</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">100% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>0/0</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">100% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>1/1</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">100% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>4/4</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
+ </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input type="search" id="fileSearch">
61
+ </div>
62
+ </template>
63
+ </div>
64
+ <div class='status-line high'></div>
65
+ <pre><table class="coverage">
66
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
+ <a name='L2'></a><a href='#L2'>2</a>
68
+ <a name='L3'></a><a href='#L3'>3</a>
69
+ <a name='L4'></a><a href='#L4'>4</a>
70
+ <a name='L5'></a><a href='#L5'>5</a>
71
+ <a name='L6'></a><a href='#L6'>6</a>
72
+ <a name='L7'></a><a href='#L7'>7</a>
73
+ <a name='L8'></a><a href='#L8'>8</a>
74
+ <a name='L9'></a><a href='#L9'>9</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
75
+ <span class="cline-any cline-neutral">&nbsp;</span>
76
+ <span class="cline-any cline-neutral">&nbsp;</span>
77
+ <span class="cline-any cline-yes">9x</span>
78
+ <span class="cline-any cline-yes">14x</span>
79
+ <span class="cline-any cline-yes">14x</span>
80
+ <span class="cline-any cline-yes">14x</span>
81
+ <span class="cline-any cline-neutral">&nbsp;</span>
82
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { Newable } from '@zeedhi/core';
83
+ import { ComponentRender, IComponentRender } from '@zeedhi/common';
84
+ &nbsp;
85
+ export function createComponent&lt;T extends ComponentRender&gt;(componentClass: Newable&lt;T&gt;, props: IComponentRender): T {
86
+ const instance = new componentClass(props);
87
+ instance.onCreated();
88
+ return instance;
89
+ }
90
+ &nbsp;</pre></td></tr></table></pre>
91
+
92
+ <div class='push'></div><!-- for sticky footer -->
93
+ </div><!-- /wrapper -->
94
+ <div class='footer quiet pad2 space-top1 center small'>
95
+ Code coverage generated by
96
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
97
+ at 2026-03-06T21:24:11.995Z
98
+ </div>
99
+ <script src="../../prettify.js"></script>
100
+ <script>
101
+ window.onload = function () {
102
+ prettyPrint();
103
+ };
104
+ </script>
105
+ <script src="../../sorter.js"></script>
106
+ <script src="../../block-navigation.js"></script>
107
+ </body>
108
+ </html>
109
+
@@ -0,0 +1,139 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for tests/__helpers__/find-component.ts</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../prettify.css" />
9
+ <link rel="stylesheet" href="../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../../index.html">All files</a> / <a href="index.html">tests/__helpers__</a> find-component.ts</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">100% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>10/10</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">100% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>5/5</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">100% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>2/2</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">100% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>9/9</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
+ </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input type="search" id="fileSearch">
61
+ </div>
62
+ </template>
63
+ </div>
64
+ <div class='status-line high'></div>
65
+ <pre><table class="coverage">
66
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
+ <a name='L2'></a><a href='#L2'>2</a>
68
+ <a name='L3'></a><a href='#L3'>3</a>
69
+ <a name='L4'></a><a href='#L4'>4</a>
70
+ <a name='L5'></a><a href='#L5'>5</a>
71
+ <a name='L6'></a><a href='#L6'>6</a>
72
+ <a name='L7'></a><a href='#L7'>7</a>
73
+ <a name='L8'></a><a href='#L8'>8</a>
74
+ <a name='L9'></a><a href='#L9'>9</a>
75
+ <a name='L10'></a><a href='#L10'>10</a>
76
+ <a name='L11'></a><a href='#L11'>11</a>
77
+ <a name='L12'></a><a href='#L12'>12</a>
78
+ <a name='L13'></a><a href='#L13'>13</a>
79
+ <a name='L14'></a><a href='#L14'>14</a>
80
+ <a name='L15'></a><a href='#L15'>15</a>
81
+ <a name='L16'></a><a href='#L16'>16</a>
82
+ <a name='L17'></a><a href='#L17'>17</a>
83
+ <a name='L18'></a><a href='#L18'>18</a>
84
+ <a name='L19'></a><a href='#L19'>19</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">9x</span>
85
+ <span class="cline-any cline-neutral">&nbsp;</span>
86
+ <span class="cline-any cline-neutral">&nbsp;</span>
87
+ <span class="cline-any cline-yes">168x</span>
88
+ <span class="cline-any cline-yes">504x</span>
89
+ <span class="cline-any cline-yes">14x</span>
90
+ <span class="cline-any cline-yes">14x</span>
91
+ <span class="cline-any cline-neutral">&nbsp;</span>
92
+ <span class="cline-any cline-neutral">&nbsp;</span>
93
+ <span class="cline-any cline-yes">490x</span>
94
+ <span class="cline-any cline-yes">154x</span>
95
+ <span class="cline-any cline-neutral">&nbsp;</span>
96
+ <span class="cline-any cline-yes">154x</span>
97
+ <span class="cline-any cline-neutral">&nbsp;</span>
98
+ <span class="cline-any cline-neutral">&nbsp;</span>
99
+ <span class="cline-any cline-neutral">&nbsp;</span>
100
+ <span class="cline-any cline-yes">168x</span>
101
+ <span class="cline-any cline-neutral">&nbsp;</span>
102
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">export function findComponent(name: string, children: any[]) {
103
+ let found: any;
104
+ &nbsp;
105
+ children.forEach((child) =&gt; {
106
+ if (child.name === name) {
107
+ found = child;
108
+ return;
109
+ }
110
+ &nbsp;
111
+ if (child.children &amp;&amp; child.children.length &gt; 0) {
112
+ const result = findComponent(name, child.children);
113
+ &nbsp;
114
+ if (result) found = result;
115
+ }
116
+ });
117
+ &nbsp;
118
+ return found;
119
+ }
120
+ &nbsp;</pre></td></tr></table></pre>
121
+
122
+ <div class='push'></div><!-- for sticky footer -->
123
+ </div><!-- /wrapper -->
124
+ <div class='footer quiet pad2 space-top1 center small'>
125
+ Code coverage generated by
126
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
127
+ at 2026-03-06T21:24:11.995Z
128
+ </div>
129
+ <script src="../../prettify.js"></script>
130
+ <script>
131
+ window.onload = function () {
132
+ prettyPrint();
133
+ };
134
+ </script>
135
+ <script src="../../sorter.js"></script>
136
+ <script src="../../block-navigation.js"></script>
137
+ </body>
138
+ </html>
139
+
@@ -0,0 +1,94 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for tests/__helpers__/flush-promises-helper.ts</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../prettify.css" />
9
+ <link rel="stylesheet" href="../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../../index.html">All files</a> / <a href="index.html">tests/__helpers__</a> flush-promises-helper.ts</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">100% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>3/3</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">100% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>0/0</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">100% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>1/1</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">100% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>2/2</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
+ </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input type="search" id="fileSearch">
61
+ </div>
62
+ </template>
63
+ </div>
64
+ <div class='status-line high'></div>
65
+ <pre><table class="coverage">
66
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
+ <a name='L2'></a><a href='#L2'>2</a>
68
+ <a name='L3'></a><a href='#L3'>3</a>
69
+ <a name='L4'></a><a href='#L4'>4</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">16x</span>
70
+ <span class="cline-any cline-neutral">&nbsp;</span>
71
+ <span class="cline-any cline-yes">9x</span>
72
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">const flushPromises = () =&gt; (new Promise(setImmediate));
73
+ &nbsp;
74
+ export { flushPromises };
75
+ &nbsp;</pre></td></tr></table></pre>
76
+
77
+ <div class='push'></div><!-- for sticky footer -->
78
+ </div><!-- /wrapper -->
79
+ <div class='footer quiet pad2 space-top1 center small'>
80
+ Code coverage generated by
81
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
82
+ at 2026-03-06T21:24:11.995Z
83
+ </div>
84
+ <script src="../../prettify.js"></script>
85
+ <script>
86
+ window.onload = function () {
87
+ prettyPrint();
88
+ };
89
+ </script>
90
+ <script src="../../sorter.js"></script>
91
+ <script src="../../block-navigation.js"></script>
92
+ </body>
93
+ </html>
94
+
@@ -0,0 +1,166 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for tests/__helpers__/get-child-helper.ts</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../prettify.css" />
9
+ <link rel="stylesheet" href="../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../../index.html">All files</a> / <a href="index.html">tests/__helpers__</a> get-child-helper.ts</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">100% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>11/11</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">100% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>5/5</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">100% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>2/2</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">100% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>10/10</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
+ </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input type="search" id="fileSearch">
61
+ </div>
62
+ </template>
63
+ </div>
64
+ <div class='status-line high'></div>
65
+ <pre><table class="coverage">
66
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
+ <a name='L2'></a><a href='#L2'>2</a>
68
+ <a name='L3'></a><a href='#L3'>3</a>
69
+ <a name='L4'></a><a href='#L4'>4</a>
70
+ <a name='L5'></a><a href='#L5'>5</a>
71
+ <a name='L6'></a><a href='#L6'>6</a>
72
+ <a name='L7'></a><a href='#L7'>7</a>
73
+ <a name='L8'></a><a href='#L8'>8</a>
74
+ <a name='L9'></a><a href='#L9'>9</a>
75
+ <a name='L10'></a><a href='#L10'>10</a>
76
+ <a name='L11'></a><a href='#L11'>11</a>
77
+ <a name='L12'></a><a href='#L12'>12</a>
78
+ <a name='L13'></a><a href='#L13'>13</a>
79
+ <a name='L14'></a><a href='#L14'>14</a>
80
+ <a name='L15'></a><a href='#L15'>15</a>
81
+ <a name='L16'></a><a href='#L16'>16</a>
82
+ <a name='L17'></a><a href='#L17'>17</a>
83
+ <a name='L18'></a><a href='#L18'>18</a>
84
+ <a name='L19'></a><a href='#L19'>19</a>
85
+ <a name='L20'></a><a href='#L20'>20</a>
86
+ <a name='L21'></a><a href='#L21'>21</a>
87
+ <a name='L22'></a><a href='#L22'>22</a>
88
+ <a name='L23'></a><a href='#L23'>23</a>
89
+ <a name='L24'></a><a href='#L24'>24</a>
90
+ <a name='L25'></a><a href='#L25'>25</a>
91
+ <a name='L26'></a><a href='#L26'>26</a>
92
+ <a name='L27'></a><a href='#L27'>27</a>
93
+ <a name='L28'></a><a href='#L28'>28</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
94
+ <span class="cline-any cline-neutral">&nbsp;</span>
95
+ <span class="cline-any cline-neutral">&nbsp;</span>
96
+ <span class="cline-any cline-neutral">&nbsp;</span>
97
+ <span class="cline-any cline-neutral">&nbsp;</span>
98
+ <span class="cline-any cline-neutral">&nbsp;</span>
99
+ <span class="cline-any cline-neutral">&nbsp;</span>
100
+ <span class="cline-any cline-yes">9x</span>
101
+ <span class="cline-any cline-neutral">&nbsp;</span>
102
+ <span class="cline-any cline-neutral">&nbsp;</span>
103
+ <span class="cline-any cline-yes">245x</span>
104
+ <span class="cline-any cline-yes">675x</span>
105
+ <span class="cline-any cline-yes">33x</span>
106
+ <span class="cline-any cline-yes">33x</span>
107
+ <span class="cline-any cline-neutral">&nbsp;</span>
108
+ <span class="cline-any cline-neutral">&nbsp;</span>
109
+ <span class="cline-any cline-yes">642x</span>
110
+ <span class="cline-any cline-yes">212x</span>
111
+ <span class="cline-any cline-neutral">&nbsp;</span>
112
+ <span class="cline-any cline-yes">212x</span>
113
+ <span class="cline-any cline-neutral">&nbsp;</span>
114
+ <span class="cline-any cline-neutral">&nbsp;</span>
115
+ <span class="cline-any cline-neutral">&nbsp;</span>
116
+ <span class="cline-any cline-yes">245x</span>
117
+ <span class="cline-any cline-neutral">&nbsp;</span>
118
+ <span class="cline-any cline-neutral">&nbsp;</span>
119
+ <span class="cline-any cline-yes">9x</span>
120
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import type { IComponent } from '@zeedhi/common';
121
+ &nbsp;
122
+ /**
123
+ * Search for a component inside an array of children
124
+ *
125
+ * The children array can be either an array of IComponent or an array of Component
126
+ */
127
+ const getChild = &lt;T extends IComponent&gt;(children: any[], name: string): T =&gt; {
128
+ let found: any;
129
+ &nbsp;
130
+ children.forEach((child) =&gt; {
131
+ if (child.name === name) {
132
+ found = child;
133
+ return;
134
+ }
135
+ &nbsp;
136
+ if (child.children &amp;&amp; child.children.length &gt; 0) {
137
+ const result = getChild&lt;T&gt;(child.children, name) as T;
138
+ &nbsp;
139
+ if (result) found = result;
140
+ }
141
+ });
142
+ &nbsp;
143
+ return found;
144
+ };
145
+ &nbsp;
146
+ export { getChild };
147
+ &nbsp;</pre></td></tr></table></pre>
148
+
149
+ <div class='push'></div><!-- for sticky footer -->
150
+ </div><!-- /wrapper -->
151
+ <div class='footer quiet pad2 space-top1 center small'>
152
+ Code coverage generated by
153
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
154
+ at 2026-03-06T21:24:11.995Z
155
+ </div>
156
+ <script src="../../prettify.js"></script>
157
+ <script>
158
+ window.onload = function () {
159
+ prettyPrint();
160
+ };
161
+ </script>
162
+ <script src="../../sorter.js"></script>
163
+ <script src="../../block-navigation.js"></script>
164
+ </body>
165
+ </html>
166
+