@allurereport/web-classic 3.0.0-beta.8 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (579) hide show
  1. package/.babelrc.js +46 -0
  2. package/.eslintrc.cjs +16 -119
  3. package/dist/multi/10.app-897d4cad2ca206583e32.js +1 -0
  4. package/dist/multi/222.app-897d4cad2ca206583e32.js +1 -0
  5. package/dist/multi/26.app-897d4cad2ca206583e32.js +1 -0
  6. package/dist/multi/302.app-897d4cad2ca206583e32.js +1 -0
  7. package/dist/multi/304.app-897d4cad2ca206583e32.js +1 -0
  8. package/dist/multi/369.app-897d4cad2ca206583e32.js +1 -0
  9. package/dist/multi/389.app-897d4cad2ca206583e32.js +1 -0
  10. package/dist/multi/498.app-897d4cad2ca206583e32.js +1 -0
  11. package/dist/multi/60.app-897d4cad2ca206583e32.js +1 -0
  12. package/dist/multi/643.app-897d4cad2ca206583e32.js +1 -0
  13. package/dist/multi/671.app-897d4cad2ca206583e32.js +1 -0
  14. package/dist/multi/725.app-897d4cad2ca206583e32.js +1 -0
  15. package/dist/multi/770.app-897d4cad2ca206583e32.js +1 -0
  16. package/dist/multi/848.app-897d4cad2ca206583e32.js +1 -0
  17. package/dist/multi/853.app-897d4cad2ca206583e32.js +1 -0
  18. package/dist/multi/872.app-897d4cad2ca206583e32.js +1 -0
  19. package/dist/multi/895.app-897d4cad2ca206583e32.js +1 -0
  20. package/dist/multi/920.app-897d4cad2ca206583e32.js +1 -0
  21. package/dist/multi/979.app-897d4cad2ca206583e32.js +1 -0
  22. package/dist/multi/991.app-897d4cad2ca206583e32.js +1 -0
  23. package/dist/multi/JetBrainsMono_vf.woff +0 -0
  24. package/dist/multi/JetBrainsMono_vf.woff2 +0 -0
  25. package/dist/multi/app-897d4cad2ca206583e32.js +2 -0
  26. package/dist/multi/app-897d4cad2ca206583e32.js.LICENSE.txt +25 -0
  27. package/dist/multi/manifest.json +26 -25
  28. package/dist/multi/pt-root-ui_vf.woff +0 -0
  29. package/dist/multi/pt-root-ui_vf.woff2 +0 -0
  30. package/dist/multi/styles-cf5cd8299b71a6d78e3e.css +284 -0
  31. package/dist/single/app-db9badbaf3040ca25425.js +2 -0
  32. package/dist/single/app-db9badbaf3040ca25425.js.LICENSE.txt +25 -0
  33. package/dist/single/manifest.json +1 -8
  34. package/package.json +50 -49
  35. package/postcss.config.js +5 -0
  36. package/src/assets/scss/_common.scss +142 -0
  37. package/src/assets/scss/code.scss +71 -0
  38. package/src/assets/scss/day.scss +51 -0
  39. package/src/assets/scss/fonts.scss +3 -0
  40. package/src/assets/scss/index.scss +9 -0
  41. package/src/assets/scss/night.scss +61 -0
  42. package/src/assets/scss/palette.scss +393 -0
  43. package/src/assets/scss/theme.scss +326 -0
  44. package/src/assets/scss/typography.scss +218 -0
  45. package/src/assets/scss/vars.scss +8 -0
  46. package/src/components/ArrowButton/index.tsx +36 -0
  47. package/src/components/ArrowButton/styles.scss +35 -0
  48. package/src/components/BaseLayout/index.tsx +23 -0
  49. package/src/components/BaseLayout/styles.scss +63 -0
  50. package/src/components/Behaviors/BehaviorsList.tsx +67 -0
  51. package/src/components/Behaviors/index.tsx +60 -0
  52. package/src/components/Behaviors/styles.scss +196 -0
  53. package/src/components/Categories/CategoriesList.tsx +67 -0
  54. package/src/components/Categories/index.tsx +60 -0
  55. package/src/components/Categories/styles.scss +196 -0
  56. package/src/components/Footer/FooterLogo.tsx +15 -0
  57. package/src/components/Footer/FooterVersion.tsx +33 -0
  58. package/src/components/Footer/index.tsx +13 -0
  59. package/src/components/Footer/styles.scss +14 -0
  60. package/src/components/Graphs/index.tsx +2 -0
  61. package/src/components/Header/index.tsx +14 -0
  62. package/src/components/Header/styles.scss +26 -0
  63. package/src/components/HeaderActions/Filters.tsx +90 -0
  64. package/src/components/HeaderActions/HeaderActions.tsx +58 -0
  65. package/src/components/HeaderActions/SortBy.tsx +128 -0
  66. package/src/components/HeaderActions/styles.scss +82 -0
  67. package/src/components/LanguagePicker/index.tsx +41 -0
  68. package/src/components/LanguagePicker/styles.scss +3 -0
  69. package/src/components/MainReport/index.tsx +19 -0
  70. package/src/components/Metadata/index.tsx +121 -0
  71. package/src/components/Metadata/styles.scss +146 -0
  72. package/src/components/MetadataButton/index.tsx +32 -0
  73. package/src/components/MetadataButton/styles.scss +53 -0
  74. package/src/components/Modal/index.tsx +174 -0
  75. package/src/components/Modal/styles.scss +126 -0
  76. package/src/components/Overview/Overview.module.scss +29 -0
  77. package/src/components/Overview/index.tsx +105 -0
  78. package/src/components/Packages/PackagesList.tsx +67 -0
  79. package/src/components/Packages/index.tsx +59 -0
  80. package/src/components/Packages/styles.scss +196 -0
  81. package/src/components/ReportBody/Filters.tsx +92 -0
  82. package/src/components/ReportBody/HeaderActions.tsx +21 -0
  83. package/src/components/ReportBody/SortBy.tsx +132 -0
  84. package/src/components/ReportBody/context.tsx +106 -0
  85. package/src/components/ReportBody/index.tsx +69 -0
  86. package/src/components/ReportBody/styles.scss +64 -0
  87. package/src/components/ReportHeader/ReportHeaderLabelList.tsx +12 -0
  88. package/src/components/ReportHeader/ReportHeaderLogo.tsx +14 -0
  89. package/src/components/ReportHeader/ReportHeaderPie.tsx +14 -0
  90. package/src/components/ReportHeader/index.tsx +33 -0
  91. package/src/components/ReportHeader/styles.scss +49 -0
  92. package/src/components/ReportMetadata/MetadataItem.tsx +45 -0
  93. package/src/components/ReportMetadata/MetadataSummary.tsx +80 -0
  94. package/src/components/ReportMetadata/MetadataTestType.tsx +16 -0
  95. package/src/components/ReportMetadata/MetadataWithIcon.tsx +21 -0
  96. package/src/components/ReportMetadata/index.tsx +46 -0
  97. package/src/components/ReportMetadata/styles.scss +99 -0
  98. package/src/components/SideBySide/index.tsx +54 -0
  99. package/src/components/SideBySide/styles.scss +59 -0
  100. package/src/components/SideNav/SideNav.tsx +78 -0
  101. package/src/components/{side-nav → SideNav}/styles.scss +54 -46
  102. package/src/components/Suites/index.tsx +62 -0
  103. package/src/components/Suites/styles.scss +10 -0
  104. package/src/components/Tabs/index.tsx +33 -0
  105. package/src/components/Tabs/styles.scss +56 -0
  106. package/src/components/TestResult/TestResultAttachmentsView/index.tsx +27 -0
  107. package/src/components/TestResult/TestResultAttachmentsView/styles.scss +12 -0
  108. package/src/components/TestResult/TestResultDescription/index.tsx +27 -0
  109. package/src/components/TestResult/TestResultDescription/styles.scss +12 -0
  110. package/src/components/TestResult/TestResultDropdown/index.tsx +23 -0
  111. package/src/components/TestResult/TestResultDropdown/styles.scss +34 -0
  112. package/src/components/TestResult/TestResultEmpty/index.tsx +33 -0
  113. package/src/components/TestResult/TestResultEmpty/styles.scss +25 -0
  114. package/src/components/TestResult/TestResultError/index.tsx +48 -0
  115. package/src/components/TestResult/TestResultError/styles.scss +51 -0
  116. package/src/components/TestResult/TestResultHeader/index.tsx +53 -0
  117. package/src/components/TestResult/TestResultHeader/styles.scss +43 -0
  118. package/src/components/TestResult/TestResultHistory/TestResultHistoryItem.tsx +67 -0
  119. package/src/components/TestResult/TestResultHistory/index.tsx +26 -0
  120. package/src/components/TestResult/TestResultHistory/styles.scss +63 -0
  121. package/src/components/TestResult/TestResultInfo/TestResultInfoStatuses.tsx +30 -0
  122. package/src/components/TestResult/TestResultInfo/index.tsx +79 -0
  123. package/src/components/TestResult/TestResultInfo/styles.scss +50 -0
  124. package/src/components/TestResult/TestResultLinks/index.tsx +56 -0
  125. package/src/components/TestResult/TestResultLinks/styles.scss +30 -0
  126. package/src/components/TestResult/TestResultMetadata/index.tsx +27 -0
  127. package/src/components/TestResult/TestResultMetadata/styles.scss +8 -0
  128. package/src/components/TestResult/TestResultNavigation/index.tsx +80 -0
  129. package/src/components/TestResult/TestResultNavigation/styles.scss +48 -0
  130. package/src/components/TestResult/TestResultOverview.tsx +40 -0
  131. package/src/components/TestResult/TestResultParameters/index.tsx +30 -0
  132. package/src/components/TestResult/TestResultParameters/styles.scss +8 -0
  133. package/src/components/TestResult/TestResultPrevStatuses/index.tsx +49 -0
  134. package/src/components/TestResult/TestResultPrevStatuses/styles.scss +57 -0
  135. package/src/components/TestResult/TestResultRetriesView/TestResultRetriesItem.tsx +65 -0
  136. package/src/components/TestResult/TestResultRetriesView/index.tsx +27 -0
  137. package/src/components/TestResult/TestResultRetriesView/styles.scss +69 -0
  138. package/src/components/TestResult/TestResultSetup/index.tsx +49 -0
  139. package/src/components/TestResult/TestResultSeverity/index.tsx +27 -0
  140. package/src/components/TestResult/TestResultSeverity/styles.scss +29 -0
  141. package/src/components/TestResult/TestResultStatus/index.tsx +26 -0
  142. package/src/components/TestResult/TestResultStatus/styles.scss +36 -0
  143. package/src/components/TestResult/TestResultSteps/HtmlAttachmentPreview.tsx +38 -0
  144. package/src/components/TestResult/TestResultSteps/attachment.tsx +68 -0
  145. package/src/components/TestResult/TestResultSteps/attachmentCode.tsx +20 -0
  146. package/src/components/TestResult/TestResultSteps/attachmentImage.tsx +32 -0
  147. package/src/components/TestResult/TestResultSteps/attachmentVideo.tsx +15 -0
  148. package/src/components/TestResult/TestResultSteps/index.tsx +49 -0
  149. package/src/components/TestResult/TestResultSteps/styles.scss +221 -0
  150. package/src/components/TestResult/TestResultSteps/testResultAttachment.tsx +77 -0
  151. package/src/components/TestResult/TestResultSteps/testResultAttachmentInfo.tsx +83 -0
  152. package/src/components/TestResult/TestResultSteps/testResultStep.tsx +78 -0
  153. package/src/components/TestResult/TestResultSteps/testResultStepInfo.tsx +30 -0
  154. package/src/components/TestResult/TestResultSteps/wrongAttachment.tsx +8 -0
  155. package/src/components/TestResult/TestResultTabs/index.tsx +59 -0
  156. package/src/components/TestResult/TestResultTabs/styles.scss +76 -0
  157. package/src/components/TestResult/TestResultTeardown/index.tsx +49 -0
  158. package/src/components/{testresult → TestResult}/TestResultView.js +1 -1
  159. package/src/components/TestResult/index.tsx +54 -0
  160. package/src/components/TestResultView/index.tsx +31 -0
  161. package/src/components/ThemeButton/ThemeButton.tsx +20 -0
  162. package/src/components/Timeline/index.tsx +2 -0
  163. package/src/components/Tree/Tree.tsx +76 -0
  164. package/src/components/Tree/TreeHeader.tsx +82 -0
  165. package/src/components/Tree/TreeItem.tsx +49 -0
  166. package/src/components/Tree/TreeItemIcon.tsx +32 -0
  167. package/src/components/Tree/index.tsx +60 -0
  168. package/src/components/Tree/styles.scss +185 -0
  169. package/src/index.html +27 -4
  170. package/src/index.tsx +60 -0
  171. package/src/stores/behaviors.ts +127 -0
  172. package/src/stores/categories.ts +127 -0
  173. package/src/stores/chart.ts +32 -0
  174. package/src/stores/charts.ts +22 -0
  175. package/src/stores/envInfo.ts +34 -0
  176. package/src/stores/index.ts +4 -0
  177. package/src/stores/locale.ts +84 -0
  178. package/src/stores/packages.ts +127 -0
  179. package/src/stores/router.ts +55 -0
  180. package/src/stores/stats.ts +36 -0
  181. package/src/stores/tabs.ts +7 -0
  182. package/src/stores/testResults.ts +66 -0
  183. package/src/stores/theme.ts +30 -0
  184. package/src/stores/tree.ts +127 -0
  185. package/src/stores/trend.ts +36 -0
  186. package/src/stores/types.ts +5 -0
  187. package/src/translations/am.json +128 -0
  188. package/src/translations/az.json +116 -205
  189. package/src/translations/br.json +9 -0
  190. package/src/translations/constants.ts +124 -0
  191. package/src/translations/de.json +113 -190
  192. package/src/translations/en.json +118 -203
  193. package/src/translations/es.json +106 -196
  194. package/src/translations/fr.json +107 -205
  195. package/src/translations/he.json +104 -190
  196. package/src/translations/it.json +119 -0
  197. package/src/translations/ja.json +104 -195
  198. package/src/translations/ka.json +119 -0
  199. package/src/translations/kr.json +104 -195
  200. package/src/translations/nl.json +107 -205
  201. package/src/translations/pl.json +105 -208
  202. package/src/translations/pt.json +119 -0
  203. package/src/translations/ru.json +102 -200
  204. package/src/translations/sv.json +107 -210
  205. package/src/translations/tr.json +107 -205
  206. package/src/translations/zh.json +105 -177
  207. package/src/types/globals.d.ts +13 -0
  208. package/src/types/window.d.ts +8 -0
  209. package/src/utils/attachments.ts +156 -0
  210. package/src/utils/copyToClipboard.ts +16 -0
  211. package/src/utils/isMac.ts +8 -0
  212. package/src/utils/navigate.ts +7 -0
  213. package/src/utils/statuses.ts +55 -0
  214. package/src/utils/time.ts +17 -0
  215. package/src/utils/treeFilters.ts +139 -0
  216. package/test/dummy.test.ts +7 -0
  217. package/test/utils/treeFilters.test.ts +448 -0
  218. package/tsconfig.json +25 -0
  219. package/types.d.ts +83 -1
  220. package/vitest.config.ts +18 -0
  221. package/webpack.config.js +42 -56
  222. package/.babelrc.cjs +0 -18
  223. package/dist/multi/154.app-4abea52a.js +0 -1
  224. package/dist/multi/216.app-4abea52a.js +0 -1
  225. package/dist/multi/232.app-4abea52a.js +0 -1
  226. package/dist/multi/250.app-4abea52a.js +0 -1
  227. package/dist/multi/256.app-4abea52a.js +0 -1
  228. package/dist/multi/301.app-4abea52a.js +0 -1
  229. package/dist/multi/323.app-4abea52a.js +0 -1
  230. package/dist/multi/353.app-4abea52a.js +0 -1
  231. package/dist/multi/411d15fc5bb62472eea6ead4fb276ca9.ico +0 -0
  232. package/dist/multi/564.app-4abea52a.js +0 -1
  233. package/dist/multi/594.app-4abea52a.js +0 -1
  234. package/dist/multi/623.app-4abea52a.js +0 -1
  235. package/dist/multi/7.app-4abea52a.js +0 -1
  236. package/dist/multi/729.app-4abea52a.js +0 -1
  237. package/dist/multi/783.app-4abea52a.js +0 -1
  238. package/dist/multi/826.app-4abea52a.js +0 -1
  239. package/dist/multi/925.app-4abea52a.js +0 -1
  240. package/dist/multi/app-4abea52a.js +0 -2
  241. package/dist/multi/app-4abea52a.js.LICENSE.txt +0 -29
  242. package/dist/multi/checkmark-c8e83eb1.svg +0 -8
  243. package/dist/multi/sort-down-icon-2f1625c8.svg +0 -8
  244. package/dist/multi/sort-icon-dc2db9af.svg +0 -8
  245. package/dist/multi/sort-up-icon-e10d3fa9.svg +0 -8
  246. package/dist/multi/sprite.svg +0 -4
  247. package/dist/multi/styles-4abea52a.css +0 -558
  248. package/dist/multi/vertical-5e6d1df4.png +0 -0
  249. package/dist/single/411d15fc5bb62472eea6ead4fb276ca9.ico +0 -0
  250. package/dist/single/app-69c4b948.js +0 -2
  251. package/dist/single/app-69c4b948.js.LICENSE.txt +0 -29
  252. package/dist/single/checkmark-c8e83eb1.svg +0 -8
  253. package/dist/single/sort-down-icon-2f1625c8.svg +0 -8
  254. package/dist/single/sort-icon-dc2db9af.svg +0 -8
  255. package/dist/single/sort-up-icon-e10d3fa9.svg +0 -8
  256. package/dist/single/sprite.svg +0 -4
  257. package/dist/single/styles-69c4b948.css +0 -558
  258. package/src/app.js +0 -69
  259. package/src/assets/icons/allure-logo.svg +0 -45
  260. package/src/assets/icons/bamboo.svg +0 -31
  261. package/src/assets/icons/bitbucket.svg +0 -10
  262. package/src/assets/icons/bomb.svg +0 -7
  263. package/src/assets/icons/broken.svg +0 -10
  264. package/src/assets/icons/bug.svg +0 -10
  265. package/src/assets/icons/chevron-down.svg +0 -10
  266. package/src/assets/icons/chevron-left.svg +0 -10
  267. package/src/assets/icons/chevron-right-fat.svg +0 -10
  268. package/src/assets/icons/chevron-right.svg +0 -10
  269. package/src/assets/icons/chevron-up.svg +0 -10
  270. package/src/assets/icons/circleci.svg +0 -1
  271. package/src/assets/icons/close.svg +0 -10
  272. package/src/assets/icons/collapse.svg +0 -5
  273. package/src/assets/icons/compare.svg +0 -10
  274. package/src/assets/icons/copy.svg +0 -11
  275. package/src/assets/icons/csv.svg +0 -13
  276. package/src/assets/icons/download.svg +0 -11
  277. package/src/assets/icons/draggable.svg +0 -15
  278. package/src/assets/icons/expand.svg +0 -5
  279. package/src/assets/icons/failed.svg +0 -10
  280. package/src/assets/icons/file.svg +0 -3
  281. package/src/assets/icons/folder.svg +0 -10
  282. package/src/assets/icons/github.svg +0 -4
  283. package/src/assets/icons/gitlab.svg +0 -12
  284. package/src/assets/icons/graphs.svg +0 -11
  285. package/src/assets/icons/history.svg +0 -11
  286. package/src/assets/icons/image.svg +0 -3
  287. package/src/assets/icons/info.svg +0 -12
  288. package/src/assets/icons/jenkins.svg +0 -327
  289. package/src/assets/icons/jobs.svg +0 -12
  290. package/src/assets/icons/link.svg +0 -11
  291. package/src/assets/icons/list.svg +0 -13
  292. package/src/assets/icons/maximize.svg +0 -11
  293. package/src/assets/icons/new-broken.svg +0 -6
  294. package/src/assets/icons/new-failed.svg +0 -6
  295. package/src/assets/icons/new-passed.svg +0 -5
  296. package/src/assets/icons/overview.svg +0 -5
  297. package/src/assets/icons/passed.svg +0 -10
  298. package/src/assets/icons/pdf.svg +0 -13
  299. package/src/assets/icons/refresh.svg +0 -4
  300. package/src/assets/icons/retries.svg +0 -11
  301. package/src/assets/icons/save.svg +0 -10
  302. package/src/assets/icons/skipped.svg +0 -3
  303. package/src/assets/icons/sort-down.svg +0 -10
  304. package/src/assets/icons/sort-up.svg +0 -10
  305. package/src/assets/icons/sort.svg +0 -11
  306. package/src/assets/icons/table.svg +0 -10
  307. package/src/assets/icons/task.svg +0 -11
  308. package/src/assets/icons/teamcity.svg +0 -40
  309. package/src/assets/icons/timeline.svg +0 -12
  310. package/src/assets/icons/tree.svg +0 -10
  311. package/src/assets/icons/txt.svg +0 -11
  312. package/src/assets/icons/unknown.svg +0 -10
  313. package/src/behaviors/ClipboardBehavior.js +0 -34
  314. package/src/behaviors/DownloadBehavior.js +0 -42
  315. package/src/behaviors/GaBehavior.js +0 -27
  316. package/src/behaviors/LoadBehavior.js +0 -18
  317. package/src/behaviors/TooltipBehavior.js +0 -25
  318. package/src/behaviors/index.js +0 -7
  319. package/src/blocks/alert/styles.scss +0 -8
  320. package/src/blocks/arrow/styles.scss +0 -21
  321. package/src/blocks/attachment-row/attachment-row.hbs +0 -34
  322. package/src/blocks/attachment-row/styles.scss +0 -71
  323. package/src/blocks/bar/styles.scss +0 -22
  324. package/src/blocks/button/styles.scss +0 -60
  325. package/src/blocks/clipboard-copy/clipboard-copy.hbs +0 -5
  326. package/src/blocks/executor-icon/bamboo.svg +0 -31
  327. package/src/blocks/executor-icon/bitbucket.svg +0 -10
  328. package/src/blocks/executor-icon/circleci.svg +0 -1
  329. package/src/blocks/executor-icon/default-icon.png +0 -0
  330. package/src/blocks/executor-icon/github.svg +0 -4
  331. package/src/blocks/executor-icon/gitlab.svg +0 -12
  332. package/src/blocks/executor-icon/jenkins.svg +0 -327
  333. package/src/blocks/executor-icon/styles.scss +0 -15
  334. package/src/blocks/executor-icon/teamcity.svg +0 -40
  335. package/src/blocks/island/styles.scss +0 -7
  336. package/src/blocks/label/styles.scss +0 -15
  337. package/src/blocks/link/styles.scss +0 -10
  338. package/src/blocks/pane/styles.scss +0 -52
  339. package/src/blocks/pane-header/pane-header.hbs +0 -15
  340. package/src/blocks/parameters-table/parameters-table.hbs +0 -10
  341. package/src/blocks/parameters-table/styles.scss +0 -22
  342. package/src/blocks/spinner/styles.scss +0 -30
  343. package/src/blocks/splash/styles.scss +0 -13
  344. package/src/blocks/status-details/status-details.hbs +0 -13
  345. package/src/blocks/status-details/styles.scss +0 -32
  346. package/src/blocks/step-stats/step-stats.hbs +0 -15
  347. package/src/blocks/step-stats/styles.scss +0 -19
  348. package/src/blocks/table/sort-down-icon.svg +0 -1
  349. package/src/blocks/table/sort-icon.svg +0 -1
  350. package/src/blocks/table/sort-up-icon.svg +0 -1
  351. package/src/blocks/table/sortable-col.hbs +0 -4
  352. package/src/blocks/table/styles.scss +0 -64
  353. package/src/blocks/tabs/styles.scss +0 -29
  354. package/src/blocks/tabs/tabs.hbs +0 -5
  355. package/src/blocks/text/styles.scss +0 -5
  356. package/src/blocks/widget/draggable.svg +0 -1
  357. package/src/blocks/widget/styles.scss +0 -76
  358. package/src/components/attachment/AttachmentView.hbs +0 -58
  359. package/src/components/attachment/AttachmentView.js +0 -90
  360. package/src/components/attachment/styles.scss +0 -78
  361. package/src/components/empty/EmptyView.hbs +0 -3
  362. package/src/components/empty/EmptyView.js +0 -18
  363. package/src/components/empty/styles.scss +0 -4
  364. package/src/components/error-splash/ErrorSplashView.hbs +0 -4
  365. package/src/components/error-splash/ErrorSplashView.js +0 -19
  366. package/src/components/error-splash/styles.scss +0 -4
  367. package/src/components/graph-base/BaseChartView.hbs +0 -5
  368. package/src/components/graph-base/BaseChartView.js +0 -78
  369. package/src/components/graph-base/styles.scss +0 -66
  370. package/src/components/graph-duration-chart/DurationChartView.js +0 -100
  371. package/src/components/graph-pie-chart/PieChartView.js +0 -155
  372. package/src/components/graph-severity-chart/SeverityChartView.js +0 -100
  373. package/src/components/graph-trend-chart/TrendChartView.js +0 -202
  374. package/src/components/graph-trend-chart/styles.scss +0 -16
  375. package/src/components/graph-trend-chart/trend-tooltip.hbs +0 -9
  376. package/src/components/language-select/LanguageSelectView.hbs +0 -5
  377. package/src/components/language-select/LanguageSelectView.js +0 -42
  378. package/src/components/language-select/checkmark.svg +0 -1
  379. package/src/components/language-select/styles.scss +0 -34
  380. package/src/components/loader/LoaderView.hbs +0 -6
  381. package/src/components/loader/LoaderView.js +0 -21
  382. package/src/components/loader/styles.scss +0 -26
  383. package/src/components/marks-toggle/MarksToggleView.hbs +0 -14
  384. package/src/components/marks-toggle/MarksToggleView.js +0 -41
  385. package/src/components/marks-toggle/styles.scss +0 -38
  386. package/src/components/modal/styles.scss +0 -31
  387. package/src/components/node-search/NodeSearchView.hbs +0 -4
  388. package/src/components/node-search/NodeSearchView.js +0 -32
  389. package/src/components/node-search/styles.scss +0 -29
  390. package/src/components/node-sorter/NodeSorterView.hbs +0 -22
  391. package/src/components/node-sorter/NodeSorterView.js +0 -43
  392. package/src/components/node-sorter/styles.scss +0 -26
  393. package/src/components/popover/PopoverView.js +0 -8
  394. package/src/components/popover/styles.scss +0 -32
  395. package/src/components/side-by-side/SideBySideView.hbs +0 -2
  396. package/src/components/side-by-side/SideBySideView.js +0 -42
  397. package/src/components/side-by-side/styles.scss +0 -59
  398. package/src/components/side-by-side/vertical.png +0 -0
  399. package/src/components/status-toggle/StatusToggleView.hbs +0 -16
  400. package/src/components/status-toggle/StatusToggleView.js +0 -42
  401. package/src/components/status-toggle/styles.scss +0 -35
  402. package/src/components/testresult-execution/TestResultExecutionView.hbs +0 -13
  403. package/src/components/testresult-execution/TestResultExecutionView.js +0 -85
  404. package/src/components/testresult-execution/stages-block.hbs +0 -47
  405. package/src/components/testresult-execution/steps-list.hbs +0 -31
  406. package/src/components/testresult-execution/styles.scss +0 -70
  407. package/src/components/testresult-overview/TestResultOverviewView.hbs +0 -8
  408. package/src/components/testresult-overview/TestResultOverviewView.js +0 -46
  409. package/src/components/testresult-overview/styles.scss +0 -22
  410. package/src/components/testresult-tree/TestResultTreeView.js +0 -60
  411. package/src/components/tooltip/TooltipView.js +0 -111
  412. package/src/components/tooltip/styles.scss +0 -43
  413. package/src/components/tree/TreeView.hbs +0 -9
  414. package/src/components/tree/TreeView.js +0 -200
  415. package/src/components/tree/styles.scss +0 -141
  416. package/src/components/tree/tree-group.hbs +0 -36
  417. package/src/components/tree/tree-leaf.hbs +0 -53
  418. package/src/components/tree/tree-time.hbs +0 -6
  419. package/src/components/tree-view-container/TreeViewContainer.hbs +0 -34
  420. package/src/components/tree-view-container/TreeViewContainer.js +0 -103
  421. package/src/components/tree-view-container/styles.scss +0 -38
  422. package/src/components/widget-status/WidgetStatusView.hbs +0 -21
  423. package/src/components/widget-status/WidgetStatusView.js +0 -17
  424. package/src/components/widgets-grid/WidgetsGridView.js +0 -90
  425. package/src/components/widgets-grid/styles.scss +0 -34
  426. package/src/data/localstorage/LocalStorageModel.js +0 -23
  427. package/src/data/testresult/TestResultModel.js +0 -36
  428. package/src/data/tree/TreeCollection.js +0 -153
  429. package/src/data/tree/comparator.js +0 -63
  430. package/src/data/tree/filter.js +0 -66
  431. package/src/data/trend/TrendCollection.js +0 -36
  432. package/src/data/widgets/WidgetsModel.js +0 -25
  433. package/src/decorators/index.js +0 -53
  434. package/src/helpers/allure-icon.js +0 -228
  435. package/src/helpers/and.js +0 -3
  436. package/src/helpers/angle.js +0 -15
  437. package/src/helpers/arrow.js +0 -17
  438. package/src/helpers/b.js +0 -6
  439. package/src/helpers/concat.js +0 -3
  440. package/src/helpers/date.js +0 -11
  441. package/src/helpers/default.js +0 -8
  442. package/src/helpers/duration.js +0 -60
  443. package/src/helpers/eq.js +0 -3
  444. package/src/helpers/fileicon.js +0 -5
  445. package/src/helpers/filesize.js +0 -8
  446. package/src/helpers/gt.js +0 -3
  447. package/src/helpers/inc.js +0 -3
  448. package/src/helpers/is-def.js +0 -3
  449. package/src/helpers/job-icon.js +0 -8
  450. package/src/helpers/linky.js +0 -7
  451. package/src/helpers/not.js +0 -3
  452. package/src/helpers/or.js +0 -3
  453. package/src/helpers/sort-class.js +0 -6
  454. package/src/helpers/statistic-bar.js +0 -12
  455. package/src/helpers/status-bar.js +0 -14
  456. package/src/helpers/t.js +0 -5
  457. package/src/helpers/text-with-links.js +0 -18
  458. package/src/helpers/time.js +0 -18
  459. package/src/helpers/timeago.js +0 -10
  460. package/src/layouts/application/AppLayout.hbs +0 -2
  461. package/src/layouts/application/AppLayout.js +0 -50
  462. package/src/layouts/application/styles.scss +0 -17
  463. package/src/layouts/error/ErrorLayout.js +0 -11
  464. package/src/layouts/overview/OverviewLayout.js +0 -8
  465. package/src/layouts/testresult/TestResultLayout.js +0 -43
  466. package/src/layouts/tree/TreeLayout.js +0 -45
  467. package/src/pluginApi.js +0 -26
  468. package/src/plugins/.eslintrc +0 -5
  469. package/src/plugins/default/index.js +0 -11
  470. package/src/plugins/screen-diff/index.js +0 -186
  471. package/src/plugins/screen-diff/styles.css +0 -30
  472. package/src/plugins/tab-behaviors/index.js +0 -239
  473. package/src/plugins/tab-category/index.js +0 -15
  474. package/src/plugins/tab-graph/GraphCollection.js +0 -12
  475. package/src/plugins/tab-graph/GraphLayout.js +0 -17
  476. package/src/plugins/tab-graph/index.js +0 -8
  477. package/src/plugins/tab-packages/index.js +0 -137
  478. package/src/plugins/tab-suites/index.js +0 -15
  479. package/src/plugins/tab-timeline/TimelineLayout.js +0 -18
  480. package/src/plugins/tab-timeline/TimelineView.hbs +0 -17
  481. package/src/plugins/tab-timeline/TimelineView.js +0 -250
  482. package/src/plugins/tab-timeline/index.js +0 -12
  483. package/src/plugins/tab-timeline/styles.scss +0 -76
  484. package/src/plugins/testresult-category/CategoryView.hbs +0 -6
  485. package/src/plugins/testresult-category/CategoryView.js +0 -17
  486. package/src/plugins/testresult-category/index.js +0 -3
  487. package/src/plugins/testresult-description/DescriptionView.hbs +0 -4
  488. package/src/plugins/testresult-description/DescriptionView.js +0 -16
  489. package/src/plugins/testresult-description/index.js +0 -3
  490. package/src/plugins/testresult-duration/DurationView.hbs +0 -7
  491. package/src/plugins/testresult-duration/DurationView.js +0 -16
  492. package/src/plugins/testresult-duration/index.js +0 -3
  493. package/src/plugins/testresult-history/HistoryView.hbs +0 -27
  494. package/src/plugins/testresult-history/HistoryView.js +0 -33
  495. package/src/plugins/testresult-history/index.js +0 -3
  496. package/src/plugins/testresult-history/styles.scss +0 -10
  497. package/src/plugins/testresult-links/LinksView.hbs +0 -17
  498. package/src/plugins/testresult-links/LinksView.js +0 -17
  499. package/src/plugins/testresult-links/index.js +0 -3
  500. package/src/plugins/testresult-links/styles.scss +0 -19
  501. package/src/plugins/testresult-owner/OwnerView.hbs +0 -4
  502. package/src/plugins/testresult-owner/OwnerView.js +0 -17
  503. package/src/plugins/testresult-owner/index.js +0 -3
  504. package/src/plugins/testresult-parameters/ParametersView.hbs +0 -13
  505. package/src/plugins/testresult-parameters/ParametersView.js +0 -22
  506. package/src/plugins/testresult-parameters/index.js +0 -3
  507. package/src/plugins/testresult-parameters/styles.scss +0 -8
  508. package/src/plugins/testresult-retries/RetriesView.hbs +0 -13
  509. package/src/plugins/testresult-retries/RetriesView.js +0 -28
  510. package/src/plugins/testresult-retries/index.js +0 -3
  511. package/src/plugins/testresult-retries/styles.scss +0 -11
  512. package/src/plugins/testresult-severity/SeverityView.hbs +0 -4
  513. package/src/plugins/testresult-severity/SeverityView.js +0 -17
  514. package/src/plugins/testresult-severity/index.js +0 -3
  515. package/src/plugins/testresult-tags/TagsView.hbs +0 -5
  516. package/src/plugins/testresult-tags/TagsView.js +0 -17
  517. package/src/plugins/testresult-tags/index.js +0 -3
  518. package/src/plugins/widget-categories/index.js +0 -12
  519. package/src/plugins/widget-categories-trend/CategoriesTrendWidgetView.hbs +0 -4
  520. package/src/plugins/widget-categories-trend/CategoriesTrendWidgetView.js +0 -33
  521. package/src/plugins/widget-categories-trend/index.js +0 -4
  522. package/src/plugins/widget-categories-trend/styles.scss +0 -6
  523. package/src/plugins/widget-duration/DurationWidgetView.hbs +0 -4
  524. package/src/plugins/widget-duration/DurationWidgetView.js +0 -23
  525. package/src/plugins/widget-duration/index.js +0 -3
  526. package/src/plugins/widget-duration-trend/DurationTrendWidgetView.hbs +0 -4
  527. package/src/plugins/widget-duration-trend/DurationTrendWidgetView.js +0 -49
  528. package/src/plugins/widget-duration-trend/index.js +0 -4
  529. package/src/plugins/widget-duration-trend/styles.scss +0 -6
  530. package/src/plugins/widget-environment/EnvironmentWidget.hbs +0 -27
  531. package/src/plugins/widget-environment/EnvironmentWidget.js +0 -25
  532. package/src/plugins/widget-environment/index.js +0 -3
  533. package/src/plugins/widget-executor/ExecutorsWidgetView.hbs +0 -40
  534. package/src/plugins/widget-executor/ExecutorsWidgetView.js +0 -8
  535. package/src/plugins/widget-executor/index.js +0 -3
  536. package/src/plugins/widget-history-trend/HistoryTrendWidgetView.hbs +0 -4
  537. package/src/plugins/widget-history-trend/HistoryTrendWidgetView.js +0 -30
  538. package/src/plugins/widget-history-trend/index.js +0 -6
  539. package/src/plugins/widget-history-trend/styles.scss +0 -6
  540. package/src/plugins/widget-launch/LaunchesWidgetView.hbs +0 -23
  541. package/src/plugins/widget-launch/LaunchesWidgetView.js +0 -8
  542. package/src/plugins/widget-launch/index.js +0 -3
  543. package/src/plugins/widget-retry-trend/RetryTrendWidgetView.hbs +0 -4
  544. package/src/plugins/widget-retry-trend/RetryTrendWidgetView.js +0 -33
  545. package/src/plugins/widget-retry-trend/index.js +0 -4
  546. package/src/plugins/widget-retry-trend/styles.scss +0 -6
  547. package/src/plugins/widget-severity/SeverityWidgetView.hbs +0 -4
  548. package/src/plugins/widget-severity/SeverityWidgetView.js +0 -23
  549. package/src/plugins/widget-severity/index.js +0 -3
  550. package/src/plugins/widget-status/StatusWidgetView.hbs +0 -4
  551. package/src/plugins/widget-status/StatusWidgetView.js +0 -44
  552. package/src/plugins/widget-status/index.js +0 -3
  553. package/src/plugins/widget-suites/index.js +0 -12
  554. package/src/plugins/widget-summary/SummaryWidgetView.hbs +0 -20
  555. package/src/plugins/widget-summary/SummaryWidgetView.js +0 -33
  556. package/src/plugins/widget-summary/index.js +0 -3
  557. package/src/plugins/widget-summary/styles.scss +0 -14
  558. package/src/router.js +0 -52
  559. package/src/utils/arrays.js +0 -3
  560. package/src/utils/attachmentType.js +0 -101
  561. package/src/utils/clipboard.js +0 -38
  562. package/src/utils/escape.js +0 -5
  563. package/src/utils/gtag.js +0 -8
  564. package/src/utils/highlight.js +0 -14
  565. package/src/utils/hotkeys.js +0 -25
  566. package/src/utils/loading.js +0 -9
  567. package/src/utils/marks.js +0 -1
  568. package/src/utils/pluginsRegistry.js +0 -56
  569. package/src/utils/settings.js +0 -4
  570. package/src/utils/settingsFactory.js +0 -149
  571. package/src/utils/sorting.js +0 -21
  572. package/src/utils/translation.js +0 -63
  573. package/webpack/utils.js +0 -10
  574. /package/src/components/{modal → Modal}/ModalView.hbs +0 -0
  575. /package/src/components/{modal → Modal}/ModalView.js +0 -0
  576. /package/src/components/{side-nav → SideNav}/SideNavView.hbs +0 -0
  577. /package/src/components/{side-nav → SideNav}/SideNavView.js +0 -0
  578. /package/src/components/{testresult → TestResult}/TestResultView.hbs +0 -0
  579. /package/src/components/{testresult → TestResult}/styles.scss +0 -0
