@dxc-technology/halstack-react 0.0.0-2aeb707 → 0.0.0-2b469b1

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 (502) hide show
  1. package/BackgroundColorContext.d.ts +10 -0
  2. package/BackgroundColorContext.js +47 -0
  3. package/HalstackContext.d.ts +12 -0
  4. package/HalstackContext.js +332 -0
  5. package/accordion/Accordion.d.ts +4 -0
  6. package/accordion/Accordion.js +239 -0
  7. package/accordion/Accordion.stories.tsx +395 -0
  8. package/accordion/Accordion.test.js +71 -0
  9. package/accordion/types.d.ts +69 -0
  10. package/accordion/types.js +5 -0
  11. package/accordion-group/AccordionGroup.d.ts +7 -0
  12. package/accordion-group/AccordionGroup.js +149 -0
  13. package/accordion-group/AccordionGroup.stories.tsx +251 -0
  14. package/accordion-group/AccordionGroup.test.js +126 -0
  15. package/accordion-group/types.d.ts +79 -0
  16. package/accordion-group/types.js +5 -0
  17. package/alert/Alert.d.ts +4 -0
  18. package/alert/Alert.js +293 -0
  19. package/alert/Alert.stories.tsx +198 -0
  20. package/alert/Alert.test.js +92 -0
  21. package/alert/types.d.ts +49 -0
  22. package/alert/types.js +5 -0
  23. package/badge/Badge.d.ts +4 -0
  24. package/badge/Badge.js +61 -0
  25. package/badge/types.d.ts +5 -0
  26. package/badge/types.js +5 -0
  27. package/bleed/Bleed.d.ts +3 -0
  28. package/bleed/Bleed.js +51 -0
  29. package/bleed/Bleed.stories.tsx +341 -0
  30. package/bleed/types.d.ts +37 -0
  31. package/bleed/types.js +5 -0
  32. package/box/Box.d.ts +4 -0
  33. package/box/Box.js +116 -0
  34. package/box/Box.stories.tsx +147 -0
  35. package/box/Box.test.js +18 -0
  36. package/box/types.d.ts +44 -0
  37. package/box/types.js +5 -0
  38. package/bulleted-list/BulletedList.d.ts +7 -0
  39. package/bulleted-list/BulletedList.js +123 -0
  40. package/bulleted-list/BulletedList.stories.tsx +200 -0
  41. package/bulleted-list/types.d.ts +11 -0
  42. package/bulleted-list/types.js +5 -0
  43. package/button/Button.d.ts +4 -0
  44. package/button/Button.js +154 -0
  45. package/button/Button.stories.tsx +425 -0
  46. package/button/Button.test.js +35 -0
  47. package/button/types.d.ts +53 -0
  48. package/button/types.js +5 -0
  49. package/card/Card.d.ts +4 -0
  50. package/card/Card.js +161 -0
  51. package/card/Card.stories.tsx +201 -0
  52. package/card/Card.test.js +50 -0
  53. package/card/ice-cream.jpg +0 -0
  54. package/card/types.d.ts +68 -0
  55. package/card/types.js +5 -0
  56. package/checkbox/Checkbox.d.ts +4 -0
  57. package/checkbox/Checkbox.js +250 -0
  58. package/checkbox/Checkbox.stories.tsx +260 -0
  59. package/checkbox/Checkbox.test.js +155 -0
  60. package/checkbox/types.d.ts +68 -0
  61. package/checkbox/types.js +5 -0
  62. package/chip/Chip.d.ts +4 -0
  63. package/chip/Chip.js +155 -0
  64. package/chip/Chip.stories.tsx +206 -0
  65. package/chip/Chip.test.js +56 -0
  66. package/chip/types.d.ts +45 -0
  67. package/chip/types.js +5 -0
  68. package/{dist/common → common}/OpenSans.css +0 -0
  69. package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
  70. package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
  71. package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
  72. package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  73. package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
  74. package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
  75. package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
  76. package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
  77. package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
  78. package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  79. package/common/utils.js +22 -0
  80. package/common/variables.js +1518 -0
  81. package/date-input/Calendar.d.ts +4 -0
  82. package/date-input/Calendar.js +258 -0
  83. package/date-input/DateInput.d.ts +4 -0
  84. package/date-input/DateInput.js +269 -0
  85. package/date-input/DateInput.stories.tsx +304 -0
  86. package/date-input/DateInput.test.js +835 -0
  87. package/date-input/DatePicker.d.ts +4 -0
  88. package/date-input/DatePicker.js +146 -0
  89. package/date-input/Icons.d.ts +6 -0
  90. package/date-input/Icons.js +75 -0
  91. package/date-input/YearPicker.d.ts +4 -0
  92. package/date-input/YearPicker.js +126 -0
  93. package/date-input/types.d.ts +158 -0
  94. package/date-input/types.js +5 -0
  95. package/dialog/Dialog.d.ts +4 -0
  96. package/dialog/Dialog.js +160 -0
  97. package/dialog/Dialog.stories.tsx +289 -0
  98. package/dialog/Dialog.test.js +70 -0
  99. package/dialog/types.d.ts +44 -0
  100. package/dialog/types.js +5 -0
  101. package/dropdown/Dropdown.d.ts +4 -0
  102. package/dropdown/Dropdown.js +388 -0
  103. package/dropdown/Dropdown.stories.tsx +438 -0
  104. package/dropdown/Dropdown.test.js +585 -0
  105. package/dropdown/DropdownMenu.d.ts +4 -0
  106. package/dropdown/DropdownMenu.js +70 -0
  107. package/dropdown/DropdownMenuItem.d.ts +4 -0
  108. package/dropdown/DropdownMenuItem.js +81 -0
  109. package/dropdown/types.d.ts +100 -0
  110. package/dropdown/types.js +5 -0
  111. package/file-input/FileInput.d.ts +4 -0
  112. package/file-input/FileInput.js +551 -0
  113. package/file-input/FileInput.stories.tsx +618 -0
  114. package/file-input/FileInput.test.js +498 -0
  115. package/file-input/FileItem.d.ts +4 -0
  116. package/file-input/FileItem.js +161 -0
  117. package/file-input/types.d.ts +129 -0
  118. package/file-input/types.js +5 -0
  119. package/flex/Flex.d.ts +4 -0
  120. package/flex/Flex.js +69 -0
  121. package/flex/Flex.stories.tsx +103 -0
  122. package/flex/types.d.ts +32 -0
  123. package/flex/types.js +5 -0
  124. package/footer/Footer.d.ts +4 -0
  125. package/footer/Footer.js +185 -0
  126. package/footer/Footer.stories.tsx +228 -0
  127. package/footer/Footer.test.js +109 -0
  128. package/footer/Icons.d.ts +2 -0
  129. package/footer/Icons.js +77 -0
  130. package/footer/types.d.ts +66 -0
  131. package/footer/types.js +5 -0
  132. package/header/Header.d.ts +7 -0
  133. package/header/Header.js +303 -0
  134. package/header/Header.stories.tsx +315 -0
  135. package/header/Header.test.js +79 -0
  136. package/header/Icons.d.ts +2 -0
  137. package/header/Icons.js +34 -0
  138. package/header/types.d.ts +48 -0
  139. package/header/types.js +5 -0
  140. package/heading/Heading.d.ts +4 -0
  141. package/heading/Heading.js +159 -0
  142. package/heading/Heading.stories.tsx +54 -0
  143. package/heading/Heading.test.js +186 -0
  144. package/heading/types.d.ts +33 -0
  145. package/heading/types.js +5 -0
  146. package/inset/Inset.d.ts +3 -0
  147. package/inset/Inset.js +51 -0
  148. package/inset/Inset.stories.tsx +229 -0
  149. package/inset/types.d.ts +37 -0
  150. package/inset/types.js +5 -0
  151. package/layout/ApplicationLayout.d.ts +20 -0
  152. package/layout/ApplicationLayout.js +171 -0
  153. package/layout/ApplicationLayout.stories.tsx +162 -0
  154. package/layout/Icons.d.ts +5 -0
  155. package/layout/Icons.js +66 -0
  156. package/layout/SidenavContext.d.ts +5 -0
  157. package/layout/SidenavContext.js +19 -0
  158. package/layout/types.d.ts +42 -0
  159. package/layout/types.js +5 -0
  160. package/link/Link.d.ts +4 -0
  161. package/link/Link.js +136 -0
  162. package/link/Link.stories.tsx +253 -0
  163. package/link/Link.test.js +83 -0
  164. package/link/types.d.ts +54 -0
  165. package/link/types.js +5 -0
  166. package/main.d.ts +44 -0
  167. package/{dist/main.js → main.js} +157 -75
  168. package/number-input/NumberInput.d.ts +4 -0
  169. package/number-input/NumberInput.js +76 -0
  170. package/number-input/NumberInput.stories.tsx +115 -0
  171. package/number-input/NumberInput.test.js +542 -0
  172. package/number-input/NumberInputContext.d.ts +4 -0
  173. package/{dist/ThemeContext.js → number-input/NumberInputContext.js} +6 -2
  174. package/number-input/numberInputContextTypes.d.ts +19 -0
  175. package/number-input/numberInputContextTypes.js +5 -0
  176. package/number-input/types.d.ts +124 -0
  177. package/number-input/types.js +5 -0
  178. package/package.json +49 -37
  179. package/paginator/Icons.d.ts +5 -0
  180. package/paginator/Icons.js +54 -0
  181. package/paginator/Paginator.d.ts +4 -0
  182. package/paginator/Paginator.js +165 -0
  183. package/paginator/Paginator.stories.tsx +87 -0
  184. package/paginator/Paginator.test.js +315 -0
  185. package/paginator/types.d.ts +38 -0
  186. package/paginator/types.js +5 -0
  187. package/paragraph/Paragraph.d.ts +6 -0
  188. package/paragraph/Paragraph.js +38 -0
  189. package/paragraph/Paragraph.stories.tsx +44 -0
  190. package/password-input/PasswordInput.d.ts +4 -0
  191. package/password-input/PasswordInput.js +166 -0
  192. package/password-input/PasswordInput.stories.tsx +131 -0
  193. package/password-input/PasswordInput.test.js +181 -0
  194. package/password-input/types.d.ts +110 -0
  195. package/password-input/types.js +5 -0
  196. package/progress-bar/ProgressBar.d.ts +4 -0
  197. package/progress-bar/ProgressBar.js +176 -0
  198. package/progress-bar/ProgressBar.stories.jsx +92 -0
  199. package/progress-bar/ProgressBar.test.js +110 -0
  200. package/progress-bar/types.d.ts +36 -0
  201. package/progress-bar/types.js +5 -0
  202. package/quick-nav/QuickNav.d.ts +4 -0
  203. package/quick-nav/QuickNav.js +117 -0
  204. package/quick-nav/QuickNav.stories.tsx +356 -0
  205. package/quick-nav/types.d.ts +21 -0
  206. package/quick-nav/types.js +5 -0
  207. package/radio-group/Radio.d.ts +4 -0
  208. package/radio-group/Radio.js +156 -0
  209. package/radio-group/RadioGroup.d.ts +4 -0
  210. package/radio-group/RadioGroup.js +283 -0
  211. package/radio-group/RadioGroup.stories.tsx +214 -0
  212. package/radio-group/RadioGroup.test.js +722 -0
  213. package/radio-group/types.d.ts +114 -0
  214. package/radio-group/types.js +5 -0
  215. package/resultsetTable/Icons.d.ts +7 -0
  216. package/resultsetTable/Icons.js +51 -0
  217. package/resultsetTable/ResultsetTable.d.ts +4 -0
  218. package/resultsetTable/ResultsetTable.js +195 -0
  219. package/resultsetTable/ResultsetTable.stories.tsx +300 -0
  220. package/resultsetTable/ResultsetTable.test.js +325 -0
  221. package/resultsetTable/types.d.ts +67 -0
  222. package/resultsetTable/types.js +5 -0
  223. package/select/Icons.d.ts +10 -0
  224. package/select/Icons.js +93 -0
  225. package/select/Listbox.d.ts +4 -0
  226. package/select/Listbox.js +169 -0
  227. package/select/Option.d.ts +4 -0
  228. package/select/Option.js +97 -0
  229. package/select/Select.d.ts +4 -0
  230. package/select/Select.js +664 -0
  231. package/select/Select.stories.tsx +971 -0
  232. package/select/Select.test.js +2228 -0
  233. package/select/types.d.ts +210 -0
  234. package/select/types.js +5 -0
  235. package/sidenav/Sidenav.d.ts +10 -0
  236. package/sidenav/Sidenav.js +266 -0
  237. package/sidenav/Sidenav.stories.tsx +282 -0
  238. package/sidenav/Sidenav.test.js +44 -0
  239. package/sidenav/types.d.ts +73 -0
  240. package/sidenav/types.js +5 -0
  241. package/slider/Slider.d.ts +4 -0
  242. package/slider/Slider.js +343 -0
  243. package/slider/Slider.stories.tsx +240 -0
  244. package/slider/Slider.test.js +250 -0
  245. package/slider/types.d.ts +86 -0
  246. package/slider/types.js +5 -0
  247. package/spinner/Spinner.d.ts +4 -0
  248. package/spinner/Spinner.js +250 -0
  249. package/spinner/Spinner.stories.jsx +129 -0
  250. package/spinner/Spinner.test.js +64 -0
  251. package/spinner/types.d.ts +32 -0
  252. package/spinner/types.js +5 -0
  253. package/switch/Switch.d.ts +4 -0
  254. package/switch/Switch.js +262 -0
  255. package/switch/Switch.stories.tsx +171 -0
  256. package/switch/Switch.test.js +225 -0
  257. package/switch/types.d.ts +66 -0
  258. package/switch/types.js +5 -0
  259. package/table/Table.d.ts +4 -0
  260. package/table/Table.js +118 -0
  261. package/table/Table.stories.jsx +356 -0
  262. package/table/Table.test.js +26 -0
  263. package/table/types.d.ts +21 -0
  264. package/table/types.js +5 -0
  265. package/tabs/Tab.d.ts +4 -0
  266. package/tabs/Tab.js +133 -0
  267. package/tabs/Tabs.d.ts +4 -0
  268. package/tabs/Tabs.js +467 -0
  269. package/tabs/Tabs.stories.tsx +226 -0
  270. package/tabs/Tabs.test.js +351 -0
  271. package/tabs/types.d.ts +92 -0
  272. package/tabs/types.js +5 -0
  273. package/tabs-nav/NavTabs.d.ts +8 -0
  274. package/tabs-nav/NavTabs.js +125 -0
  275. package/tabs-nav/NavTabs.stories.tsx +172 -0
  276. package/tabs-nav/NavTabs.test.js +82 -0
  277. package/tabs-nav/Tab.d.ts +4 -0
  278. package/tabs-nav/Tab.js +128 -0
  279. package/tabs-nav/types.d.ts +53 -0
  280. package/tabs-nav/types.js +5 -0
  281. package/tag/Tag.d.ts +4 -0
  282. package/tag/Tag.js +183 -0
  283. package/tag/Tag.stories.tsx +155 -0
  284. package/tag/Tag.test.js +60 -0
  285. package/tag/types.d.ts +69 -0
  286. package/tag/types.js +5 -0
  287. package/text-input/Icons.d.ts +8 -0
  288. package/text-input/Icons.js +60 -0
  289. package/text-input/Suggestion.d.ts +4 -0
  290. package/text-input/Suggestion.js +84 -0
  291. package/text-input/Suggestions.d.ts +4 -0
  292. package/text-input/Suggestions.js +134 -0
  293. package/text-input/TextInput.d.ts +4 -0
  294. package/text-input/TextInput.js +673 -0
  295. package/text-input/TextInput.stories.tsx +569 -0
  296. package/text-input/TextInput.test.js +1724 -0
  297. package/text-input/types.d.ts +197 -0
  298. package/text-input/types.js +5 -0
  299. package/textarea/Textarea.d.ts +4 -0
  300. package/textarea/Textarea.js +277 -0
  301. package/textarea/Textarea.stories.jsx +216 -0
  302. package/textarea/Textarea.test.js +437 -0
  303. package/textarea/types.d.ts +137 -0
  304. package/textarea/types.js +5 -0
  305. package/toggle-group/ToggleGroup.d.ts +4 -0
  306. package/toggle-group/ToggleGroup.js +215 -0
  307. package/toggle-group/ToggleGroup.stories.tsx +215 -0
  308. package/toggle-group/ToggleGroup.test.js +156 -0
  309. package/toggle-group/types.d.ts +105 -0
  310. package/toggle-group/types.js +5 -0
  311. package/typography/Typography.d.ts +4 -0
  312. package/typography/Typography.js +131 -0
  313. package/typography/Typography.stories.tsx +198 -0
  314. package/typography/types.d.ts +18 -0
  315. package/typography/types.js +5 -0
  316. package/useTheme.d.ts +2 -0
  317. package/useTheme.js +22 -0
  318. package/useTranslatedLabels.d.ts +2 -0
  319. package/useTranslatedLabels.js +20 -0
  320. package/wizard/Wizard.d.ts +4 -0
  321. package/wizard/Wizard.js +285 -0
  322. package/wizard/Wizard.stories.tsx +253 -0
  323. package/wizard/Wizard.test.js +141 -0
  324. package/wizard/types.d.ts +65 -0
  325. package/wizard/types.js +5 -0
  326. package/README.md +0 -66
  327. package/babel.config.js +0 -4
  328. package/dist/accordion/Accordion.js +0 -268
  329. package/dist/accordion/Accordion.stories.js +0 -207
  330. package/dist/accordion/readme.md +0 -96
  331. package/dist/accordion-group/AccordionGroup.js +0 -159
  332. package/dist/accordion-group/AccordionGroup.stories.js +0 -207
  333. package/dist/accordion-group/readme.md +0 -70
  334. package/dist/alert/Alert.js +0 -304
  335. package/dist/alert/Alert.stories.js +0 -158
  336. package/dist/alert/close.svg +0 -4
  337. package/dist/alert/error.svg +0 -4
  338. package/dist/alert/info.svg +0 -4
  339. package/dist/alert/readme.md +0 -43
  340. package/dist/alert/success.svg +0 -4
  341. package/dist/alert/warning.svg +0 -4
  342. package/dist/box/Box.js +0 -148
  343. package/dist/button/Button.js +0 -202
  344. package/dist/button/Button.stories.js +0 -224
  345. package/dist/button/readme.md +0 -93
  346. package/dist/card/Card.js +0 -217
  347. package/dist/checkbox/Checkbox.js +0 -240
  348. package/dist/checkbox/Checkbox.stories.js +0 -144
  349. package/dist/checkbox/readme.md +0 -116
  350. package/dist/chip/Chip.js +0 -208
  351. package/dist/common/RequiredComponent.js +0 -46
  352. package/dist/common/services/example-service.js +0 -10
  353. package/dist/common/services/example-service.test.js +0 -12
  354. package/dist/common/utils.js +0 -42
  355. package/dist/common/variables.js +0 -434
  356. package/dist/date/Date.js +0 -356
  357. package/dist/date/Date.stories.js +0 -205
  358. package/dist/date/calendar.svg +0 -1
  359. package/dist/date/calendar_dark.svg +0 -1
  360. package/dist/date/readme.md +0 -73
  361. package/dist/dialog/Dialog.js +0 -197
  362. package/dist/dialog/Dialog.stories.js +0 -217
  363. package/dist/dialog/readme.md +0 -32
  364. package/dist/dropdown/Dropdown.js +0 -449
  365. package/dist/dropdown/Dropdown.stories.js +0 -249
  366. package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
  367. package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
  368. package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
  369. package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
  370. package/dist/dropdown/readme.md +0 -69
  371. package/dist/footer/Footer.js +0 -371
  372. package/dist/footer/Footer.stories.js +0 -94
  373. package/dist/footer/dxc_logo_wht.png +0 -0
  374. package/dist/footer/readme.md +0 -41
  375. package/dist/header/Header.js +0 -373
  376. package/dist/header/Header.stories.js +0 -176
  377. package/dist/header/close_icon.svg +0 -1
  378. package/dist/header/dxc_logo_black.png +0 -0
  379. package/dist/header/dxc_logo_blk_rgb.svg +0 -6
  380. package/dist/header/dxc_logo_white.png +0 -0
  381. package/dist/header/hamb_menu_black.svg +0 -1
  382. package/dist/header/hamb_menu_white.svg +0 -1
  383. package/dist/header/readme.md +0 -33
  384. package/dist/heading/Heading.js +0 -153
  385. package/dist/input-text/InputText.js +0 -570
  386. package/dist/input-text/InputText.stories.js +0 -209
  387. package/dist/input-text/error.svg +0 -1
  388. package/dist/input-text/readme.md +0 -91
  389. package/dist/layout/ApplicationLayout.js +0 -335
  390. package/dist/layout/facebook.svg +0 -45
  391. package/dist/layout/linkedin.svg +0 -50
  392. package/dist/layout/twitter.svg +0 -53
  393. package/dist/link/Link.js +0 -189
  394. package/dist/link/readme.md +0 -51
  395. package/dist/paginator/Paginator.js +0 -232
  396. package/dist/paginator/images/next.svg +0 -3
  397. package/dist/paginator/images/nextPage.svg +0 -3
  398. package/dist/paginator/images/previous.svg +0 -3
  399. package/dist/paginator/images/previousPage.svg +0 -3
  400. package/dist/paginator/readme.md +0 -50
  401. package/dist/progress-bar/ProgressBar.js +0 -185
  402. package/dist/progress-bar/ProgressBar.stories.js +0 -280
  403. package/dist/progress-bar/readme.md +0 -63
  404. package/dist/radio/Radio.js +0 -195
  405. package/dist/radio/Radio.stories.js +0 -166
  406. package/dist/radio/readme.md +0 -70
  407. package/dist/resultsetTable/ResultsetTable.js +0 -341
  408. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  409. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  410. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  411. package/dist/select/Select.js +0 -473
  412. package/dist/select/Select.stories.js +0 -235
  413. package/dist/select/readme.md +0 -72
  414. package/dist/sidenav/Sidenav.js +0 -128
  415. package/dist/slider/Slider.js +0 -266
  416. package/dist/slider/Slider.stories.js +0 -241
  417. package/dist/slider/readme.md +0 -64
  418. package/dist/spinner/Spinner.js +0 -193
  419. package/dist/spinner/Spinner.stories.js +0 -183
  420. package/dist/spinner/readme.md +0 -65
  421. package/dist/switch/Switch.js +0 -199
  422. package/dist/switch/Switch.stories.js +0 -134
  423. package/dist/switch/readme.md +0 -133
  424. package/dist/table/Table.js +0 -105
  425. package/dist/tabs/Tabs.js +0 -185
  426. package/dist/tabs/Tabs.stories.js +0 -130
  427. package/dist/tabs/readme.md +0 -78
  428. package/dist/tabs-for-sections/TabsForSections.js +0 -92
  429. package/dist/tabs-for-sections/readme.md +0 -78
  430. package/dist/tag/Tag.js +0 -249
  431. package/dist/textarea/Textarea.js +0 -227
  432. package/dist/toggle/Toggle.js +0 -223
  433. package/dist/toggle/Toggle.stories.js +0 -297
  434. package/dist/toggle/readme.md +0 -80
  435. package/dist/toggle-group/ToggleGroup.js +0 -226
  436. package/dist/toggle-group/readme.md +0 -82
  437. package/dist/upload/Upload.js +0 -200
  438. package/dist/upload/Upload.stories.js +0 -72
  439. package/dist/upload/buttons-upload/ButtonsUpload.js +0 -122
  440. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  441. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  442. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -279
  443. package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
  444. package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
  445. package/dist/upload/file-upload/FileToUpload.js +0 -158
  446. package/dist/upload/file-upload/audio-icon.svg +0 -4
  447. package/dist/upload/file-upload/close.svg +0 -4
  448. package/dist/upload/file-upload/file-icon.svg +0 -4
  449. package/dist/upload/file-upload/video-icon.svg +0 -4
  450. package/dist/upload/files-upload/FilesToUpload.js +0 -123
  451. package/dist/upload/readme.md +0 -37
  452. package/dist/upload/transaction/Transaction.js +0 -155
  453. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  454. package/dist/upload/transaction/audio-icon.svg +0 -4
  455. package/dist/upload/transaction/error-icon.svg +0 -4
  456. package/dist/upload/transaction/file-icon-err.svg +0 -4
  457. package/dist/upload/transaction/file-icon.svg +0 -4
  458. package/dist/upload/transaction/image-icon-err.svg +0 -4
  459. package/dist/upload/transaction/image-icon.svg +0 -4
  460. package/dist/upload/transaction/success-icon.svg +0 -4
  461. package/dist/upload/transaction/video-icon-err.svg +0 -4
  462. package/dist/upload/transaction/video-icon.svg +0 -4
  463. package/dist/upload/transactions/Transactions.js +0 -120
  464. package/dist/wizard/Wizard.js +0 -340
  465. package/dist/wizard/invalid_icon.svg +0 -6
  466. package/dist/wizard/valid_icon.svg +0 -6
  467. package/dist/wizard/validation-wrong.svg +0 -6
  468. package/test/Accordion.test.js +0 -33
  469. package/test/AccordionGroup.test.js +0 -111
  470. package/test/Alert.test.js +0 -53
  471. package/test/Box.test.js +0 -10
  472. package/test/Button.test.js +0 -18
  473. package/test/Card.test.js +0 -30
  474. package/test/Checkbox.test.js +0 -45
  475. package/test/Chip.test.js +0 -25
  476. package/test/Date.test.js +0 -393
  477. package/test/Dialog.test.js +0 -23
  478. package/test/Dropdown.test.js +0 -130
  479. package/test/Footer.test.js +0 -99
  480. package/test/Header.test.js +0 -39
  481. package/test/Heading.test.js +0 -35
  482. package/test/InputText.test.js +0 -240
  483. package/test/Link.test.js +0 -33
  484. package/test/Paginator.test.js +0 -194
  485. package/test/ProgressBar.test.js +0 -35
  486. package/test/Radio.test.js +0 -37
  487. package/test/ResultsetTable.test.js +0 -304
  488. package/test/Select.test.js +0 -192
  489. package/test/Sidenav.test.js +0 -45
  490. package/test/Slider.test.js +0 -82
  491. package/test/Spinner.test.js +0 -27
  492. package/test/Switch.test.js +0 -45
  493. package/test/Table.test.js +0 -36
  494. package/test/Tabs.test.js +0 -88
  495. package/test/TabsForSections.test.js +0 -34
  496. package/test/Tag.test.js +0 -32
  497. package/test/TextArea.test.js +0 -52
  498. package/test/ToggleGroup.test.js +0 -81
  499. package/test/Upload.test.js +0 -60
  500. package/test/Wizard.test.js +0 -130
  501. package/test/mocks/pngMock.js +0 -1
  502. package/test/mocks/svgMock.js +0 -1
