@zohodesk/components 1.2.13 → 1.2.14

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 (192) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -7
  3. package/.cli/propValidation_report.html +1 -1
  4. package/README.md +5 -0
  5. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +29 -318
  6. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +450 -450
  7. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +1 -33
  8. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +19 -43
  9. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +450 -450
  10. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +1 -33
  11. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +19 -43
  12. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +450 -450
  13. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +1 -33
  14. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +19 -43
  15. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +450 -450
  16. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +1 -33
  17. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +19 -43
  18. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +450 -450
  19. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +1 -33
  20. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +19 -43
  21. package/assets/Appearance/light/mode/Component_LightMode.module.css +29 -318
  22. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +450 -450
  23. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +1 -33
  24. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +19 -43
  25. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +450 -450
  26. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +1 -33
  27. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +19 -43
  28. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +450 -450
  29. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +1 -33
  30. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +19 -43
  31. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +450 -450
  32. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +1 -33
  33. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +19 -43
  34. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +450 -450
  35. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +1 -33
  36. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +19 -43
  37. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +29 -318
  38. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +450 -450
  39. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +1 -33
  40. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +19 -43
  41. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +450 -450
  42. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +1 -33
  43. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +19 -43
  44. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +450 -450
  45. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +1 -33
  46. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +19 -43
  47. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +450 -450
  48. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +1 -33
  49. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +19 -43
  50. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +450 -450
  51. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +1 -33
  52. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +19 -43
  53. package/assets/Contrast/darkContrastLightness.module.css +34 -34
  54. package/assets/Contrast/lightContrastLightness.module.css +34 -34
  55. package/assets/Contrast/pureDarkContrastLightness.module.css +34 -34
  56. package/coverage/Avatar/Avatar.js.html +649 -0
  57. package/coverage/Avatar/Avatar.module.css.html +556 -0
  58. package/coverage/Avatar/index.html +131 -0
  59. package/coverage/Avatar/props/defaultProps.js.html +136 -0
  60. package/coverage/Avatar/props/index.html +131 -0
  61. package/coverage/Avatar/props/propTypes.js.html +166 -0
  62. package/coverage/AvatarTeam/AvatarTeam.js.html +340 -0
  63. package/coverage/AvatarTeam/AvatarTeam.module.css.html +610 -0
  64. package/coverage/AvatarTeam/index.html +131 -0
  65. package/coverage/AvatarTeam/props/defaultProps.js.html +136 -0
  66. package/coverage/AvatarTeam/props/index.html +131 -0
  67. package/coverage/AvatarTeam/props/propTypes.js.html +169 -0
  68. package/coverage/Button/Button.js.html +1 -1
  69. package/coverage/Button/css/Button.module.css.html +1 -1
  70. package/coverage/Button/css/cssJSLogic.js.html +1 -1
  71. package/coverage/Button/css/index.html +1 -1
  72. package/coverage/Button/index.html +1 -1
  73. package/coverage/Button/props/defaultProps.js.html +1 -1
  74. package/coverage/Button/props/index.html +1 -1
  75. package/coverage/Button/props/propTypes.js.html +1 -1
  76. package/coverage/Buttongroup/Buttongroup.js.html +1 -1
  77. package/coverage/Buttongroup/Buttongroup.module.css.html +1 -1
  78. package/coverage/Buttongroup/index.html +1 -1
  79. package/coverage/Buttongroup/props/defaultProps.js.html +1 -1
  80. package/coverage/Buttongroup/props/index.html +1 -1
  81. package/coverage/Buttongroup/props/propTypes.js.html +1 -1
  82. package/coverage/Label/Label.js.html +253 -0
  83. package/coverage/Label/Label.module.css.html +241 -0
  84. package/coverage/Label/LabelColors.module.css.html +145 -0
  85. package/coverage/Label/index.html +146 -0
  86. package/coverage/Label/props/defaultProps.js.html +118 -0
  87. package/coverage/Label/props/index.html +131 -0
  88. package/coverage/Label/props/propTypes.js.html +145 -0
  89. package/coverage/Layout/Box.js.html +367 -0
  90. package/coverage/Layout/Container.js.html +439 -0
  91. package/coverage/Layout/Layout.module.css.html +1090 -0
  92. package/coverage/Layout/index.html +176 -0
  93. package/coverage/Layout/index.js.html +118 -0
  94. package/coverage/Layout/props/defaultProps.js.html +136 -0
  95. package/coverage/Layout/props/index.html +131 -0
  96. package/coverage/Layout/props/propTypes.js.html +262 -0
  97. package/coverage/Layout/utils.js.html +199 -0
  98. package/coverage/Provider/AvatarSize.js.html +124 -0
  99. package/coverage/Provider/CssProvider.js.html +133 -0
  100. package/coverage/Provider/index.html +131 -0
  101. package/coverage/Radio/Radio.js.html +415 -0
  102. package/coverage/Radio/Radio.module.css.html +403 -0
  103. package/coverage/Radio/index.html +131 -0
  104. package/coverage/Radio/props/defaultProps.js.html +127 -0
  105. package/coverage/Radio/props/index.html +131 -0
  106. package/coverage/Radio/props/propTypes.js.html +187 -0
  107. package/coverage/Ribbon/Ribbon.js.html +229 -0
  108. package/coverage/Ribbon/Ribbon.module.css.html +1210 -0
  109. package/coverage/Ribbon/index.html +131 -0
  110. package/coverage/Ribbon/props/defaultProps.js.html +112 -0
  111. package/coverage/Ribbon/props/index.html +131 -0
  112. package/coverage/Ribbon/props/propTypes.js.html +121 -0
  113. package/coverage/RippleEffect/RippleEffect.js.html +172 -0
  114. package/coverage/RippleEffect/RippleEffect.module.css.html +415 -0
  115. package/coverage/RippleEffect/index.html +131 -0
  116. package/coverage/RippleEffect/props/defaultProps.js.html +112 -0
  117. package/coverage/RippleEffect/props/index.html +131 -0
  118. package/coverage/RippleEffect/props/propTypes.js.html +121 -0
  119. package/coverage/Stencils/Stencils.js.html +163 -0
  120. package/coverage/Stencils/Stencils.module.css.html +319 -0
  121. package/coverage/Stencils/index.html +131 -0
  122. package/coverage/Stencils/props/defaultProps.js.html +103 -0
  123. package/coverage/Stencils/props/index.html +131 -0
  124. package/coverage/Stencils/props/propTypes.js.html +109 -0
  125. package/coverage/Switch/Switch.js.html +379 -0
  126. package/coverage/Switch/Switch.module.css.html +481 -0
  127. package/coverage/Switch/index.html +131 -0
  128. package/coverage/Switch/props/defaultProps.js.html +118 -0
  129. package/coverage/Switch/props/index.html +131 -0
  130. package/coverage/Switch/props/propTypes.js.html +172 -0
  131. package/coverage/common/avatarsizes.module.css.html +229 -0
  132. package/coverage/common/common.module.css.html +1519 -0
  133. package/coverage/common/index.html +131 -0
  134. package/coverage/coverage-final.json +55 -10
  135. package/coverage/coverage-summary.json +56 -11
  136. package/coverage/index.html +311 -11
  137. package/coverage/utils/dummyFunction.js.html +1 -1
  138. package/coverage/utils/getInitial.js.html +139 -0
  139. package/coverage/utils/index.html +25 -10
  140. package/es/Avatar/__tests__/Avatar.spec.js +181 -0
  141. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -0
  142. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +138 -0
  143. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -0
  144. package/es/Buttongroup/Buttongroup.module.css +1 -2
  145. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +1 -4
  146. package/es/Label/__tests__/Label.spec.js +99 -0
  147. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -0
  148. package/es/ListItem/ListItem.module.css +6 -17
  149. package/es/Radio/__tests__/Radio.spec.js +241 -0
  150. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -0
  151. package/es/Ribbon/Ribbon.module.css +1 -2
  152. package/es/Ribbon/__tests__/Ribbon.spec.js +52 -0
  153. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -0
  154. package/es/RippleEffect/__tests__/RippleEffect.spec.js +69 -0
  155. package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -0
  156. package/es/Stencils/__tests__/Stencils.spec.js +46 -0
  157. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -0
  158. package/es/Switch/__tests__/Switch.spec.js +156 -0
  159. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -0
  160. package/es/Tag/Tag.module.css +2 -3
  161. package/es/common/common.module.css +2 -2
  162. package/es/v1/ListItem/ListItemWithAvatar.js +7 -8
  163. package/es/v1/Tag/Tag.js +6 -2
  164. package/es/v1/TextBox/TextBox.js +10 -10
  165. package/lib/Avatar/__tests__/Avatar.spec.js +188 -0
  166. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -0
  167. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +145 -0
  168. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -0
  169. package/lib/Buttongroup/Buttongroup.module.css +1 -2
  170. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +1 -4
  171. package/lib/Label/__tests__/Label.spec.js +106 -0
  172. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -0
  173. package/lib/ListItem/ListItem.module.css +6 -17
  174. package/lib/Radio/__tests__/Radio.spec.js +250 -0
  175. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -0
  176. package/lib/Ribbon/Ribbon.module.css +1 -2
  177. package/lib/Ribbon/__tests__/Ribbon.spec.js +59 -0
  178. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -0
  179. package/lib/RippleEffect/__tests__/RippleEffect.spec.js +76 -0
  180. package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -0
  181. package/lib/Stencils/__tests__/Stencils.spec.js +53 -0
  182. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -0
  183. package/lib/Switch/__tests__/Switch.spec.js +163 -0
  184. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -0
  185. package/lib/Tag/Tag.module.css +2 -3
  186. package/lib/common/common.module.css +2 -2
  187. package/lib/v1/ListItem/ListItemWithAvatar.js +14 -9
  188. package/lib/v1/Tag/Tag.js +7 -4
  189. package/lib/v1/TextBox/TextBox.js +8 -9
  190. package/package.json +10 -10
  191. package/result.json +1 -1
  192. package/unittest/index.html +1 -1
