@zohodesk/components 1.0.0 → 1.1.1

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 (400) hide show
  1. package/README.md +1270 -1262
  2. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +346 -0
  3. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +452 -0
  4. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +35 -0
  5. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +45 -0
  6. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +452 -0
  7. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +35 -0
  8. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +45 -0
  9. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +452 -0
  10. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +35 -0
  11. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +45 -0
  12. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +452 -0
  13. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +35 -0
  14. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +45 -0
  15. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +452 -0
  16. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +35 -0
  17. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +45 -0
  18. package/assets/Appearance/light/mode/Component_LightMode.module.css +346 -0
  19. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +452 -0
  20. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +35 -0
  21. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +45 -0
  22. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +452 -0
  23. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +35 -0
  24. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +45 -0
  25. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +452 -0
  26. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +35 -0
  27. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +45 -0
  28. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +452 -0
  29. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +35 -0
  30. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +45 -0
  31. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +452 -0
  32. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +35 -0
  33. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +45 -0
  34. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +346 -0
  35. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +452 -0
  36. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +35 -0
  37. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +45 -0
  38. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +452 -0
  39. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +35 -0
  40. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +45 -0
  41. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +452 -0
  42. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +35 -0
  43. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +45 -0
  44. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +452 -0
  45. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +35 -0
  46. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +45 -0
  47. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +452 -0
  48. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +35 -0
  49. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +45 -0
  50. package/assets/Contrast/lightContrastLightness.module.css +39 -0
  51. package/es/AppContainer/AppContainer.module.css +18 -18
  52. package/es/Avatar/Avatar.js +9 -9
  53. package/es/Avatar/Avatar.module.css +175 -175
  54. package/es/AvatarTeam/AvatarTeam.js +7 -7
  55. package/es/AvatarTeam/AvatarTeam.module.css +189 -189
  56. package/es/Button/Button.js +4 -4
  57. package/es/Button/__tests__/Button.spec.js +61 -0
  58. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
  59. package/es/Button/css/Button.module.css +525 -525
  60. package/es/Buttongroup/Buttongroup.js +1 -1
  61. package/es/Buttongroup/Buttongroup.module.css +105 -105
  62. package/es/Card/Card.js +4 -4
  63. package/es/Card/Card.module.css +20 -20
  64. package/es/CheckBox/CheckBox.js +0 -0
  65. package/es/CheckBox/CheckBox.module.css +157 -157
  66. package/es/DateTime/CalendarView.js +0 -0
  67. package/es/DateTime/DateTime.js +0 -0
  68. package/es/DateTime/DateTime.module.css +235 -235
  69. package/es/DateTime/DateWidget.js +0 -0
  70. package/es/DateTime/DateWidget.module.css +38 -38
  71. package/es/DateTime/YearView.js +0 -0
  72. package/es/DateTime/YearView.module.css +98 -98
  73. package/es/DateTime/common.js +0 -0
  74. package/es/DateTime/index.js +0 -0
  75. package/es/DateTime/objectUtils.js +0 -0
  76. package/es/DateTime/typeChecker.js +0 -0
  77. package/es/DateTime/validator.js +0 -0
  78. package/es/DropBox/DropBox.js +0 -0
  79. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  80. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  81. package/es/DropBox/css/DropBox.module.css +58 -58
  82. package/es/DropDown/DropDown.js +0 -0
  83. package/es/DropDown/DropDown.module.css +5 -5
  84. package/es/DropDown/DropDownHeading.js +0 -0
  85. package/es/DropDown/DropDownHeading.module.css +53 -53
  86. package/es/DropDown/DropDownItem.js +0 -0
  87. package/es/DropDown/DropDownItem.module.css +94 -94
  88. package/es/DropDown/DropDownSearch.js +0 -0
  89. package/es/DropDown/DropDownSearch.module.css +14 -14
  90. package/es/DropDown/DropDownSeparator.js +0 -0
  91. package/es/DropDown/DropDownSeparator.module.css +7 -7
  92. package/es/Heading/Heading.module.css +4 -4
  93. package/es/Label/Label.js +2 -2
  94. package/es/Label/Label.module.css +52 -52
  95. package/es/Label/LabelColors.module.css +20 -20
  96. package/es/Layout/Box.js +0 -0
  97. package/es/Layout/Container.js +0 -0
  98. package/es/Layout/Layout.module.css +335 -335
  99. package/es/Layout/utils.js +0 -0
  100. package/es/ListItem/ListItem.js +0 -0
  101. package/es/ListItem/ListItem.module.css +216 -216
  102. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  103. package/es/MultiSelect/MultiSelect.js +5 -5
  104. package/es/MultiSelect/MultiSelect.module.css +206 -206
  105. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  106. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  107. package/es/PopOver/PopOver.module.css +8 -8
  108. package/es/Popup/Popup.js +0 -0
  109. package/es/Popup/PositionMapping.json +73 -73
  110. package/es/Radio/Radio.js +0 -0
  111. package/es/Radio/Radio.module.css +112 -112
  112. package/es/Responsive/CustomResponsive.js +0 -0
  113. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  114. package/es/Ribbon/Ribbon.js +0 -0
  115. package/es/Ribbon/Ribbon.module.css +454 -454
  116. package/es/RippleEffect/RippleEffect.module.css +92 -92
  117. package/es/Select/GroupSelect.js +0 -0
  118. package/es/Select/Select.js +0 -0
  119. package/es/Select/Select.module.css +108 -108
  120. package/es/Select/SelectWithAvatar.js +0 -0
  121. package/es/Select/SelectWithIcon.js +0 -0
  122. package/es/Stencils/Stencils.js +0 -0
  123. package/es/Stencils/Stencils.module.css +96 -96
  124. package/es/Switch/Switch.js +0 -0
  125. package/es/Switch/Switch.module.css +127 -127
  126. package/es/Tab/Tab.module.css +100 -100
  127. package/es/Tab/TabContent.module.css +4 -4
  128. package/es/Tab/Tabs.js +17 -17
  129. package/es/Tab/Tabs.module.css +136 -136
  130. package/es/Tag/Tag.js +8 -8
  131. package/es/Tag/Tag.module.css +254 -254
  132. package/es/TextBox/TextBox.js +0 -0
  133. package/es/TextBox/TextBox.module.css +158 -158
  134. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  135. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  136. package/es/Textarea/Textarea.js +0 -0
  137. package/es/Textarea/Textarea.module.css +139 -139
  138. package/es/Tooltip/Tooltip.module.css +140 -140
  139. package/es/common/a11y.module.css +3 -3
  140. package/es/common/animation.module.css +624 -624
  141. package/es/common/avatarsizes.module.css +48 -48
  142. package/es/common/basic.module.css +33 -33
  143. package/es/common/basicReset.module.css +40 -40
  144. package/es/common/boxShadow.module.css +33 -33
  145. package/es/common/common.module.css +524 -524
  146. package/es/common/customscroll.module.css +91 -91
  147. package/es/common/reset.module.css +13 -13
  148. package/es/common/transition.module.css +146 -146
  149. package/es/deprecated/AdvancedMultiSelect.module.css +126 -126
  150. package/es/semantic/Button/semanticButton.module.css +9 -9
  151. package/es/utils/Common.js +0 -0
  152. package/es/utils/dropDownUtils.js +0 -0
  153. package/install.md +10 -10
  154. package/lib/AppContainer/AppContainer.module.css +18 -18
  155. package/lib/Avatar/Avatar.js +9 -9
  156. package/lib/Avatar/Avatar.module.css +175 -175
  157. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  158. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  159. package/lib/Button/Button.js +4 -4
  160. package/lib/Button/__tests__/Button.spec.js +62 -0
  161. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
  162. package/lib/Button/css/Button.module.css +525 -525
  163. package/lib/Buttongroup/Buttongroup.js +1 -1
  164. package/lib/Buttongroup/Buttongroup.module.css +105 -105
  165. package/lib/Card/Card.js +4 -4
  166. package/lib/Card/Card.module.css +20 -20
  167. package/lib/CheckBox/CheckBox.js +0 -0
  168. package/lib/CheckBox/CheckBox.module.css +157 -157
  169. package/lib/DateTime/CalendarView.js +0 -0
  170. package/lib/DateTime/DateTime.js +0 -0
  171. package/lib/DateTime/DateTime.module.css +235 -235
  172. package/lib/DateTime/DateWidget.js +0 -0
  173. package/lib/DateTime/DateWidget.module.css +38 -38
  174. package/lib/DateTime/YearView.js +0 -0
  175. package/lib/DateTime/YearView.module.css +98 -98
  176. package/lib/DateTime/common.js +0 -0
  177. package/lib/DateTime/index.js +0 -0
  178. package/lib/DateTime/objectUtils.js +0 -0
  179. package/lib/DateTime/typeChecker.js +0 -0
  180. package/lib/DateTime/validator.js +0 -0
  181. package/lib/DropBox/DropBox.js +0 -0
  182. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  183. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  184. package/lib/DropBox/css/DropBox.module.css +58 -58
  185. package/lib/DropDown/DropDown.js +0 -0
  186. package/lib/DropDown/DropDown.module.css +5 -5
  187. package/lib/DropDown/DropDownHeading.js +0 -0
  188. package/lib/DropDown/DropDownHeading.module.css +53 -53
  189. package/lib/DropDown/DropDownItem.js +0 -0
  190. package/lib/DropDown/DropDownItem.module.css +94 -94
  191. package/lib/DropDown/DropDownSearch.js +0 -0
  192. package/lib/DropDown/DropDownSearch.module.css +14 -14
  193. package/lib/DropDown/DropDownSeparator.js +0 -0
  194. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  195. package/lib/Heading/Heading.module.css +4 -4
  196. package/lib/Label/Label.js +0 -0
  197. package/lib/Label/Label.module.css +52 -52
  198. package/lib/Label/LabelColors.module.css +20 -20
  199. package/lib/Layout/Box.js +0 -0
  200. package/lib/Layout/Container.js +0 -0
  201. package/lib/Layout/Layout.module.css +335 -335
  202. package/lib/Layout/utils.js +0 -0
  203. package/lib/ListItem/ListItem.js +0 -0
  204. package/lib/ListItem/ListItem.module.css +216 -216
  205. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  206. package/lib/MultiSelect/MultiSelect.js +5 -5
  207. package/lib/MultiSelect/MultiSelect.module.css +206 -206
  208. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  209. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  210. package/lib/PopOver/PopOver.module.css +8 -8
  211. package/lib/Popup/Popup.js +0 -0
  212. package/lib/Popup/PositionMapping.json +73 -73
  213. package/lib/Radio/Radio.js +0 -0
  214. package/lib/Radio/Radio.module.css +112 -112
  215. package/lib/Responsive/CustomResponsive.js +0 -0
  216. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  217. package/lib/Ribbon/Ribbon.js +0 -0
  218. package/lib/Ribbon/Ribbon.module.css +454 -454
  219. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  220. package/lib/Select/GroupSelect.js +0 -0
  221. package/lib/Select/Select.js +0 -0
  222. package/lib/Select/Select.module.css +108 -108
  223. package/lib/Select/SelectWithAvatar.js +0 -0
  224. package/lib/Select/SelectWithIcon.js +0 -0
  225. package/lib/Stencils/Stencils.js +0 -0
  226. package/lib/Stencils/Stencils.module.css +96 -96
  227. package/lib/Switch/Switch.js +0 -0
  228. package/lib/Switch/Switch.module.css +127 -127
  229. package/lib/Tab/Tab.module.css +100 -100
  230. package/lib/Tab/TabContent.module.css +4 -4
  231. package/lib/Tab/Tabs.js +11 -11
  232. package/lib/Tab/Tabs.module.css +136 -136
  233. package/lib/Tag/Tag.js +8 -8
  234. package/lib/Tag/Tag.module.css +254 -254
  235. package/lib/TextBox/TextBox.js +0 -0
  236. package/lib/TextBox/TextBox.module.css +158 -158
  237. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  238. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  239. package/lib/Textarea/Textarea.js +0 -0
  240. package/lib/Textarea/Textarea.module.css +139 -139
  241. package/lib/Tooltip/Tooltip.module.css +140 -140
  242. package/lib/common/a11y.module.css +3 -3
  243. package/lib/common/animation.module.css +624 -624
  244. package/lib/common/avatarsizes.module.css +48 -48
  245. package/lib/common/basic.module.css +33 -33
  246. package/lib/common/basicReset.module.css +40 -40
  247. package/lib/common/boxShadow.module.css +33 -33
  248. package/lib/common/common.module.css +524 -524
  249. package/lib/common/customscroll.module.css +91 -91
  250. package/lib/common/reset.module.css +13 -13
  251. package/lib/common/transition.module.css +146 -146
  252. package/lib/deprecated/AdvancedMultiSelect.module.css +126 -126
  253. package/lib/semantic/Button/semanticButton.module.css +9 -9
  254. package/lib/utils/Common.js +0 -0
  255. package/lib/utils/dropDownUtils.js +0 -0
  256. package/package.json +122 -116
  257. package/postPublish.js +8 -8
  258. package/prePublish.js +70 -70
  259. package/result.json +1 -0
  260. package/assets/Appearance/dark/mode/darkMode.module.css +0 -346
  261. package/assets/Appearance/dark/themes/blue/blueDarkCTAModifyCategory.module.css +0 -452
  262. package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +0 -34
  263. package/assets/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +0 -45
  264. package/assets/Appearance/dark/themes/green/greenDarkCTAModifyCategory.module.css +0 -452
  265. package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +0 -34
  266. package/assets/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +0 -45
  267. package/assets/Appearance/dark/themes/orange/orangeDarkCTAModifyCategory.module.css +0 -452
  268. package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +0 -34
  269. package/assets/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +0 -45
  270. package/assets/Appearance/dark/themes/red/redDarkCTAModifyCategory.module.css +0 -452
  271. package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +0 -34
  272. package/assets/Appearance/dark/themes/red/redDarkComponentTheme.module.css +0 -45
  273. package/assets/Appearance/dark/themes/yellow/yellowDarkCTAModifyCategory.module.css +0 -452
  274. package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +0 -34
  275. package/assets/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +0 -45
  276. package/assets/Appearance/default/mode/defaultMode.module.css +0 -346
  277. package/assets/Appearance/default/themes/blue/blueDefaultCTAModifyCategory.module.css +0 -452
  278. package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +0 -34
  279. package/assets/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +0 -45
  280. package/assets/Appearance/default/themes/green/greenDefaultCTAModifyCategory.module.css +0 -452
  281. package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +0 -34
  282. package/assets/Appearance/default/themes/green/greenDefaultComponentTheme.module.css +0 -45
  283. package/assets/Appearance/default/themes/orange/orangeDefaultCTAModifyCategory.module.css +0 -452
  284. package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +0 -34
  285. package/assets/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css +0 -45
  286. package/assets/Appearance/default/themes/red/redDefaultCTAModifyCategory.module.css +0 -452
  287. package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +0 -34
  288. package/assets/Appearance/default/themes/red/redDefaultComponentTheme.module.css +0 -45
  289. package/assets/Appearance/default/themes/yellow/yellowDefaultCTAModifyCategory.module.css +0 -452
  290. package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +0 -34
  291. package/assets/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css +0 -45
  292. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +0 -346
  293. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTAModifyCategory.module.css +0 -452
  294. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +0 -34
  295. package/assets/Appearance/pureDark/themes/blue/bluePureDarkComponentTheme.module.css +0 -45
  296. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTAModifyCategory.module.css +0 -452
  297. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +0 -34
  298. package/assets/Appearance/pureDark/themes/green/greenPureDarkComponentTheme.module.css +0 -45
  299. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTAModifyCategory.module.css +0 -452
  300. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +0 -34
  301. package/assets/Appearance/pureDark/themes/orange/orangePureDarkComponentTheme.module.css +0 -45
  302. package/assets/Appearance/pureDark/themes/red/redPureDarkCTAModifyCategory.module.css +0 -452
  303. package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +0 -34
  304. package/assets/Appearance/pureDark/themes/red/redPureDarkComponentTheme.module.css +0 -45
  305. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTAModifyCategory.module.css +0 -452
  306. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +0 -34
  307. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkComponentTheme.module.css +0 -45
  308. package/assets/Contrast/defaultContrastLightness.module.css +0 -39
  309. package/es/Accordion/__tests__/Accordion.spec.js +0 -79
  310. package/es/Animation/__tests__/Animation.spec.js +0 -17
  311. package/es/Avatar/__tests__/Avatar.spec.js +0 -161
  312. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  313. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -76
  314. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  315. package/es/Buttongroup/__test__/Buttongroup.spec.js +0 -73
  316. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  317. package/es/Card/__tests__/Card.spec.js +0 -36
  318. package/es/CheckBox/__tests__/CheckBox.spec.js +0 -12
  319. package/es/DateTime/__tests__/CalendarView.spec.js +0 -33
  320. package/es/DateTime/__tests__/DateTime.spec.js +0 -115
  321. package/es/DateTime/__tests__/DateWidget.spec.js +0 -75
  322. package/es/DropBox/__tests__/DropBox.spec.js +0 -81
  323. package/es/DropDown/__tests__/DropDown.spec.js +0 -44
  324. package/es/DropDown/__tests__/DropDownItem.spec.js +0 -45
  325. package/es/DropDown/__tests__/DropDownSearch.spec.js +0 -11
  326. package/es/Label/__tests__/Label.spec.js +0 -120
  327. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  328. package/es/Layout/__tests__/Box.spec.js +0 -114
  329. package/es/Layout/__tests__/Container.spec.js +0 -120
  330. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -160
  331. package/es/PopOver/__tests__/PopOver.spec.js +0 -14
  332. package/es/Popup/__tests__/Popup.spec.js +0 -134
  333. package/es/Radio/__tests__/Radiospec.js +0 -23
  334. package/es/Ribbon/__tests__/Ribbon.spec.js +0 -168
  335. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  336. package/es/Select/__tests__/Select.spec.js +0 -345
  337. package/es/Stencils/__tests__/Stencils.spec.js +0 -69
  338. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  339. package/es/Tab/__tests__/Tab.spec.js +0 -117
  340. package/es/Tab/__tests__/TabContent.spec.js +0 -16
  341. package/es/Tab/__tests__/TabContentWrapper.spec.js +0 -50
  342. package/es/Tab/__tests__/TabWrapper.spec.js +0 -86
  343. package/es/Tab/__tests__/Tabs.spec.js +0 -115
  344. package/es/Tag/__tests__/Tag.spec.js +0 -28
  345. package/es/TextBox/__tests__/TextBox.spec.js +0 -189
  346. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  347. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -212
  348. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  349. package/es/Textarea/__tests__/Textarea.spec.js +0 -171
  350. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  351. package/es/Tooltip/__tests__/Tooltip.spec.js +0 -52
  352. package/es/utils/__tests__/constructFullName.spec.js +0 -9
  353. package/es/utils/__tests__/debounce.spec.js +0 -37
  354. package/es/utils/__tests__/getInitial.spec.js +0 -23
  355. package/lib/Accordion/__tests__/Accordion.spec.js +0 -85
  356. package/lib/Animation/__tests__/Animation.spec.js +0 -23
  357. package/lib/Avatar/__tests__/Avatar.spec.js +0 -208
  358. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  359. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -92
  360. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  361. package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -86
  362. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  363. package/lib/Card/__tests__/Card.spec.js +0 -56
  364. package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -18
  365. package/lib/DateTime/__tests__/CalendarView.spec.js +0 -45
  366. package/lib/DateTime/__tests__/DateTime.spec.js +0 -127
  367. package/lib/DateTime/__tests__/DateWidget.spec.js +0 -81
  368. package/lib/DropBox/__tests__/DropBox.spec.js +0 -87
  369. package/lib/DropDown/__tests__/DropDown.spec.js +0 -50
  370. package/lib/DropDown/__tests__/DropDownItem.spec.js +0 -51
  371. package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -17
  372. package/lib/Label/__tests__/Label.spec.js +0 -137
  373. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  374. package/lib/Layout/__tests__/Box.spec.js +0 -121
  375. package/lib/Layout/__tests__/Container.spec.js +0 -127
  376. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -170
  377. package/lib/PopOver/__tests__/PopOver.spec.js +0 -20
  378. package/lib/Popup/__tests__/Popup.spec.js +0 -192
  379. package/lib/Radio/__tests__/Radiospec.js +0 -29
  380. package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -193
  381. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  382. package/lib/Select/__tests__/Select.spec.js +0 -383
  383. package/lib/Stencils/__tests__/Stencils.spec.js +0 -84
  384. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  385. package/lib/Tab/__tests__/Tab.spec.js +0 -123
  386. package/lib/Tab/__tests__/TabContent.spec.js +0 -22
  387. package/lib/Tab/__tests__/TabContentWrapper.spec.js +0 -59
  388. package/lib/Tab/__tests__/TabWrapper.spec.js +0 -100
  389. package/lib/Tab/__tests__/Tabs.spec.js +0 -123
  390. package/lib/Tag/__tests__/Tag.spec.js +0 -35
  391. package/lib/TextBox/__tests__/TextBox.spec.js +0 -205
  392. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  393. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -228
  394. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  395. package/lib/Textarea/__tests__/Textarea.spec.js +0 -186
  396. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  397. package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -98
  398. package/lib/utils/__tests__/constructFullName.spec.js +0 -12
  399. package/lib/utils/__tests__/debounce.spec.js +0 -40
  400. package/lib/utils/__tests__/getInitial.spec.js +0 -26