@@ -1,53 +0,0 @@
1
- import React from "react";
2
- import { render, fireEvent } from "@testing-library/react";
3
- import DxcAlert from "../src/alert/Alert";
4
-
5
- describe("Alert component tests", () => {
6
- test("Info alert renders with correct text", () => {
7
- const { getByText } = render(<DxcAlert type="info" inlineText="info-alert-text" />);
8
- expect(getByText("information")).toBeTruthy();
9
- expect(getByText("info-alert-text")).toBeTruthy();
10
- });
11
-
12
- test("Confirm alert renders with correct text", () => {
13
- const { getByText } = render(<DxcAlert type="confirm" inlineText="confirm-alert-text" />);
14
- expect(getByText("success")).toBeTruthy();
15
- expect(getByText("confirm-alert-text")).toBeTruthy();
16
- });
17
-
18
- test("Warning alert renders with correct text", () => {
19
- const { getByText } = render(<DxcAlert type="warning" inlineText="warning-alert-text" />);
20
- expect(getByText("warning")).toBeTruthy();
21
- expect(getByText("warning-alert-text")).toBeTruthy();
22
- });
23
-
24
- test("Error alert renders with correct text", () => {
25
- const { getByText } = render(<DxcAlert type="error" inlineText="error-alert-text" />);
26
- expect(getByText("error")).toBeTruthy();
27
- expect(getByText("error-alert-text")).toBeTruthy();
28
- });
29
-
30
- test("Alert renders with correct children", () => {
31
- const { getByText } = render(<DxcAlert inlineText="alert-text"><p>sample-children</p></DxcAlert>);
32
- expect(getByText("alert-text")).toBeTruthy();
33
- expect(getByText("sample-children")).toBeTruthy();
34
- });
35
-
36
- test("Calls correct function on close", () => {
37
- const onClose = jest.fn();
38
- const { getByRole } = render(<DxcAlert onClose={onClose} inlineText="info-alert-text" />);
39
-
40
- const closeButton = getByRole("button");
41
- fireEvent.click(closeButton);
42
- expect(onClose).toHaveBeenCalled();
43
- });
44
-
45
- test("Modal alert calls correct function on close", () => {
46
- const onClose = jest.fn();
47
- const { getByRole } = render(<DxcAlert onClose={onClose} mode="modal" inlineText="info-alert-text" />);
48
-
49
- const closeButton = getByRole("button");
50
- fireEvent.click(closeButton);
51
- expect(onClose).toHaveBeenCalled();
52
- });
53
- });
package/test/Box.test.js DELETED
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import { render } from "@testing-library/react";
3
- import DxcBox from "../src/card/Card";
4
-
5
- describe("Box component tests", () => {
6
- test("Box renders with correct text", () => {
7
- const { getByText } = render(<DxcBox>test-box</DxcBox>);
8
- expect(getByText("test-box")).toBeTruthy();
9
- });
10
- });
@@ -1,18 +0,0 @@
1
- import React from "react";
2
- import { render, fireEvent } from "@testing-library/react";
3
- import DxcButton from "../src/button/Button";
4
-
5
- describe("Button component tests", () => {
6
- test("Button renders with correct text", () => {
7
- const { getByText } = render(<DxcButton label="Button" />);
8
- expect(getByText("Button")).toBeTruthy();
9
- });
10
- test("Calls correct function on click", () => {
11
- const onClick = jest.fn();
12
- const { getByText } = render(<DxcButton label="Button" onClick={onClick} />);
13
-
14
- const button = getByText("Button");
15
- fireEvent.click(button);
16
- expect(onClick).toHaveBeenCalled();
17
- });
18
- });
package/test/Card.test.js DELETED
@@ -1,30 +0,0 @@
1
- import React from "react";
2
- import { render, fireEvent } from "@testing-library/react";
3
- import DxcCard from "../src/card/Card";
4
-
5
- describe("Card component tests", () => {
6
- test("Card renders with correct content", () => {
7
- const { getByText } = render(<DxcCard>test-card</DxcCard>);
8
- expect(getByText("test-card")).toBeTruthy();
9
- });
10
-
11
- test("Card renders with correct href", () => {
12
- const { getByRole } = render(<DxcCard linkHref="/testPage">test-card</DxcCard>);
13
- const card = getByRole("link");
14
- expect(card.getAttribute("href")).toEqual("/testPage");
15
- });
16
-
17
- test("Card renders with correct image", () => {
18
- const { getByRole } = render(<DxcCard imageSrc="/testImage">test-card</DxcCard>);
19
- const card = getByRole("img");
20
- expect(card.getAttribute("src")).toEqual("/testImage");
21
- });
22
-
23
- test("OnClick function is called", () => {
24
- const onClick = jest.fn();
25
- const { getByText } = render(<DxcCard onClick={onClick}>test-card</DxcCard>);
26
- const card = getByText("test-card");
27
- fireEvent.click(card);
28
- expect(onClick).toHaveBeenCalled();
29
- });
30
- });
@@ -1,45 +0,0 @@
1
- import React from "react";
2
- import { render, fireEvent } from "@testing-library/react";
3
-
4
- import DxcCheckbox from "../src/checkbox/Checkbox";
5
-
6
- describe("Checkbox component tests", () => {
7
- test("Checkbox renders with correct text", () => {
8
- const { getByText } = render(<DxcCheckbox label="Checkbox" />);
9
-
10
- expect(getByText("Checkbox")).toBeTruthy();
11
- });
12
-
13
- test("Calls correct function on click", () => {
14
- const onChange = jest.fn();
15
- const { getByText } = render(<DxcCheckbox label="Checkbox" onChange={onChange} />);
16
-
17
- fireEvent.click(getByText("Checkbox"));
18
- expect(onChange).toHaveBeenCalled();
19
- });
20
-
21
- test("Uncontrolled checkbox", () => {
22
- const onChange = jest.fn();
23
- const component = render(<DxcCheckbox label="Checkbox" onChange={onChange} />);
24
- const visibleCheckbox = component.getByText("Checkbox");
25
- const input = component.getByRole("checkbox");
26
- expect(input.checked).toBe(false);
27
- fireEvent.click(visibleCheckbox);
28
- expect(onChange).toHaveBeenCalled();
29
- expect(onChange).toHaveBeenCalledWith(true);
30
- expect(input.checked).toBe(true);
31
- });
32
-
33
- test("Controlled checkbox", () => {
34
- const onChange = jest.fn();
35
- const component = render(<DxcCheckbox label="Checkbox" checked={false} onChange={onChange} />);
36
-
37
- const input = component.getByRole("checkbox");
38
- const visibleCheckbox = component.getByText("Checkbox");
39
-
40
- fireEvent.click(visibleCheckbox);
41
- expect(onChange).toHaveBeenCalled();
42
- expect(onChange).toHaveBeenCalledWith(true);
43
- expect(input.checked).toBe(false);
44
- });
45
- });
package/test/Chip.test.js DELETED
@@ -1,25 +0,0 @@
1
- import React from "react";
2
- import { render, fireEvent } from "@testing-library/react";
3
- import DxcChip from "../src/chip/Chip";
4
- import icon from "../../app/src/images/invision.svg";
5
-
6
- describe("Chip component tests", () => {
7
- test("Chip renders with correct text", () => {
8
- const { getByText } = render(<DxcChip label="Chip" />);
9
- expect(getByText("Chip")).toBeTruthy();
10
- });
11
- test("Calls correct function when clicking on prefix icon", () => {
12
- const onClick = jest.fn();
13
- const { getByText, getByRole } = render(<DxcChip label="Chip" prefixIconSrc={icon} onClickPrefix={onClick} />);
14
- expect(getByText("Chip")).toBeTruthy();
15
- fireEvent.click(getByRole("img"));
16
- expect(onClick).toHaveBeenCalled();
17
- });
18
- test("Calls correct function when clicking on suffix icon", () => {
19
- const onClick = jest.fn();
20
- const { getByText, getByRole } = render(<DxcChip label="Chip" suffixIconSrc={icon} onClickSuffix={onClick} />);
21
- expect(getByText("Chip")).toBeTruthy();
22
- fireEvent.click(getByRole("img"));
23
- expect(onClick).toHaveBeenCalled();
24
- });
25
- });
package/test/Date.test.js DELETED
@@ -1,393 +0,0 @@
1
- import React from "react";
2
- import { render, fireEvent } from "@testing-library/react";
3
- import DxcDate from "../src/date/Date";
4
-
5
- const defaultFormat = "DD-MM-YYYY";
6
-
7
- describe("Date component general tests", () => {
8
- test("Date renders correctly", () => {
9
- const { getByPlaceholderText } = render(<DxcDate label="Birthdate" placeholder />);
10
- // const input = getByPlaceholderText('DD-MM-YYYY');
11
- expect(getByPlaceholderText(defaultFormat)).toBeTruthy();
12
- });
13
- });
14
-
15
- describe("Controlled Date Component", () => {
16
- const date = new Date("2020-10-16 00:00:00");
17
-
18
- test("Changing the input value and after this deleting its content input´s value should be ''", () => {
19
- const onChange = jest.fn((returnedValue) => {
20
- expect(returnedValue.dateValue).toBeNull();
21
- expect(returnedValue.stringValue).toBe("something");
22
- });
23
-
24
- const { getByRole, getByPlaceholderText, rerender } = render(
25
- <DxcDate label="Birthdate" value="30-03-1981" onChange={onChange} placeholder />
26
- );
27
- const input = getByPlaceholderText(defaultFormat);
28
-
29
- fireEvent.change(input, { target: { value: "something" } });
30
- expect(onChange).toHaveBeenCalled();
31
- fireEvent.blur(input);
32
- rerender(<DxcDate label="Birthdate" value="" placeholder />);
33
- // expect(getByRole("textbox").value).toBe('');
34
- });
35
-
36
- test("The input´s value is the same as the one received as a parameter (Default format)", () => {
37
- const { getByRole, getByPlaceholderText } = render(<DxcDate label="Birthdate" value="30/03/1981" placeholder />);
38
- // const input = getByRole("textbox");
39
- const input = getByPlaceholderText(defaultFormat);
40
- expect(input.value).toBe("30/03/1981");
41
- });
42
-
43
- test("The input´s value is the same as the one received as a parameter (Custom format)", () => {
44
- const { getByRole, getByPlaceholderText } = render(
45
- <DxcDate label="Birthdate" format="dd/MM/yy" value="30/03/81" placeholder />
46
- );
47
- // const input = getByRole("textbox");
48
- const input = getByPlaceholderText("DD/MM/YY");
49
- expect(input.value).toBe("30/03/81");
50
- });
51
-
52
- test("Calendar´s value is the same as the input´s date if it´s right (Depending on the format)", () => {
53
- const { getByRole, getByText } = render(<DxcDate label="Birthdate" value="16-10-2020" />);
54
- fireEvent.click(getByRole("img"));
55
- expect(getByText("Fri, Oct 16")).toBeTruthy();
56
- });
57
-
58
- test("Calendar´s value is the same as the input´s date if it´s right after changing the input value", () => {
59
- const { getByRole, getByText, rerender, getByPlaceholderText } = render(
60
- <DxcDate label="Birthdate" value="30-03-1981" placeholder />
61
- );
62
- // const input = getByRole("textbox");
63
- const input = getByPlaceholderText(defaultFormat);
64
- fireEvent.change(input, { target: { value: "10-02-2020" } });
65
-
66
- rerender(<DxcDate label="Birthdate" value="10-02-2020" />);
67
- const calendarButton = getByRole("img");
68
- fireEvent.click(calendarButton);
69
- expect(getByText("Mon, Feb 10")).toBeTruthy();
70
- });
71
-
72
- test("onChange function is called when the user types something in the input", () => {
73
- const onChange = jest.fn((returnedValue) => {
74
- expect(returnedValue.dateValue).toBeNull();
75
- expect(returnedValue.stringValue).toBe("something");
76
- });
77
-
78
- const { getByRole, getByPlaceholderText } = render(
79
- <DxcDate label="Birthdate" value="30-03-1981" onChange={onChange} placeholder />
80
- );
81
- // const input = getByRole("textbox");
82
- const input = getByPlaceholderText(defaultFormat);
83
-
84
- fireEvent.change(input, { target: { value: "something" } });
85
- expect(onChange).toHaveBeenCalled();
86
- });
87
-
88
- test("onChange function is called when the user types in the input a valid date(based on its format), the object received as a parameter in the onChange function is what should be(DEFAULT FORMAT)", () => {
89
- const onChange = jest.fn((returnedValue) => {
90
- expect(returnedValue.dateValue.getTime()).toBe(date.getTime());
91
- expect(returnedValue.stringValue).toBe("16-10-2020");
92
- });
93
-
94
- const { getByRole, getByPlaceholderText } = render(
95
- <DxcDate label="Birthdate" value="30-03-1981" onChange={onChange} placeholder />
96
- );
97
- // const input = getByRole("textbox");
98
- const input = getByPlaceholderText(defaultFormat);
99
- fireEvent.change(input, { target: { value: "16-10-2020" } });
100
- expect(onChange).toHaveBeenCalled();
101
- });
102
-
103
- test("onChange function is called when the user types in the input a valid date(based on its format), the object received as a parameter in the onChange function is what should be(CUSTOM FORMAT)", () => {
104
- const onChange = jest.fn((returnedValue) => {
105
- expect(returnedValue.dateValue.getTime()).toBe(date.getTime());
106
- expect(returnedValue.stringValue).toBe("16-10-20");
107
- });
108
-
109
- const { getByRole, getByPlaceholderText } = render(
110
- <DxcDate label="Birthdate" format="dd-MM-yy" value="30-03-81" onChange={onChange} placeholder />
111
- );
112
- // const input = getByRole("textbox");
113
- const input = getByPlaceholderText("DD-MM-YY");
114
-
115
- fireEvent.change(input, { target: { value: "16-10-20" } });
116
- expect(onChange).toHaveBeenCalled();
117
- });
118
-
119
- test("onChange function is called when the user types in the input an invalid date(based on its format), the object received as a parameter in the onChange function is what should be(stringValue with the written string, and null as dateValue)(DEFAULT FORMAT)", () => {
120
- const onChange = jest.fn((returnedValue) => {
121
- expect(returnedValue.dateValue).toBeNull();
122
- expect(returnedValue.stringValue).toBe("11-15-2020");
123
- });
124
-
125
- const { getByRole, getByPlaceholderText } = render(
126
- <DxcDate label="Birthdate" value="30-03-1981" onChange={onChange} placeholder />
127
- );
128
- // const input = getByRole("textbox");
129
- const input = getByPlaceholderText(defaultFormat);
130
-
131
- fireEvent.change(input, { target: { value: "11-15-2020" } });
132
- expect(onChange).toHaveBeenCalled();
133
- });
134
-
135
- test("onChange function is called when the user types in the input an invalid date(based on its format), the object received as a parameter in the onChange function is what should be(stringValue with the written string, and null as dateValue)(CUSTOM FORMAT)", () => {
136
- const onChange = jest.fn((returnedValue) => {
137
- expect(returnedValue.dateValue).toBeNull();
138
- expect(returnedValue.stringValue).toBe("15/11/2020");
139
- });
140
-
141
- const { getByRole, getByPlaceholderText } = render(
142
- <DxcDate label="Birthdate" value="03/30/1981" format="MM/dd/yyyy" onChange={onChange} placeholder />
143
- );
144
- // const input = getByRole("textbox");
145
- const input = getByPlaceholderText("MM/DD/YYYY");
146
-
147
- fireEvent.change(input, { target: { value: "15/11/2020" } });
148
- expect(onChange).toHaveBeenCalled();
149
- });
150
-
151
- test("onChange function is called when the user selects from the calendar", () => {
152
- const onChange = jest.fn();
153
-
154
- const component = render(<DxcDate label="Birthdate" value="01-02-2020" onChange={onChange} />);
155
- const calendarButton = component.getByRole("img");
156
- fireEvent.click(calendarButton);
157
- const dayButton = component.getByRole("button", { name: "10" });
158
- fireEvent.click(dayButton);
159
- expect(dayButton).toBeTruthy();
160
- expect(onChange).toHaveBeenCalled();
161
- });
162
-
163
- test("onChange function is called when the user selects from the calendar, the dateValue received by the onChange function is the selected date", () => {
164
- const onChange = jest.fn((returnedValue) => {
165
- expect(returnedValue.dateValue.getTime()).toBe(date.getTime());
166
- });
167
-
168
- const component = render(<DxcDate label="Birthdate" value="30-10-2020" onChange={onChange} />);
169
- const calendarButton = component.getByRole("img");
170
- fireEvent.click(calendarButton);
171
- const dayButton = component.getByRole("button", { name: "16" });
172
- fireEvent.click(dayButton);
173
- expect(dayButton).toBeTruthy();
174
- });
175
-
176
- test("onChange function is called when the user selects from the calendar, the stringValue received by the onChange function is the date with the correct format (DEFAULT FORMAT)", () => {
177
- const onChange = jest.fn((returnedValue) => {
178
- expect(returnedValue.stringValue).toBe("16-10-2020");
179
- });
180
-
181
- const component = render(<DxcDate label="Birthdate" value="01-10-2020" onChange={onChange} />);
182
- const calendarButton = component.getByRole("img");
183
- fireEvent.click(calendarButton);
184
- const dayButton = component.getByRole("button", { name: "16" });
185
- fireEvent.click(dayButton);
186
- expect(dayButton).toBeTruthy();
187
- });
188
-
189
- test("onChange function is called when the user selects from the calendar, the stringValue received by the onChange function is the date with the correct format (CUSTOM FORMAT)", () => {
190
- const onChange = jest.fn((returnedValue) => {
191
- expect(returnedValue.stringValue).toBe("2020/10/16");
192
- });
193
-
194
- const component = render(<DxcDate label="Birthdate" format="yyyy/MM/dd" value="2020/10/01" onChange={onChange} />);
195
- const calendarButton = component.getByRole("img");
196
- fireEvent.click(calendarButton);
197
- const dayButton = component.getByRole("button", { name: "16" });
198
- fireEvent.click(dayButton);
199
- expect(dayButton).toBeTruthy();
200
- });
201
-
202
- test("Check selected date on calendar is the same date as the one on the input", () => {
203
- const component = render(<DxcDate label="Birthdate" value="01-10-2020" />);
204
- const calendarButton = component.getByRole("img");
205
- fireEvent.click(calendarButton);
206
- const dayButton = component.getByRole("button", { name: "1" });
207
- expect(dayButton.classList.contains("MuiPickersDay-daySelected")).toBe(true);
208
- });
209
- test("onBlur function is called", () => {
210
- const onBlur = jest.fn();
211
- const { getByRole, getByPlaceholderText } = render(
212
- <DxcDate label="Birthdate" value="30-03-81" onBlur={onBlur} placeholder />
213
- );
214
- // const input = getByRole("textbox");
215
- const input = getByPlaceholderText(defaultFormat);
216
-
217
- fireEvent.blur(input);
218
- expect(onBlur).toHaveBeenCalled();
219
- });
220
- test("onBlur function is called and the parameter received is what should be(DEFAULT FORMAT)", () => {
221
- const onBlur = jest.fn((returnedValue) => {
222
- expect(returnedValue).toBe("30-03-81");
223
- });
224
- const { getByRole, getByPlaceholderText } = render(
225
- <DxcDate label="Birthdate" value="30-03-81" onBlur={onBlur} placeholder />
226
- );
227
- // const input = getByRole("textbox");
228
- const input = getByPlaceholderText(defaultFormat);
229
-
230
- fireEvent.blur(input);
231
- expect(onBlur).toHaveBeenCalled();
232
- });
233
- test("onBlur function is called and the parameter received is what should be(CUSTOM FORMAT)", () => {
234
- const onBlur = jest.fn((returnedValue) => {
235
- expect(returnedValue).toBe("30/03/81");
236
- });
237
- const { getByRole, getByPlaceholderText } = render(
238
- <DxcDate label="Birthdate" format="dd/MM/yy" value="30/03/81" onBlur={onBlur} placeholder />
239
- );
240
- // const input = getByRole("textbox");
241
- const input = getByPlaceholderText("DD/MM/YY");
242
-
243
- fireEvent.blur(input);
244
- expect(onBlur).toHaveBeenCalled();
245
- });
246
- });
247
-
248
- describe("Uncontrolled Date Component", () => {
249
- const date = new Date("2020-10-16 00:00:00");
250
-
251
- test("Calendar´s value is the same as the input´s date if it´s right after changing the input value", () => {
252
- const { getByRole, getByText, rerender, getByPlaceholderText } = render(<DxcDate label="Birthdate" placeholder />);
253
- // const input = getByRole("textbox");
254
- const input = getByPlaceholderText(defaultFormat);
255
-
256
- fireEvent.change(input, { target: { value: "10-02-2020" } });
257
-
258
- rerender(<DxcDate label="Birthdate" value="10-02-2020" />);
259
- const calendarButton = getByRole("img");
260
- fireEvent.click(calendarButton);
261
- expect(getByText("Mon, Feb 10")).toBeTruthy();
262
- });
263
-
264
- test("onChange function is called when the user types something in the input", () => {
265
- const onChange = jest.fn((returnedValue) => {
266
- expect(returnedValue.dateValue).toBeNull();
267
- expect(returnedValue.stringValue).toBe("something");
268
- });
269
-
270
- const { getByRole, getByPlaceholderText } = render(<DxcDate label="Birthdate" onChange={onChange} placeholder />);
271
- // const input = getByRole("textbox");
272
- const input = getByPlaceholderText(defaultFormat);
273
-
274
- fireEvent.change(input, { target: { value: "something" } });
275
- expect(onChange).toHaveBeenCalled();
276
- });
277
- test("onChange function is called when the user types in the input a valid date(based on its format), the object received as a parameter in the onChange function is what should be(DEFAULT FORMAT)", () => {
278
- const onChange = jest.fn((returnedValue) => {
279
- expect(returnedValue.dateValue.getTime()).toBe(date.getTime());
280
- expect(returnedValue.stringValue).toBe("16-10-2020");
281
- });
282
-
283
- const { getByRole, getByPlaceholderText } = render(<DxcDate label="Birthdate" onChange={onChange} placeholder />);
284
- // const input = getByRole("textbox");
285
- const input = getByPlaceholderText(defaultFormat);
286
-
287
- fireEvent.change(input, { target: { value: "16-10-2020" } });
288
- expect(onChange).toHaveBeenCalled();
289
- });
290
- test("onChange function is called when the user types in the input a valid date(based on its format), the object received as a parameter in the onChange function is what should be(CUSTOM FORMAT)", () => {
291
- const onChange = jest.fn((returnedValue) => {
292
- expect(returnedValue.dateValue.getTime()).toBe(date.getTime());
293
- expect(returnedValue.stringValue).toBe("16-10-20");
294
- });
295
-
296
- const { getByRole, getByPlaceholderText } = render(
297
- <DxcDate label="Birthdate" format="dd-MM-yy" onChange={onChange} placeholder />
298
- );
299
- // const input = getByRole("textbox");
300
- const input = getByPlaceholderText("DD-MM-YY");
301
-
302
- fireEvent.change(input, { target: { value: "16-10-20" } });
303
- expect(onChange).toHaveBeenCalled();
304
- });
305
-
306
- test("onChange function is called when the user types in the input an invalid date(based on its format), the object received as a parameter in the onChange function is what should be(stringValue with the written string, and null as dateValue)(DEFAULT FORMAT)", () => {
307
- const onChange = jest.fn((returnedValue) => {
308
- expect(returnedValue.dateValue).toBeNull();
309
- expect(returnedValue.stringValue).toBe("11-15-2020");
310
- });
311
-
312
- const { getByRole, getByPlaceholderText } = render(<DxcDate label="Birthdate" onChange={onChange} placeholder />);
313
- // const input = getByRole("textbox");
314
- const input = getByPlaceholderText(defaultFormat);
315
-
316
- fireEvent.change(input, { target: { value: "11-15-2020" } });
317
- expect(onChange).toHaveBeenCalled();
318
- });
319
-
320
- test("onChange function is called when the user types in the input an invalid date(based on its format), the object received as a parameter in the onChange function is what should be(stringValue with the written string, and null as dateValue)(CUSTOM FORMAT)", () => {
321
- const onChange = jest.fn((returnedValue) => {
322
- expect(returnedValue.dateValue).toBeNull();
323
- expect(returnedValue.stringValue).toBe("15/11/2020");
324
- });
325
-
326
- const { getByRole, getByPlaceholderText } = render(
327
- <DxcDate label="Birthdate" format="MM/dd/yyyy" onChange={onChange} placeholder />
328
- );
329
- // const input = getByRole("textbox");
330
- const input = getByPlaceholderText("MM/DD/YYYY");
331
-
332
- fireEvent.change(input, { target: { value: "15/11/2020" } });
333
- expect(onChange).toHaveBeenCalled();
334
- });
335
- test("onChange function is called when the user selects from the calendar", () => {
336
- const onChange = jest.fn();
337
-
338
- const component = render(<DxcDate label="Birthdate" onChange={onChange} />);
339
- const calendarButton = component.getByRole("img");
340
- fireEvent.click(calendarButton);
341
- const dayButton = component.getByRole("button", { name: "10" });
342
- fireEvent.click(dayButton);
343
- expect(dayButton).toBeTruthy();
344
- expect(onChange).toHaveBeenCalled();
345
- });
346
-
347
- test("Check selected date on calendar is the same date as the one on the input", () => {
348
- const component = render(<DxcDate label="Birthdate" placeholder />);
349
- // const input = component.getByRole("textbox");
350
- const input = component.getByPlaceholderText(defaultFormat);
351
-
352
- fireEvent.change(input, { target: { value: "10-02-2020" } });
353
- const calendarButton = component.getByRole("img");
354
- fireEvent.click(calendarButton);
355
- const dayButton = component.getByRole("button", { name: "10" });
356
- expect(dayButton.classList.contains("MuiPickersDay-daySelected")).toBe(true);
357
- });
358
- test("onBlur function is called", () => {
359
- const onBlur = jest.fn();
360
- const { getByRole, getByPlaceholderText } = render(<DxcDate label="Birthdate" onBlur={onBlur} placeholder />);
361
- // const input = getByRole("textbox");
362
- const input = getByPlaceholderText(defaultFormat);
363
-
364
- fireEvent.blur(input);
365
- expect(onBlur).toHaveBeenCalled();
366
- });
367
- test("onBlur function is called and the parameter received is what should be(DEFAULT FORMAT)", () => {
368
- const onBlur = jest.fn((returnedValue) => {
369
- expect(returnedValue).toBe("10-02-2020");
370
- });
371
- const { getByRole, getByPlaceholderText } = render(<DxcDate label="Birthdate" onBlur={onBlur} placeholder />);
372
- // const input = getByRole("textbox");
373
- const input = getByPlaceholderText("DD-MM-YYYY");
374
-
375
- fireEvent.change(input, { target: { value: "10-02-2020" } });
376
- fireEvent.blur(input);
377
- expect(onBlur).toHaveBeenCalled();
378
- });
379
- test("onBlur function is called and the parameter received is what should be(CUSTOM FORMAT)", () => {
380
- const onBlur = jest.fn((returnedValue) => {
381
- expect(returnedValue).toBe("10/02/20");
382
- });
383
- const { getByRole, getByPlaceholderText } = render(
384
- <DxcDate label="Birthdate" format="dd/MM/yy" onBlur={onBlur} placeholder />
385
- );
386
- // const input = getByRole("textbox");
387
- const input = getByPlaceholderText("DD/MM/YY");
388
-
389
- fireEvent.change(input, { target: { value: "10/02/20" } });
390
- fireEvent.blur(input);
391
- expect(onBlur).toHaveBeenCalled();
392
- });
393
- });
@@ -1,23 +0,0 @@
1
- import React from "react";
2
- import { render, fireEvent } from "@testing-library/react";
3
- import DxcDialog from "../src/dialog/Dialog";
4
-
5
- describe("Dialog component tests", () => {
6
- test("Dialog renders with correct text", () => {
7
- const { getByText } = render(<DxcDialog>dialog-text</DxcDialog>);
8
- expect(getByText("dialog-text")).toBeTruthy();
9
- });
10
-
11
- test("Dialog renders without close button", () => {
12
- const { queryByRole } = render(<DxcDialog isCloseVisible={false}>dialog-text</DxcDialog>);
13
- expect(queryByRole("button")).toBeFalsy();
14
- });
15
-
16
- test("Calls correct function onCloseClick", () => {
17
- const onCloseClick = jest.fn();
18
- const { getByRole } = render(<DxcDialog onCloseClick={onCloseClick}>dialog-text</DxcDialog>);
19
- const closeButton = getByRole("button");
20
- fireEvent.click(closeButton);
21
- expect(onCloseClick).toHaveBeenCalled();
22
- });
23
- });