package/coverage/utils/getInitial.js.html ADDED
@@ -0,0 +1,139 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for utils/getInitial.js</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">utils</a> getInitial.js</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">72.72% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>8/11</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">66.66% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>8/12</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">50% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>1/2</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">72.72% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>8/11</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 oninput="onInput()" type="search" id="fileSearch">
61
+ </div>
62
+ </template>
63
+ </div>
64
+ <div class='status-line medium'></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-neutral">&nbsp;</span>
85
+ <span class="cline-any cline-yes">54x</span>
86
+ <span class="cline-any cline-yes">54x</span>
87
+ <span class="cline-any cline-yes">1x</span>
88
+ <span class="cline-any cline-yes">1x</span>
89
+ <span class="cline-any cline-neutral">&nbsp;</span>
90
+ <span class="cline-any cline-yes">54x</span>
91
+ <span class="cline-any cline-yes">3x</span>
92
+ <span class="cline-any cline-yes">3x</span>
93
+ <span class="cline-any cline-neutral">&nbsp;</span>
94
+ <span class="cline-any cline-yes">54x</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-no">&nbsp;</span>
98
+ <span class="cline-any cline-no">&nbsp;</span>
99
+ <span class="cline-any cline-neutral">&nbsp;</span>
100
+ <span class="cline-any cline-no">&nbsp;</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 getInitial(firstName = <span class="branch-0 cbranch-no" title="branch not covered" >'',</span> lastName = <span class="branch-0 cbranch-no" title="branch not covered" >'')</span> {
103
+ let initial = '';
104
+ if (firstName) {
105
+ firstName = firstName.trim();
106
+ initial = firstName[0];
107
+ }
108
+ if (lastName) {
109
+ lastName = lastName.trim();
110
+ initial += initial ? lastName[0] : lastName.substring(0, 2);
111
+ }
112
+ return initial ? initial.toUpperCase() : initial;
113
+ }
114
+ export function <span class="fstat-no" title="function not covered" >getInitialByPattern(</span>firstName, lastName, pattern) {
115
+ <span class="cstat-no" title="statement not covered" > if (pattern[0] === 'FIRST_NAME') {</span>
116
+ <span class="cstat-no" title="statement not covered" > return getInitial(firstName, lastName);</span>
117
+ }
118
+ <span class="cstat-no" title="statement not covered" > return getInitial(lastName, firstName);</span>
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 2023-11-23T10:49:09.273Z
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
+
package/coverage/utils/index.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">75% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>1/1</span>
28
+ <span class='fraction'>9/12</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">100% </span>
33
+ <span class="strong">66.66% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>0/0</span>
35
+ <span class='fraction'>8/12</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">0% </span>
40
+ <span class="strong">33.33% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>0/1</span>
42
+ <span class='fraction'>1/3</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">75% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>1/1</span>
49
+ <span class='fraction'>9/12</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 medium'></div>
65
65
  <div class="pad1">
66
66
  <table class="coverage-summary">
67
67
  <thead>
@@ -93,6 +93,21 @@
93
93
  <td data-value="1" class="abs high">1/1</td>
94
94
  </tr>
95
95
 
96
+ <tr>
97
+ <td class="file medium" data-value="getInitial.js"><a href="getInitial.js.html">getInitial.js</a></td>
98
+ <td data-value="72.72" class="pic medium">
99
+ <div class="chart"><div class="cover-fill" style="width: 72%"></div><div class="cover-empty" style="width: 28%"></div></div>
100
+ </td>
101
+ <td data-value="72.72" class="pct medium">72.72%</td>
102
+ <td data-value="11" class="abs medium">8/11</td>
103
+ <td data-value="66.66" class="pct medium">66.66%</td>
104
+ <td data-value="12" class="abs medium">8/12</td>
105
+ <td data-value="50" class="pct medium">50%</td>
106
+ <td data-value="2" class="abs medium">1/2</td>
107
+ <td data-value="72.72" class="pct medium">72.72%</td>
108
+ <td data-value="11" class="abs medium">8/11</td>
109
+ </tr>
110
+
96
111
  </tbody>
97
112
  </table>
98
113
  </div>
@@ -101,7 +116,7 @@
101
116
  <div class='footer quiet pad2 space-top1 center small'>
102
117
  Code coverage generated by
103
118
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2023-10-18T14:10:14.173Z
119
+ at 2023-11-23T10:49:09.273Z
105
120
  </div>
106
121
  <script src="../prettify.js"></script>
107
122
  <script>
package/es/Avatar/__tests__/Avatar.spec.js ADDED
@@ -0,0 +1,181 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+ import Avatar from '../Avatar.js';
4
+ describe('Avatar', () => {
5
+ test('rendering the defult props', () => {
6
+ const {
7
+ asFragment
8
+ } = render( /*#__PURE__*/React.createElement(Avatar, null));
9
+ expect(asFragment()).toMatchSnapshot();
10
+ });
11
+ const palette = ['primary', 'secondary', 'info', 'default'];
12
+ test.each(palette)('rendering the palette of- %s', palette => {
13
+ const {
14
+ asFragment
15
+ } = render( /*#__PURE__*/React.createElement(Avatar, {
16
+ palette: palette
17
+ }));
18
+ expect(asFragment()).toMatchSnapshot();
19
+ });
20
+ const shape = ['circle', 'square'];
21
+ test.each(shape)('rendering the shape of- %s', shape => {
22
+ const {
23
+ asFragment
24
+ } = render( /*#__PURE__*/React.createElement(Avatar, {
25
+ shape: shape
26
+ }));
27
+ expect(asFragment()).toMatchSnapshot();
28
+ });
29
+ const size = ['xxsmall', 'small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge'];
30
+ test.each(size)('rendering the size of- %s', size => {
31
+ const {
32
+ asFragment
33
+ } = render( /*#__PURE__*/React.createElement(Avatar, {
34
+ size: size
35
+ }));
36
+ expect(asFragment()).toMatchSnapshot();
37
+ });
38
+ const textPalette = ['white', 'black'];
39
+ test.each(textPalette)('rendering the size of- %s', textPalette => {
40
+ const {
41
+ asFragment
42
+ } = render( /*#__PURE__*/React.createElement(Avatar, {
43
+ textPalette: textPalette
44
+ }));
45
+ expect(asFragment()).toMatchSnapshot();
46
+ });
47
+ test('rendering src', () => {
48
+ const {
49
+ asFragment
50
+ } = render( /*#__PURE__*/React.createElement(Avatar, {
51
+ src: "https://www.w3schools.com/images/w3schools_green.jpg",
52
+ name: "AvatarName"
53
+ }));
54
+ expect(asFragment()).toMatchSnapshot();
55
+ });
56
+ test('rendering Name in 2 Word', () => {
57
+ const {
58
+ asFragment
59
+ } = render( /*#__PURE__*/React.createElement(Avatar, {
60
+ name: "Gowtham Kathirvel"
61
+ }));
62
+ expect(asFragment()).toMatchSnapshot();
63
+ });
64
+ test('rendering title', () => {
65
+ const {
66
+ asFragment
67
+ } = render( /*#__PURE__*/React.createElement(Avatar, {
68
+ title: "AvatarNameTitile"
69
+ }));
70
+ expect(asFragment()).toMatchSnapshot();
71
+ });
72
+ test('rendering needTitle', () => {
73
+ const {
74
+ asFragment
75
+ } = render( /*#__PURE__*/React.createElement(Avatar, {
76
+ needTitle: true,
77
+ title: "AvatarNameTitile"
78
+ }));
79
+ expect(asFragment()).toMatchSnapshot();
80
+ });
81
+ test('rendering initial', () => {
82
+ const {
83
+ asFragment
84
+ } = render( /*#__PURE__*/React.createElement(Avatar, {
85
+ initial: "AvatarTeam"
86
+ }));
87
+ expect(asFragment()).toMatchSnapshot();
88
+ });
89
+ test('rendering NeedBorder false', () => {
90
+ const {
91
+ asFragment
92
+ } = render( /*#__PURE__*/React.createElement(Avatar, {
93
+ needBorder: false
94
+ }));
95
+ expect(asFragment()).toMatchSnapshot();
96
+ });
97
+ test('rendering BorderOnActive true', () => {
98
+ const {
99
+ asFragment
100
+ } = render( /*#__PURE__*/React.createElement(Avatar, {
101
+ borderOnActive: true
102
+ }));
103
+ expect(asFragment()).toMatchSnapshot();
104
+ });
105
+ test('rendering borderOnHover true', () => {
106
+ const {
107
+ asFragment
108
+ } = render( /*#__PURE__*/React.createElement(Avatar, {
109
+ borderOnHover: true
110
+ }));
111
+ expect(asFragment()).toMatchSnapshot();
112
+ });
113
+ test('rendering customClass true', () => {
114
+ const {
115
+ asFragment
116
+ } = render( /*#__PURE__*/React.createElement(Avatar, {
117
+ customClass: "customClassAvatar"
118
+ }));
119
+ expect(asFragment()).toMatchSnapshot();
120
+ });
121
+ test('rendering alternateSrc', () => {
122
+ const {
123
+ asFragment
124
+ } = render( /*#__PURE__*/React.createElement(Avatar, {
125
+ src: "https://www.w3schools.com/images/w3schools_green.jpg",
126
+ showAlternateAvatar: true,
127
+ alternateSrc: "https://www.w3schools.com/css/img_5terre.jpg"
128
+ }));
129
+ expect(asFragment()).toMatchSnapshot();
130
+ });
131
+ test('rendering showAlternateAvatar is enabled border get disabled', () => {
132
+ const {
133
+ asFragment
134
+ } = render( /*#__PURE__*/React.createElement(Avatar, {
135
+ showAlternateAvatar: true,
136
+ alternateSrc: "https://www.w3schools.com/css/img_5terre.jpg"
137
+ }));
138
+ expect(asFragment()).toMatchSnapshot();
139
+ });
140
+ test('rendering isAnimate is false', () => {
141
+ const {
142
+ asFragment
143
+ } = render( /*#__PURE__*/React.createElement(Avatar, {
144
+ src: "https://www.w3schools.com/images/w3schools_green.jpg",
145
+ isAnimate: false
146
+ }));
147
+ expect(asFragment()).toMatchSnapshot();
148
+ });
149
+ test('rendering needInnerBorder is true', () => {
150
+ const {
151
+ asFragment
152
+ } = render( /*#__PURE__*/React.createElement(Avatar, {
153
+ src: "https://www.w3schools.com/images/w3schools_green.jpg",
154
+ isAnimate: false,
155
+ needInnerBorder: true
156
+ }));
157
+ expect(asFragment()).toMatchSnapshot();
158
+ });
159
+ test('rendering showDefaultBorder is true', () => {
160
+ const {
161
+ asFragment
162
+ } = render( /*#__PURE__*/React.createElement(Avatar, {
163
+ src: "https://www.w3schools.com/images/w3schools_green.jpg",
164
+ isInvalidImageList: false,
165
+ needDefaultBorder: true
166
+ }));
167
+ expect(asFragment()).toMatchSnapshot();
168
+ });
169
+ test('rendering the Custom props', () => {
170
+ const {
171
+ asFragment
172
+ } = render( /*#__PURE__*/React.createElement(Avatar, {
173
+ customProps: {
174
+ AvatarProps: {
175
+ 'data-avatar': true
176
+ }
177
+ }
178
+ }));
179
+ expect(asFragment()).toMatchSnapshot();
180
+ });
181
+ });