@@ -1,383 +0,0 @@
1
- "use strict";
2
-
3
- var _expect = _interopRequireDefault(require("expect"));
4
-
5
- var _Select = _interopRequireDefault(require("../Select"));
6
-
7
- var _ListItem = _interopRequireDefault(require("../../ListItem/ListItem"));
8
-
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
-
11
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
12
-
13
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
14
-
15
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
16
-
17
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
18
-
19
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
20
-
21
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
22
-
23
- describe('Select component conditions', function () {
24
- it('Select component with down arrow', function () {
25
- var _setup = setup(_Select["default"], {
26
- needSelectDownIcon: true,
27
- dataId: 'selectComp'
28
- }),
29
- renderedDOM = _setup.renderedDOM;
30
-
31
- var downIconEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_downIcon');
32
- (0, _expect["default"])(TestUtils.isDOMComponent(downIconEle)).toBeTruthy();
33
- });
34
- it('Select component without down arrow', function () {
35
- var _setup2 = setup(_Select["default"], {
36
- needSelectDownIcon: false,
37
- dataId: 'selectComp'
38
- }),
39
- renderedDOM = _setup2.renderedDOM;
40
-
41
- var downIcons = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_downIcon');
42
- (0, _expect["default"])(downIcons.length).toBe(0);
43
- });
44
- it('Select component with search box', function () {
45
- var _setup3 = setup(_Select["default"], {
46
- needSearch: true,
47
- isPopupOpen: true,
48
- isPopupReady: true,
49
- dataId: 'selectComp'
50
- }),
51
- renderedDOM = _setup3.renderedDOM;
52
-
53
- var textBoxes = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_search');
54
- (0, _expect["default"])(textBoxes.length).toBe(1);
55
- });
56
- it('Select component without search box', function () {
57
- var _setup4 = setup(_Select["default"], {
58
- needSearch: false,
59
- isPopupOpen: true,
60
- dataId: 'selectComp'
61
- }),
62
- renderedDOM = _setup4.renderedDOM;
63
-
64
- var textBoxes = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_search');
65
- (0, _expect["default"])(textBoxes.length).toBe(0);
66
- });
67
- it('Should Show empty message', function () {
68
- var _setup5 = setup(_Select["default"], {
69
- isPopupOpen: true,
70
- dataId: 'selectComp'
71
- }),
72
- renderedDOM = _setup5.renderedDOM;
73
-
74
- var emptyMessageEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_noOptnsMsg');
75
- (0, _expect["default"])(TestUtils.isDOMComponent(emptyMessageEle)).toBeTruthy();
76
- });
77
- it('Should render suggestions, When popup open', function () {
78
- var _setup6 = setup(_Select["default"], {
79
- dataId: 'selectComp',
80
- isPopupOpen: true
81
- }),
82
- renderedDOM = _setup6.renderedDOM;
83
-
84
- var suggestionsContainer = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
85
- (0, _expect["default"])(TestUtils.isDOMComponent(suggestionsContainer)).toBeTruthy();
86
- });
87
- it('Should not render suggestions, When popup close', function () {
88
- var _setup7 = setup(_Select["default"], {
89
- dataId: 'selectComp',
90
- isPopupOpen: false
91
- }),
92
- renderedDOM = _setup7.renderedDOM;
93
-
94
- var suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
95
- (0, _expect["default"])(suggestionsContainer.length).toBe(0);
96
- });
97
- it('Should popup open, When click textBox', function () {
98
- var _setup8 = setup(_Select["default"], {
99
- dataId: 'TextBox'
100
- }),
101
- renderedDOM = _setup8.renderedDOM;
102
-
103
- var targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextBox');
104
- var suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'TextBox_suggestions');
105
- (0, _expect["default"])(suggestionsContainer.length).toBe(0);
106
- TestUtils.Simulate.click(targetTextBox);
107
- var suggestionContainer = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextBox_suggestions');
108
- (0, _expect["default"])(TestUtils.isDOMComponent(suggestionContainer)).toBeTruthy();
109
- });
110
- it('Should popup open, When down arrow press', function () {
111
- var _setup9 = setup(_Select["default"], {
112
- dataId: 'selectComp'
113
- }),
114
- renderedDOM = _setup9.renderedDOM;
115
-
116
- var targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_textBox');
117
- var suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
118
- (0, _expect["default"])(suggestionsContainer.length).toBe(0);
119
- TestUtils.Simulate.keyDown(targetTextBox, {
120
- keyCode: 40
121
- });
122
- var suggestionContainer = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
123
- (0, _expect["default"])(TestUtils.isDOMComponent(suggestionContainer)).toBeTruthy();
124
- });
125
- xit('Should popup close, When esc key press', function () {
126
- //popup close handling in popup component
127
- var _setup10 = setup(_Select["default"], {
128
- dataId: 'selectComp',
129
- isPopupOpen: true
130
- }),
131
- renderedDOM = _setup10.renderedDOM;
132
-
133
- var suggestionContainer = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
134
- (0, _expect["default"])(TestUtils.isDOMComponent(suggestionContainer)).toBeTruthy();
135
- var targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp');
136
- TestUtils.Simulate.keyDown(targetTextBox, {
137
- keyCode: 27
138
- });
139
- var suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
140
- (0, _expect["default"])(suggestionsContainer.length).toBe(0);
141
- });
142
- it('Should not popup open, When is readOnly component', function () {
143
- var _setup11 = setup(_Select["default"], {
144
- dataId: 'selectComp',
145
- isReadOnly: true
146
- }),
147
- renderedDOM = _setup11.renderedDOM;
148
-
149
- var targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_readOnly');
150
- TestUtils.Simulate.click(targetTextBox);
151
- var suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
152
- (0, _expect["default"])(suggestionsContainer.length).toBe(0);
153
- });
154
- it('Should not popup open, When is disabled component', function () {
155
- var _setup12 = setup(_Select["default"], {
156
- dataId: 'selectComp',
157
- isDisabled: true
158
- }),
159
- renderedDOM = _setup12.renderedDOM;
160
-
161
- var targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_disabled');
162
- TestUtils.Simulate.click(targetTextBox);
163
- var suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
164
- (0, _expect["default"])(suggestionsContainer.length).toBe(0);
165
- });
166
- it('Should Show search empty message', function () {
167
- var _setup13 = setup(_Select["default"], {
168
- needSearch: true,
169
- isPopupOpen: true,
170
- dataId: 'textBox'
171
- }),
172
- renderedDOM = _setup13.renderedDOM;
173
-
174
- var _TestUtils$scryRender = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'textBox_search'),
175
- _TestUtils$scryRender2 = _slicedToArray(_TestUtils$scryRender, 1),
176
- searchBox = _TestUtils$scryRender2[0];
177
-
178
- TestUtils.Simulate.change(searchBox, {
179
- target: {
180
- value: 'value changed'
181
- }
182
- });
183
- var emptyMessageEle = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'textBox_noOptnsMsg');
184
- var searchEmptyMessageEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'textBox_srchEmptyMsg');
185
- (0, _expect["default"])(emptyMessageEle.length).toBe(0);
186
- (0, _expect["default"])(TestUtils.isDOMComponent(searchEmptyMessageEle)).toBeTruthy();
187
- });
188
- it('Should show loading and hide loading', function (cb) {
189
- var resolveFunc = null;
190
- var newPromise = new Promise(function (res) {
191
- resolveFunc = res;
192
- });
193
- var searchDebounceTime = 0;
194
-
195
- var _setup14 = setup(_Select["default"], {
196
- onSearch: jest.fn(function () {
197
- return newPromise;
198
- }),
199
- needSearch: true,
200
- searchDebounceTime: searchDebounceTime,
201
- isPopupOpen: true,
202
- dataId: 'textBox'
203
- }),
204
- renderedDOM = _setup14.renderedDOM,
205
- props = _setup14.props;
206
-
207
- var _TestUtils$scryRender3 = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'textBox_search'),
208
- _TestUtils$scryRender4 = _slicedToArray(_TestUtils$scryRender3, 1),
209
- searchBox = _TestUtils$scryRender4[0];
210
-
211
- TestUtils.Simulate.change(searchBox, {
212
- target: {
213
- value: 'value changed'
214
- }
215
- }); //
216
-
217
- setTimeout(function () {
218
- (0, _expect["default"])(props.onSearch).toHaveBeenCalled();
219
- (0, _expect["default"])(props.onSearch.mock.calls[0][0]).toEqual('value changed');
220
- var loadingEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'textBox_Loading');
221
- (0, _expect["default"])(TestUtils.isDOMComponent(loadingEle)).toBeTruthy();
222
- resolveFunc();
223
- return newPromise.then(function () {
224
- var loadingEleArr = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'textBox_Loading');
225
- (0, _expect["default"])(loadingEleArr.length).toBe(0);
226
- cb();
227
- });
228
- }, searchDebounceTime); //
229
- });
230
- it('Should call onChange, When select list item', function () {
231
- var defaultProps = {
232
- options: [{
233
- id: '1',
234
- text: 'one'
235
- }, {
236
- id: '2',
237
- text: 'two'
238
- }],
239
- onChange: jest.fn(),
240
- isPopupOpen: true
241
- };
242
-
243
- var _setup15 = setup(_Select["default"], defaultProps),
244
- renderedDOM = _setup15.renderedDOM,
245
- props = _setup15.props;
246
-
247
- var _TestUtils$scryRender5 = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'one'),
248
- _TestUtils$scryRender6 = _slicedToArray(_TestUtils$scryRender5, 1),
249
- listItem = _TestUtils$scryRender6[0];
250
-
251
- TestUtils.Simulate.click(listItem);
252
- (0, _expect["default"])(props.onChange).toHaveBeenCalledWith('1', {
253
- id: '1',
254
- text: 'one'
255
- });
256
- });
257
- it('Should not call onChange func, When is readonly component', function () {
258
- var defaultProps = {
259
- options: [{
260
- id: '1',
261
- text: 'one'
262
- }, {
263
- id: '2',
264
- text: 'two'
265
- }],
266
- onChange: jest.fn(),
267
- isReadOnly: true
268
- };
269
-
270
- var _setup16 = setup(_Select["default"], defaultProps),
271
- renderedDOM = _setup16.renderedDOM;
272
-
273
- var listItems = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, '1');
274
- (0, _expect["default"])(listItems.length).toBe(0);
275
- });
276
- it('Should call getNextOptions, When on reach boundary and isNextOptions is true', function () {
277
- var defaultProps = {
278
- options: [1, 2, 3, 4, 5],
279
- getNextOptions: jest.fn(),
280
- isNextOptions: true,
281
- isPopupOpen: true
282
- };
283
-
284
- var _setup17 = setup(_Select["default"], defaultProps),
285
- renderedDOM = _setup17.renderedDOM,
286
- props = _setup17.props;
287
-
288
- var searchBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComponent_textBox');
289
- TestUtils.Simulate.keyDown(searchBox, {
290
- keyCode: 40
291
- });
292
- TestUtils.Simulate.keyDown(searchBox, {
293
- keyCode: 40
294
- });
295
- TestUtils.Simulate.keyDown(searchBox, {
296
- keyCode: 40
297
- });
298
- (0, _expect["default"])(props.getNextOptions).toHaveBeenCalled();
299
- });
300
- it('Should not call getNextOptions, When on reach boundary and isNextOptions is false', function () {
301
- var defaultProps = {
302
- options: [1, 2, 3, 4, 5],
303
- getNextOptions: jest.fn(),
304
- isNextOptions: false,
305
- isPopupOpen: true
306
- };
307
-
308
- var _setup18 = setup(_Select["default"], defaultProps),
309
- renderedDOM = _setup18.renderedDOM,
310
- props = _setup18.props;
311
-
312
- var searchBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComponent_textBox');
313
- TestUtils.Simulate.keyDown(searchBox, {
314
- keyCode: 40
315
- });
316
- TestUtils.Simulate.keyDown(searchBox, {
317
- keyCode: 40
318
- });
319
- TestUtils.Simulate.keyDown(searchBox, {
320
- keyCode: 40
321
- });
322
- (0, _expect["default"])(props.getNextOptions).not.toHaveBeenCalled();
323
- });
324
- it('Should ignore excludeOptions', function () {
325
- var defaultProps = {
326
- options: ['1', '2', '3', '4', '5'],
327
- excludeOptions: ['1', '2'],
328
- isPopupOpen: true
329
- };
330
-
331
- var _setup19 = setup(_Select["default"], defaultProps),
332
- renderedDOM = _setup19.renderedDOM; // let liteItemArr = TestUtils.scryRenderedComponentsWithTestid(
333
- // renderedDOM,
334
- // 'listItem'
335
- // );
336
-
337
-
338
- var liteItemArr = TestUtils.scryRenderedComponentsWithType(renderedDOM, _ListItem["default"]);
339
- (0, _expect["default"])(liteItemArr.length).toBe(3);
340
- });
341
- it('Should select defaultValue', function () {
342
- var defaultProps = {
343
- options: ['1', '2', '3', '4', '5'],
344
- isDefaultSelectValue: true
345
- };
346
-
347
- var _setup20 = setup(_Select["default"], defaultProps),
348
- renderedDOM = _setup20.renderedDOM;
349
-
350
- var selectComp = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComponent_textBox');
351
- (0, _expect["default"])(selectComp.value).toBe('1');
352
- });
353
- it('Should not select defaultValue', function () {
354
- var defaultProps = {
355
- options: ['1', '2', '3', '4', '5'],
356
- isDefaultSelectValue: false
357
- };
358
-
359
- var _setup21 = setup(_Select["default"], defaultProps),
360
- renderedDOM = _setup21.renderedDOM;
361
-
362
- var selectComp = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComponent_textBox');
363
- (0, _expect["default"])(selectComp.value).toBe('');
364
- });
365
- it('Should active selected value', function () {
366
- var defaultProps = {
367
- options: ['1', '2', '3', '4', '5'],
368
- selectedValue: '1',
369
- isPopupOpen: true
370
- };
371
-
372
- var _setup22 = setup(_Select["default"], defaultProps),
373
- renderedDOM = _setup22.renderedDOM;
374
-
375
- var _TestUtils$scryRender7 = TestUtils.scryRenderedComponentsWithType(renderedDOM, _ListItem["default"]),
376
- _TestUtils$scryRender8 = _slicedToArray(_TestUtils$scryRender7, 2),
377
- listItem1 = _TestUtils$scryRender8[0],
378
- listItem2 = _TestUtils$scryRender8[1];
379
-
380
- (0, _expect["default"])(listItem1.props.active).toBeTruthy();
381
- (0, _expect["default"])(listItem2.props.active).toBeFalsy();
382
- });
383
- });
@@ -1,84 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- var _Stencils = _interopRequireDefault(require("../Stencils"));
6
-
7
- var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
8
-
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
-
11
- describe('Stencils component', function () {
12
- it('should the palette is primary', function () {
13
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
14
- palette: "primary"
15
- }));
16
-
17
- var tree = ele.toJSON();
18
- expect(tree).toMatchSnapshot();
19
- });
20
- it('should the palette is secondary', function () {
21
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
22
- palette: "secondary"
23
- }));
24
-
25
- var tree = ele.toJSON();
26
- expect(tree).toMatchSnapshot();
27
- });
28
- it('should the size is small', function () {
29
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
30
- palette: "default",
31
- size: "small"
32
- }));
33
-
34
- var tree = ele.toJSON();
35
- expect(tree).toMatchSnapshot();
36
- });
37
- it('should the size is medium', function () {
38
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
39
- palette: "default",
40
- size: "small"
41
- }));
42
-
43
- var tree = ele.toJSON();
44
- expect(tree).toMatchSnapshot();
45
- });
46
- it('should the size is large', function () {
47
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
48
- palette: "default",
49
- size: "large"
50
- }));
51
-
52
- var tree = ele.toJSON();
53
- expect(tree).toMatchSnapshot();
54
- });
55
- it('should the size is default', function () {
56
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
57
- palette: "default",
58
- size: "default"
59
- }));
60
-
61
- var tree = ele.toJSON();
62
- expect(tree).toMatchSnapshot();
63
- });
64
- it('should the shape is rect', function () {
65
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
66
- palette: "default",
67
- shape: "rect",
68
- size: "default"
69
- }));
70
-
71
- var tree = ele.toJSON();
72
- expect(tree).toMatchSnapshot();
73
- });
74
- it('should the shape is circle', function () {
75
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
76
- palette: "default",
77
- shape: "circle",
78
- size: "default"
79
- }));
80
-
81
- var tree = ele.toJSON();
82
- expect(tree).toMatchSnapshot();
83
- });
84
- });
@@ -1,49 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Stencils component should the palette is primary 1`] = `
4
- <div
5
- className="rectangular medium primary"
6
- />
7
- `;
8
-
9
- exports[`Stencils component should the palette is secondary 1`] = `
10
- <div
11
- className="rectangular medium secondary"
12
- />
13
- `;
14
-
15
- exports[`Stencils component should the shape is circle 1`] = `
16
- <div
17
- className="circle cdefault default"
18
- />
19
- `;
20
-
21
- exports[`Stencils component should the shape is rect 1`] = `
22
- <div
23
- className="rectangular default default"
24
- />
25
- `;
26
-
27
- exports[`Stencils component should the size is default 1`] = `
28
- <div
29
- className="rectangular default default"
30
- />
31
- `;
32
-
33
- exports[`Stencils component should the size is large 1`] = `
34
- <div
35
- className="rectangular large default"
36
- />
37
- `;
38
-
39
- exports[`Stencils component should the size is medium 1`] = `
40
- <div
41
- className="rectangular small default"
42
- />
43
- `;
44
-
45
- exports[`Stencils component should the size is small 1`] = `
46
- <div
47
- className="rectangular small default"
48
- />
49
- `;
@@ -1,123 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- var _Tab = _interopRequireDefault(require("../Tab"));
6
-
7
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
8
-
9
- describe('Tab Component', function () {
10
- it('Is Contains alpha class', function () {
11
- var _setup = setup(_Tab["default"], {
12
- type: 'alpha',
13
- needAppearance: true,
14
- getActiveRef: function getActiveRef() {}
15
- }),
16
- props = _setup.props,
17
- renderedDOM = _setup.renderedDOM;
18
-
19
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tabAlpha')).toBe(true);
20
- });
21
- it('Is Contains beta class', function () {
22
- var _setup2 = setup(_Tab["default"], {
23
- type: 'beta',
24
- needAppearance: true,
25
- getActiveRef: function getActiveRef() {}
26
- }),
27
- props = _setup2.props,
28
- renderedDOM = _setup2.renderedDOM;
29
-
30
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tabBeta')).toBe(true);
31
- });
32
- it('Is Contains gamma class', function () {
33
- var _setup3 = setup(_Tab["default"], {
34
- type: 'gamma',
35
- needAppearance: true,
36
- getActiveRef: function getActiveRef() {}
37
- }),
38
- props = _setup3.props,
39
- renderedDOM = _setup3.renderedDOM;
40
-
41
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tab')).toBe(true);
42
- });
43
- it('Is Contains delta class', function () {
44
- var _setup4 = setup(_Tab["default"], {
45
- type: 'delta',
46
- needAppearance: true,
47
- getActiveRef: function getActiveRef() {}
48
- }),
49
- props = _setup4.props,
50
- renderedDOM = _setup4.renderedDOM;
51
-
52
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tabDelta')).toBe(true);
53
- }); // it('Is Contains zeta class', () => {
54
- // const { props, renderedDOM } = setup(Tab, { type: 'zeta', needAppearance: true, getActiveRef: () => { } });
55
- // expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tab')).toBe(true);
56
- // });
57
- // it('Is Contains special class', () => {
58
- // const { props, renderedDOM } = setup(Tab, { type: 'special', getActiveRef: () => {} });
59
- // expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('special')).toBe(true);
60
- //
61
- // });
62
-
63
- it('Is Contains active class', function () {
64
- var _setup5 = setup(_Tab["default"], {
65
- type: 'alpha',
66
- needAppearance: true,
67
- id: '0',
68
- selectedTab: '0',
69
- isActive: true,
70
- getActiveRef: function getActiveRef() {}
71
- }),
72
- props = _setup5.props,
73
- renderedDOM = _setup5.renderedDOM;
74
-
75
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('alphaActive')).toBe(true);
76
- });
77
- it('Is Contains border class', function () {
78
- var _setup6 = setup(_Tab["default"], {
79
- isActive: true,
80
- type: 'alpha',
81
- needAppearance: true,
82
- needBorder: true,
83
- getActiveRef: function getActiveRef() {}
84
- }),
85
- props = _setup6.props,
86
- renderedDOM = _setup6.renderedDOM;
87
-
88
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('alphaActive_border')).toBe(true);
89
- });
90
- it('Is call onClick', function () {
91
- var _setup7 = setup(_Tab["default"], {
92
- id: '2',
93
- onClick: jest.fn(),
94
- onSelect: jest.fn(),
95
- getActiveRef: function getActiveRef() {}
96
- }),
97
- renderedDOM = _setup7.renderedDOM,
98
- props = _setup7.props;
99
-
100
- var tabElement = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab');
101
- TestUtils.Simulate.click(tabElement, {
102
- currentTarget: {
103
- offsetLeft: 0,
104
- offsetWidth: 0
105
- }
106
- });
107
- expect(props.onClick).toHaveBeenCalled();
108
- expect(props.onSelect).toHaveBeenLastCalledWith('2');
109
- });
110
- it('is render text span', function () {
111
- var _setup8 = setup(_Tab["default"], {
112
- type: 'alpha',
113
- dataId: 'taskSubtab1',
114
- text: 'Tab1',
115
- getActiveRef: function getActiveRef() {}
116
- }),
117
- renderedDOM = _setup8.renderedDOM,
118
- props = _setup8.props;
119
-
120
- var tabElement = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'taskSubtab1_Tab');
121
- expect(tabElement.getAttribute('data-id')).toBe('taskSubtab1_Tab');
122
- });
123
- });
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- var _TabContent = _interopRequireDefault(require("../TabContent"));
6
-
7
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
8
-
9
- describe('TabContent Component', function () {
10
- it('render TabContent', function () {
11
- var _setup = setup(_TabContent["default"], {
12
- children: /*#__PURE__*/_react["default"].createElement("div", {
13
- "data-id": "tabcontent"
14
- }, "Tab Content")
15
- }),
16
- props = _setup.props,
17
- renderedDOM = _setup.renderedDOM;
18
-
19
- var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabcontent');
20
- expect(component.getAttribute('data-id')).toBe('tabcontent');
21
- });
22
- });