package/src/components/ReportBody/index.tsx ADDED
@@ -0,0 +1,69 @@
1
+ import { capitalize, statusesList } from "@allurereport/core-api";
2
+ import { Counter, Loadable } from "@allurereport/web-components";
3
+ import { statsStore } from "@/stores";
4
+ import { useI18n } from "@/stores/locale";
5
+ import { Tab, Tabs, TabsList } from "../Tabs";
6
+ import { TreeList } from "../Tree";
7
+ import { HeaderActions } from "./HeaderActions";
8
+ import { SortBy } from "./SortBy";
9
+ import { ReportContentProvider } from "./context";
10
+ import * as styles from "./styles.scss";
11
+
12
+ const ALL_TAB = "total";
13
+
14
+ const Header = () => {
15
+ const { t } = useI18n("statuses");
16
+ return (
17
+ <header className={styles.header}>
18
+ <HeaderActions />
19
+ <div className={styles.headerRow}>
20
+ <TabsList>
21
+ <Loadable
22
+ source={statsStore}
23
+ renderData={(stats) => {
24
+ const allStatuses = statusesList
25
+ .map((status) => ({ status, value: stats[status] }))
26
+ .filter(({ value }) => value)
27
+ .map(({ status, value }) => (
28
+ <Tab data-testid={`tab-${status}`} key={status} id={status}>
29
+ {capitalize(t(status) ?? status)} <Counter count={value} size="s" status={status} />
30
+ </Tab>
31
+ ));
32
+
33
+ return (
34
+ <>
35
+ <Tab data-testid="tab-all" id={ALL_TAB}>
36
+ {capitalize(t("total"))} <Counter count={stats?.total ?? 0} size="s" />
37
+ </Tab>
38
+ {allStatuses}
39
+ </>
40
+ );
41
+ }}
42
+ />
43
+ </TabsList>
44
+ <SortBy />
45
+ </div>
46
+ </header>
47
+ );
48
+ };
49
+
50
+ const Body = () => {
51
+ return (
52
+ <div className={styles.body}>
53
+ <TreeList />
54
+ </div>
55
+ );
56
+ };
57
+
58
+ export const ReportBody = () => {
59
+ return (
60
+ <ReportContentProvider>
61
+ <section>
62
+ <Tabs initialTab="total">
63
+ <Header />
64
+ <Body />
65
+ </Tabs>
66
+ </section>
67
+ </ReportContentProvider>
68
+ );
69
+ };
package/src/components/ReportBody/styles.scss ADDED
@@ -0,0 +1,64 @@
1
+ .header {
2
+ padding: 24px;
3
+ padding-bottom: 0;
4
+ display: flex;
5
+ flex-direction: column;
6
+ gap: 12px;
7
+ }
8
+
9
+ .headerRow {
10
+ display: flex;
11
+ flex-direction: row;
12
+ column-gap: 8px;
13
+ row-gap: 12px;
14
+ flex-wrap: wrap;
15
+ align-items: center;
16
+ justify-content: space-between;
17
+ }
18
+
19
+ .body {
20
+ padding: 16px 24px;
21
+ }
22
+
23
+ .headerActions {
24
+ display: flex;
25
+ gap: 8px;
26
+ }
27
+
28
+ /* This is a hack because button do not have this state */
29
+ .filtersBtnWithFilters > button::after {
30
+ content: "";
31
+ background-color: var(--bg-support-aldebaran);
32
+ width: 6px;
33
+ height: 6px;
34
+ border-radius: 100px;
35
+ position: absolute;
36
+ top: 7px;
37
+ right: 3px;
38
+ }
39
+
40
+ .filterToggle {
41
+ padding-top: 2px;
42
+ }
43
+
44
+ .sortByText {
45
+ color: var(--on-text-secondary);
46
+ }
47
+
48
+ .sortByBtnWrap {
49
+ /*
50
+ Because button is 24px height it makes
51
+ menu item to be 24px height too
52
+ But design is not that
53
+ */
54
+ margin-top: -2px;
55
+ margin-bottom: -2px;
56
+ }
57
+
58
+ .sortByIcon {
59
+ transition: transform var(--interaction-transition-duration) ease-out;
60
+
61
+ &.sortByIconReversed {
62
+ transform: rotate(180deg);
63
+ }
64
+ }
package/src/components/ReportHeader/ReportHeaderLabelList.tsx ADDED
@@ -0,0 +1,12 @@
1
+ import { Label } from "@allurereport/web-components";
2
+ import * as styles from "@/components/ReportHeader/styles.scss";
3
+
4
+ export const ReportHeaderLabelList = () => {
5
+ return (
6
+ <div className={styles["report-header-label-list"]}>
7
+ {["Smoke", "regression", "nightly"].map((item, key) => {
8
+ return <Label key={key}>{item}</Label>;
9
+ })}
10
+ </div>
11
+ );
12
+ };
package/src/components/ReportHeader/ReportHeaderLogo.tsx ADDED
@@ -0,0 +1,14 @@
1
+ import { getReportOptions } from "@allurereport/web-commons";
2
+ import { ReportLogo } from "@allurereport/web-components";
3
+ import * as styles from "@/components/ReportHeader/styles.scss";
4
+ import type { ClassicReportOptions } from "../../../types";
5
+
6
+ export const ReportHeaderLogo = () => {
7
+ const { logo } = getReportOptions<ClassicReportOptions>() ?? {};
8
+
9
+ return (
10
+ <div className={styles["report-header-logo"]}>
11
+ <ReportLogo logo={logo} />
12
+ </div>
13
+ );
14
+ };
package/src/components/ReportHeader/ReportHeaderPie.tsx ADDED
@@ -0,0 +1,14 @@
1
+ import { Loadable } from "@allurereport/web-components";
2
+ import { SuccessRatePieChart } from "@allurereport/web-components";
3
+ import { pieChartStore } from "@/stores/chart";
4
+ import * as styles from "./styles.scss";
5
+
6
+ export const ReportHeaderPie = () => (
7
+ <div className={styles["report-header-pie"]}>
8
+ <Loadable
9
+ source={pieChartStore}
10
+ renderLoader={() => null}
11
+ renderData={(chartData) => <SuccessRatePieChart slices={chartData.slices} percentage={chartData.percentage} />}
12
+ />
13
+ </div>
14
+ );
package/src/components/ReportHeader/index.tsx ADDED
@@ -0,0 +1,33 @@
1
+ import { getReportOptions } from "@allurereport/web-commons";
2
+ import { Heading, Text } from "@allurereport/web-components";
3
+ import type { ClassicReportOptions } from "types";
4
+ import { ReportHeaderLogo } from "@/components/ReportHeader/ReportHeaderLogo";
5
+ import { ReportHeaderPie } from "@/components/ReportHeader/ReportHeaderPie";
6
+ import { currentLocaleIso } from "@/stores";
7
+ import * as styles from "./styles.scss";
8
+
9
+ export const ReportHeader = () => {
10
+ const { reportName, createdAt } = getReportOptions<ClassicReportOptions>() ?? {};
11
+ const formattedCreatedAt = new Date(createdAt as number).toLocaleDateString(currentLocaleIso.value as string, {
12
+ month: "long",
13
+ day: "numeric",
14
+ year: "numeric",
15
+ });
16
+
17
+ return (
18
+ <div className={styles["report-header"]}>
19
+ <div className={styles["report-wrapper"]}>
20
+ <ReportHeaderLogo />
21
+ <div className={styles["report-wrapper-text"]}>
22
+ <Heading size={"s"} tag={"h2"} className={styles["wrapper-header"]} data-testid="report-title">
23
+ {reportName}
24
+ </Heading>
25
+ <Text type="paragraph" size="m" className={styles["report-date"]}>
26
+ {formattedCreatedAt}
27
+ </Text>
28
+ </div>
29
+ </div>
30
+ <ReportHeaderPie />
31
+ </div>
32
+ );
33
+ };
package/src/components/ReportHeader/styles.scss ADDED
@@ -0,0 +1,49 @@
1
+ .report-header {
2
+ display: flex;
3
+ column-gap: 12px;
4
+ justify-content: space-between;
5
+ padding: 24px;
6
+ align-items: flex-start;
7
+ }
8
+
9
+ .report-wrapper {
10
+ display: flex;
11
+ flex-wrap: wrap;
12
+ flex-grow: 1;
13
+ }
14
+
15
+ .report-wrapper-text {
16
+ flex-grow: 1;
17
+ margin-bottom: 16px;
18
+ }
19
+
20
+ .report-date {
21
+ color: var(--on-text-secondary);
22
+ display: block;
23
+ }
24
+
25
+ .report-header-logo {
26
+ margin-right: 12px;
27
+ }
28
+
29
+ .report-header-labels {
30
+ display: flex;
31
+ }
32
+
33
+ .report-header-label-list {
34
+ display: flex;
35
+ width: 100%;
36
+ column-gap: 8px;
37
+ }
38
+
39
+ .wrapper-header {
40
+ margin-bottom: 2px;
41
+ }
42
+
43
+ .report-header-pie {
44
+ width: 88px;
45
+ }
46
+
47
+ .report-header-pie-chart {
48
+ width: 88px;
49
+ }
package/src/components/ReportMetadata/MetadataItem.tsx ADDED
@@ -0,0 +1,45 @@
1
+ import { Text } from "@allurereport/web-components";
2
+ import { clsx } from "clsx";
3
+ import type { FunctionalComponent } from "preact";
4
+ import * as styles from "./styles.scss";
5
+
6
+ export type MetadataProps = {
7
+ count?: number;
8
+ title?: string;
9
+ type?: string;
10
+ status?: string;
11
+ };
12
+
13
+ export const MetadataValue: FunctionalComponent<MetadataProps> = ({ count }) => {
14
+ return (
15
+ <Text data-testid="metadata-value" type={"ui"} size={"m"} tag={"div"} className={styles["metadata-item-value"]}>
16
+ {count}
17
+ </Text>
18
+ );
19
+ };
20
+
21
+ interface ReportMetadataItemProps {
22
+ className?: string;
23
+ renderComponent?: FunctionalComponent<MetadataProps>;
24
+ props?: MetadataProps;
25
+ }
26
+
27
+ const MetadataItem: FunctionalComponent<ReportMetadataItemProps> = ({
28
+ className,
29
+ renderComponent: RenderComponent = MetadataValue,
30
+ props,
31
+ ...rest
32
+ }) => {
33
+ const { title } = props || {};
34
+
35
+ return (
36
+ <div {...rest} className={clsx("metadata-item", className)}>
37
+ <Text type={"ui"} size={"s"} tag={"div"} className={styles["metadata-item-title"]}>
38
+ {title}
39
+ </Text>
40
+ {RenderComponent ? <RenderComponent {...props} /> : <MetadataValue {...props} />}
41
+ </div>
42
+ );
43
+ };
44
+
45
+ export default MetadataItem;
package/src/components/ReportMetadata/MetadataSummary.tsx ADDED
@@ -0,0 +1,80 @@
1
+ import { type Statistic, capitalize, statusesList } from "@allurereport/core-api";
2
+ import { Loadable } from "@allurereport/web-components";
3
+ import { computed } from "@preact/signals";
4
+ import type { FunctionComponent } from "preact";
5
+ import MetadataItem, { type MetadataProps } from "@/components/ReportMetadata/MetadataItem";
6
+ import { MetadataTestType } from "@/components/ReportMetadata/MetadataTestType";
7
+ import { MetadataWithIcon } from "@/components/ReportMetadata/MetadataWithIcon";
8
+ import * as styles from "@/components/ReportMetadata/styles.scss";
9
+ import { statsStore } from "@/stores";
10
+ import { useI18n } from "@/stores/locale";
11
+
12
+ export const MetadataSummary: FunctionComponent = () => {
13
+ const { t } = useI18n("statuses");
14
+ const { t: testSummary } = useI18n("testSummary");
15
+
16
+ return (
17
+ <Loadable
18
+ source={statsStore}
19
+ renderError={() => null}
20
+ renderData={(stats) => {
21
+ const allTest = computed(() => ({
22
+ title: capitalize(t("total")),
23
+ type: "all",
24
+ count: stats.total,
25
+ }));
26
+ const metaDataTests = ["flaky", "retry"]
27
+ .map((key) => {
28
+ if (!stats[key as keyof Statistic]) {
29
+ return;
30
+ }
31
+ const title = testSummary(key);
32
+ const props = { title, count: stats[key as keyof Statistic] || 0, type: key };
33
+
34
+ return (
35
+ <div key={key}>
36
+ <MetadataItem key={key} props={props} renderComponent={MetadataWithIcon} />
37
+ </div>
38
+ );
39
+ })
40
+ .filter(Boolean);
41
+
42
+ const metadataStatuses = statusesList
43
+ .map((status) => ({ status, value: stats[status] }))
44
+ .filter(({ value }) => value)
45
+ .map(({ status, value }) => {
46
+ const title = capitalize(t(status) ?? status ?? "");
47
+ const props = {
48
+ title,
49
+ count: value,
50
+ status,
51
+ } as MetadataProps;
52
+
53
+ return (
54
+ <MetadataItem
55
+ data-testid={`metadata-item-${status}`}
56
+ key={status}
57
+ props={props}
58
+ renderComponent={MetadataTestType}
59
+ />
60
+ );
61
+ });
62
+
63
+ return (
64
+ <div class={styles["report-metadata-summary"]}>
65
+ <div className={styles["report-metadata-all-tests"]}>
66
+ <MetadataItem
67
+ data-testid="metadata-item-total"
68
+ props={allTest.value}
69
+ renderComponent={MetadataWithIcon}
70
+ />
71
+ {Boolean(metaDataTests.length) && <div className={styles["report-metadata-separator"]} />}
72
+ {metaDataTests}
73
+ </div>
74
+ <div className={styles["report-metadata-status"]}>{metadataStatuses}</div>
75
+ </div>
76
+ );
77
+ }}
78
+ />
79
+ );
80
+ };
package/src/components/ReportMetadata/MetadataTestType.tsx ADDED
@@ -0,0 +1,16 @@
1
+ import { Text } from "@allurereport/web-components";
2
+ import { clsx } from "clsx";
3
+ import type { FunctionComponent } from "preact";
4
+ import type { MetadataProps } from "@/components/ReportMetadata/MetadataItem";
5
+ import * as styles from "@/components/ReportMetadata/styles.scss";
6
+
7
+ export const MetadataTestType: FunctionComponent<MetadataProps> = ({ status, count }) => {
8
+ return (
9
+ <div data-testid="metadata-value" className={styles["metadata-test-type"]}>
10
+ <div className={clsx(styles["metadata-color-badge"], styles?.[`status-${status}`])} />
11
+ <Text type={"ui"} size={"m"} bold>
12
+ {count}
13
+ </Text>
14
+ </div>
15
+ );
16
+ };
package/src/components/ReportMetadata/MetadataWithIcon.tsx ADDED
@@ -0,0 +1,21 @@
1
+ import { SvgIcon, Text, allureIcons } from "@allurereport/web-components";
2
+ import type { FunctionComponent } from "preact";
3
+ import type { MetadataProps } from "@/components/ReportMetadata/MetadataItem";
4
+ import * as styles from "./styles.scss";
5
+
6
+ const icons: Record<string, string> = {
7
+ flaky: allureIcons.lineGeneralZap,
8
+ retry: allureIcons.lineArrowsRefreshCcw1,
9
+ new: allureIcons.lineAlertsNotificationBox,
10
+ };
11
+
12
+ export const MetadataWithIcon: FunctionComponent<MetadataProps> = ({ type, count }) => {
13
+ return (
14
+ <div data-testid="metadata-value" className={styles["metadata-with-icon"]}>
15
+ {type !== "all" && <SvgIcon className={styles["metadata-icon"]} id={icons[type]} size={"s"} />}
16
+ <Text size={"m"} bold>
17
+ {count}
18
+ </Text>
19
+ </div>
20
+ );
21
+ };
package/src/components/ReportMetadata/index.tsx ADDED
@@ -0,0 +1,46 @@
1
+ import type { EnvironmentItem } from "@allurereport/core-api";
2
+ import { Loadable } from "@allurereport/web-components";
3
+ import type { FunctionalComponent } from "preact";
4
+ import { useState } from "preact/hooks";
5
+ import { MetadataList } from "@/components/Metadata";
6
+ import { MetadataButton } from "@/components/MetadataButton";
7
+ import { MetadataSummary } from "@/components/ReportMetadata/MetadataSummary";
8
+ import { envInfoStore } from "@/stores/envInfo";
9
+ import * as styles from "./styles.scss";
10
+
11
+ export interface MetadataItem extends EnvironmentItem {
12
+ value?: string;
13
+ }
14
+
15
+ export type MetadataProps = {
16
+ envInfo?: MetadataItem[];
17
+ size?: "s" | "m";
18
+ groupedLabels?: Record<string, string[]>;
19
+ };
20
+
21
+ const Metadata: FunctionalComponent<MetadataProps> = ({ envInfo }) => {
22
+ const [isOpened, setIsOpen] = useState(true);
23
+ const convertedEnvInfo = envInfo.map((env) => {
24
+ return { ...env, value: env.values.join(", ") };
25
+ });
26
+
27
+ return (
28
+ <div class={styles["report-metadata"]}>
29
+ <MetadataButton isOpened={isOpened} setIsOpen={setIsOpen} title={"Metadata"} counter={envInfo.length} />
30
+ {isOpened && <MetadataList envInfo={convertedEnvInfo} />}
31
+ </div>
32
+ );
33
+ };
34
+
35
+ export const ReportMetadata = () => {
36
+ return (
37
+ <div className={styles["report-metadata-wrapper"]}>
38
+ <MetadataSummary />
39
+ <Loadable
40
+ source={envInfoStore}
41
+ renderError={() => null}
42
+ renderData={(data) => Boolean(data?.length) && <Metadata envInfo={data} />}
43
+ />
44
+ </div>
45
+ );
46
+ };
package/src/components/ReportMetadata/styles.scss ADDED
@@ -0,0 +1,99 @@
1
+ @import "~@allurereport/web-components/mixins.scss";
2
+
3
+ .report-metadata {
4
+ padding-top: 20px;
5
+ padding-bottom: 20px;
6
+ }
7
+
8
+ .report-metadata-wrapper {
9
+ padding: 0 24px;
10
+ align-items: center;
11
+ }
12
+
13
+ .report-metadata-separator {
14
+ border-left: 1px solid var(--on-border-primary);
15
+ height: 24px;
16
+ margin: 11px 0;
17
+ }
18
+
19
+ .report-metadata-status {
20
+ display: flex;
21
+ gap: 24px;
22
+ align-items: center;
23
+ }
24
+
25
+ .report-metadata-summary {
26
+ display: flex;
27
+ justify-content: space-between;
28
+ align-items: baseline;
29
+ padding: 16px 0;
30
+ border-top: 1px solid var(--on-border-primary);
31
+ border-bottom: 1px solid var(--on-border-primary);
32
+ width: 100%;
33
+ }
34
+
35
+ .report-metadata-all-tests {
36
+ display: flex;
37
+ gap: 24px;
38
+ margin-right: 8px;
39
+ }
40
+
41
+ .metadata-item-title {
42
+ color: var(--on-text-secondary);
43
+ margin-bottom: 6px;
44
+ }
45
+
46
+ .metadata-item-value {
47
+ font-weight: bold;
48
+ }
49
+
50
+ .report-metadata {
51
+ border-bottom: 1px solid var(--on-border-primary);
52
+ }
53
+
54
+ .report-metadata-keyvalue {
55
+ display: grid;
56
+ grid-template-columns: 1fr 1fr;
57
+ gap: 8px;
58
+ }
59
+
60
+ .report-metadata-keyvalue-title {
61
+ padding: 8px 0;
62
+ }
63
+
64
+ .report-metadata-keyvalue-value {
65
+ padding: 8px 0;
66
+ }
67
+
68
+ .report-metadata-list {
69
+ display: grid;
70
+ column-gap: 48px;
71
+ grid-template-columns: repeat(2, 1fr);
72
+ grid-template-rows: repeat(5, auto);
73
+ grid-auto-flow: column;
74
+ padding-top: 16px;
75
+ }
76
+
77
+ .metadata-test-type {
78
+ display: flex;
79
+ }
80
+
81
+ .metadata-color-badge {
82
+ width: 4px;
83
+ height: 12px;
84
+ border-radius: 2px;
85
+ background: var(--on-text-secondary);
86
+ margin-right: 8px;
87
+ align-self: center;
88
+ @include status-bg-and-text();
89
+ }
90
+
91
+ .metadata-with-icon {
92
+ display: flex;
93
+ align-items: center;
94
+ }
95
+
96
+ .metadata-icon {
97
+ margin-right: 8px;
98
+ color: var(--on-icon-secondary);
99
+ }
package/src/components/SideBySide/index.tsx ADDED
@@ -0,0 +1,54 @@
1
+ import type { ComponentChild, FunctionalComponent } from "preact";
2
+ import { useEffect, useRef } from "preact/hooks";
3
+ import Split from "split.js";
4
+ import * as styles from "./styles.scss";
5
+
6
+ interface SideBySideProps {
7
+ left: ComponentChild;
8
+ right?: ComponentChild;
9
+ }
10
+
11
+ const SideBySide: FunctionalComponent<SideBySideProps> = ({ left, right }) => {
12
+ const containerRef = useRef<HTMLDivElement>(null);
13
+
14
+ useEffect(() => {
15
+ const sizes = JSON.parse(localStorage.getItem("sideBySidePosition") || "[50, 50]");
16
+
17
+ const splitter = Split([`.${styles["side-left"]}`, `.${styles["side-right"]}`], {
18
+ sizes,
19
+ gutterSize: 7,
20
+ gutter: (): HTMLElement => {
21
+ const gutter = document.createElement("div");
22
+ gutter.className = `${styles.gutter}`;
23
+ gutter.addEventListener("dblclick", () => {
24
+ const currentSizes = splitter.getSizes();
25
+ if (JSON.stringify(currentSizes) === "[50,50]") {
26
+ splitter.setSizes([30, 70]);
27
+ localStorage.setItem("sideBySidePosition", JSON.stringify([30, 70]));
28
+ return;
29
+ }
30
+ splitter.setSizes([50, 50]);
31
+ localStorage.setItem("sideBySidePosition", JSON.stringify([50, 50]));
32
+ });
33
+ return gutter;
34
+ },
35
+ onDragEnd: () => {
36
+ const newSizes = splitter.getSizes();
37
+ localStorage.setItem("sideBySidePosition", JSON.stringify(newSizes));
38
+ },
39
+ });
40
+
41
+ return () => {
42
+ splitter.destroy();
43
+ };
44
+ }, []);
45
+
46
+ return (
47
+ <div class={styles.side} ref={containerRef}>
48
+ <div class={styles["side-left"]}>{left}</div>
49
+ <div class={styles["side-right"]}>{right}</div>
50
+ </div>
51
+ );
52
+ };
53
+
54
+ export default SideBySide;
package/src/components/SideBySide/styles.scss ADDED
@@ -0,0 +1,59 @@
1
+ @import "../../variables.scss";
2
+
3
+ .side {
4
+ height: 100%;
5
+ width: 100%;
6
+ padding: 0;
7
+ margin: 0;
8
+ overflow: hidden;
9
+ display: flex;
10
+ }
11
+
12
+ .side-left {
13
+ overflow: auto;
14
+ flex: 0 0 auto;
15
+ }
16
+
17
+ .side-right {
18
+ overflow: auto;
19
+ flex: 1 1 auto;
20
+ }
21
+
22
+ [dir="ltr"] {
23
+ .side {
24
+ direction: ltr;
25
+ flex-direction: row;
26
+ }
27
+ }
28
+
29
+ [dir="rtl"] {
30
+ .side {
31
+ direction: ltr;
32
+ flex-direction: row-reverse;
33
+ }
34
+
35
+ .side-left {
36
+ direction: rtl;
37
+ }
38
+
39
+ .side-right {
40
+ direction: rtl;
41
+ }
42
+ }
43
+
44
+ .tree-ctrl {
45
+ overflow: hidden;
46
+ }
47
+
48
+ .gutter {
49
+ background: var(--bg-base-secondary) no-repeat 50%;
50
+ min-height: 100vh;
51
+ }
52
+
53
+ .gutter:hover {
54
+ cursor: ew-resize;
55
+ }
56
+
57
+ .gutter-horizontal {
58
+ //background-image: url("vertical.png");
59
+ }