creevey 0.9.0-non-webpack.2.fix-capture-element → 0.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (535) hide show
  1. package/.yarnrc.yml +1 -0
  2. package/CHANGELOG.md +51 -0
  3. package/README.md +4 -3
  4. package/dist/cli.d.ts +2 -0
  5. package/dist/cli.js +5 -0
  6. package/dist/cli.js.map +1 -0
  7. package/dist/client/addon/components/Addon.d.ts +8 -0
  8. package/dist/client/addon/components/Addon.js +57 -0
  9. package/dist/client/addon/components/Addon.js.map +1 -0
  10. package/{lib/types → dist}/client/addon/components/Icons.d.ts +7 -7
  11. package/dist/client/addon/components/Icons.js +18 -0
  12. package/dist/client/addon/components/Icons.js.map +1 -0
  13. package/{lib/types → dist}/client/addon/components/Panel.d.ts +9 -9
  14. package/dist/client/addon/components/Panel.js +35 -0
  15. package/dist/client/addon/components/Panel.js.map +1 -0
  16. package/{lib/types → dist}/client/addon/components/TestSelect.d.ts +8 -8
  17. package/dist/client/addon/components/TestSelect.js +33 -0
  18. package/dist/client/addon/components/TestSelect.js.map +1 -0
  19. package/dist/client/addon/components/Tools.d.ts +6 -0
  20. package/dist/client/addon/components/Tools.js +89 -0
  21. package/dist/client/addon/components/Tools.js.map +1 -0
  22. package/{lib/types/client/addon/Manager.d.ts → dist/client/addon/controller.d.ts} +38 -37
  23. package/dist/client/addon/controller.js +208 -0
  24. package/dist/client/addon/controller.js.map +1 -0
  25. package/dist/client/addon/decorator.d.ts +1 -0
  26. package/dist/client/addon/decorator.js +6 -0
  27. package/dist/client/addon/decorator.js.map +1 -0
  28. package/dist/client/addon/index.d.ts +2 -0
  29. package/dist/client/addon/index.js +19 -0
  30. package/dist/client/addon/index.js.map +1 -0
  31. package/dist/client/addon/manager.d.ts +1 -0
  32. package/dist/client/addon/manager.js +41 -0
  33. package/dist/client/addon/manager.js.map +1 -0
  34. package/dist/client/addon/preset.d.ts +2 -0
  35. package/dist/client/addon/preset.js +6 -0
  36. package/dist/client/addon/preset.js.map +1 -0
  37. package/dist/client/addon/preview.d.ts +4 -0
  38. package/dist/client/addon/preview.js +8 -0
  39. package/dist/client/addon/preview.js.map +1 -0
  40. package/{lib/types → dist}/client/addon/readyForCapture.d.ts +6 -6
  41. package/dist/client/addon/readyForCapture.js +7 -0
  42. package/dist/client/addon/readyForCapture.js.map +1 -0
  43. package/{lib/types → dist}/client/addon/utils.d.ts +3 -2
  44. package/dist/client/addon/utils.js +27 -0
  45. package/dist/client/addon/utils.js.map +1 -0
  46. package/{lib/types → dist}/client/addon/withCreevey.d.ts +25 -24
  47. package/dist/client/addon/withCreevey.js +286 -0
  48. package/dist/client/addon/withCreevey.js.map +1 -0
  49. package/dist/client/shared/components/ImagesView/BlendView.d.ts +5 -0
  50. package/dist/client/shared/components/ImagesView/BlendView.js +74 -0
  51. package/dist/client/shared/components/ImagesView/BlendView.js.map +1 -0
  52. package/dist/client/shared/components/ImagesView/ImagesView.d.ts +9 -0
  53. package/dist/client/shared/components/ImagesView/ImagesView.js +46 -0
  54. package/dist/client/shared/components/ImagesView/ImagesView.js.map +1 -0
  55. package/dist/client/shared/components/ImagesView/SideBySideView.d.ts +5 -0
  56. package/dist/client/shared/components/ImagesView/SideBySideView.js +121 -0
  57. package/dist/client/shared/components/ImagesView/SideBySideView.js.map +1 -0
  58. package/dist/client/shared/components/ImagesView/SlideView.d.ts +5 -0
  59. package/dist/client/shared/components/ImagesView/SlideView.js +136 -0
  60. package/dist/client/shared/components/ImagesView/SlideView.js.map +1 -0
  61. package/dist/client/shared/components/ImagesView/SwapView.d.ts +5 -0
  62. package/dist/client/shared/components/ImagesView/SwapView.js +72 -0
  63. package/dist/client/shared/components/ImagesView/SwapView.js.map +1 -0
  64. package/{lib/types/client/shared/components/ImagesView/ImagesView.d.ts → dist/client/shared/components/ImagesView/common.d.ts} +15 -24
  65. package/dist/client/shared/components/ImagesView/common.js +14 -0
  66. package/dist/client/shared/components/ImagesView/common.js.map +1 -0
  67. package/dist/client/shared/components/ImagesView/index.d.ts +5 -0
  68. package/dist/client/shared/components/ImagesView/index.js +14 -0
  69. package/dist/client/shared/components/ImagesView/index.js.map +1 -0
  70. package/dist/client/shared/components/PageFooter/PageFooter.d.ts +6 -0
  71. package/dist/client/shared/components/PageFooter/PageFooter.js +20 -0
  72. package/dist/client/shared/components/PageFooter/PageFooter.js.map +1 -0
  73. package/{lib/types → dist}/client/shared/components/PageFooter/Paging.d.ts +7 -7
  74. package/dist/client/shared/components/PageFooter/Paging.js +51 -0
  75. package/dist/client/shared/components/PageFooter/Paging.js.map +1 -0
  76. package/{lib/types → dist}/client/shared/components/PageHeader/ImagePreview.d.ts +14 -12
  77. package/dist/client/shared/components/PageHeader/ImagePreview.js +61 -0
  78. package/dist/client/shared/components/PageHeader/ImagePreview.js.map +1 -0
  79. package/{lib/types → dist}/client/shared/components/PageHeader/PageHeader.d.ts +14 -16
  80. package/dist/client/shared/components/PageHeader/PageHeader.js +93 -0
  81. package/dist/client/shared/components/PageHeader/PageHeader.js.map +1 -0
  82. package/dist/client/shared/components/ResultsPage.d.ts +20 -0
  83. package/dist/client/shared/components/ResultsPage.js +87 -0
  84. package/dist/client/shared/components/ResultsPage.js.map +1 -0
  85. package/{lib/types → dist}/client/shared/creeveyClientApi.d.ts +10 -9
  86. package/dist/client/shared/creeveyClientApi.js +56 -0
  87. package/dist/client/shared/creeveyClientApi.js.map +1 -0
  88. package/{lib/types → dist}/client/shared/helpers.d.ts +47 -46
  89. package/dist/client/shared/helpers.js +396 -0
  90. package/dist/client/shared/helpers.js.map +1 -0
  91. package/{lib/types → dist}/client/shared/viewMode.d.ts +4 -4
  92. package/dist/client/shared/viewMode.js +11 -0
  93. package/dist/client/shared/viewMode.js.map +1 -0
  94. package/dist/client/web/202.js +1 -0
  95. package/dist/client/web/270.js +43 -0
  96. package/dist/client/web/752.js +1 -0
  97. package/{lib/types → dist}/client/web/CreeveyApp.d.ts +11 -11
  98. package/dist/client/web/CreeveyApp.js +167 -0
  99. package/dist/client/web/CreeveyApp.js.map +1 -0
  100. package/{lib/types → dist}/client/web/CreeveyContext.d.ts +14 -11
  101. package/dist/client/web/CreeveyContext.js +41 -0
  102. package/dist/client/web/CreeveyContext.js.map +1 -0
  103. package/dist/client/web/CreeveyLoader.d.ts +3 -0
  104. package/dist/client/web/CreeveyLoader.js +52 -0
  105. package/dist/client/web/CreeveyLoader.js.map +1 -0
  106. package/{lib/types → dist}/client/web/CreeveyView/SideBar/Checkbox.d.ts +22 -19
  107. package/dist/client/web/CreeveyView/SideBar/Checkbox.js +86 -0
  108. package/dist/client/web/CreeveyView/SideBar/Checkbox.js.map +1 -0
  109. package/{lib/types → dist}/client/web/CreeveyView/SideBar/Search.d.ts +6 -6
  110. package/dist/client/web/CreeveyView/SideBar/Search.js +125 -0
  111. package/dist/client/web/CreeveyView/SideBar/Search.js.map +1 -0
  112. package/{lib/types → dist}/client/web/CreeveyView/SideBar/SideBar.d.ts +14 -14
  113. package/dist/client/web/CreeveyView/SideBar/SideBar.js +111 -0
  114. package/dist/client/web/CreeveyView/SideBar/SideBar.js.map +1 -0
  115. package/dist/client/web/CreeveyView/SideBar/SideBarFooter.d.ts +1 -0
  116. package/dist/client/web/CreeveyView/SideBar/SideBarFooter.js +32 -0
  117. package/dist/client/web/CreeveyView/SideBar/SideBarFooter.js.map +1 -0
  118. package/{lib/types → dist}/client/web/CreeveyView/SideBar/SideBarHeader.d.ts +12 -12
  119. package/dist/client/web/CreeveyView/SideBar/SideBarHeader.js +113 -0
  120. package/dist/client/web/CreeveyView/SideBar/SideBarHeader.js.map +1 -0
  121. package/dist/client/web/CreeveyView/SideBar/SuiteLink.d.ts +43 -0
  122. package/dist/client/web/CreeveyView/SideBar/SuiteLink.js +123 -0
  123. package/dist/client/web/CreeveyView/SideBar/SuiteLink.js.map +1 -0
  124. package/{lib/types → dist}/client/web/CreeveyView/SideBar/TestLink.d.ts +7 -7
  125. package/dist/client/web/CreeveyView/SideBar/TestLink.js +64 -0
  126. package/dist/client/web/CreeveyView/SideBar/TestLink.js.map +1 -0
  127. package/{lib/types → dist}/client/web/CreeveyView/SideBar/TestStatusIcon.d.ts +12 -10
  128. package/dist/client/web/CreeveyView/SideBar/TestStatusIcon.js +59 -0
  129. package/dist/client/web/CreeveyView/SideBar/TestStatusIcon.js.map +1 -0
  130. package/dist/client/web/CreeveyView/SideBar/TestsStatus.d.ts +11 -0
  131. package/dist/client/web/CreeveyView/SideBar/TestsStatus.js +76 -0
  132. package/dist/client/web/CreeveyView/SideBar/TestsStatus.js.map +1 -0
  133. package/{lib/types → dist}/client/web/CreeveyView/SideBar/Toggle.d.ts +6 -6
  134. package/dist/client/web/CreeveyView/SideBar/Toggle.js +69 -0
  135. package/dist/client/web/CreeveyView/SideBar/Toggle.js.map +1 -0
  136. package/dist/client/web/CreeveyView/SideBar/index.d.ts +1 -0
  137. package/dist/client/web/CreeveyView/SideBar/index.js +6 -0
  138. package/dist/client/web/CreeveyView/SideBar/index.js.map +1 -0
  139. package/{lib/types → dist}/client/web/KeyboardEventsContext.d.ts +15 -13
  140. package/dist/client/web/KeyboardEventsContext.js +116 -0
  141. package/dist/client/web/KeyboardEventsContext.js.map +1 -0
  142. package/{lib/types → dist}/client/web/index.d.ts +4 -4
  143. package/{lib/cjs → dist}/client/web/index.html +12 -3
  144. package/dist/client/web/index.js +75 -0
  145. package/dist/client/web/index.js.map +1 -0
  146. package/dist/client/web/main.js +79 -0
  147. package/{lib/cjs → dist}/client/web/main.js.LICENSE.txt +0 -15
  148. package/{lib/types → dist}/creevey.d.ts +1 -1
  149. package/dist/creevey.js +52 -0
  150. package/dist/creevey.js.map +1 -0
  151. package/dist/index.d.ts +5 -0
  152. package/dist/index.js +24 -0
  153. package/dist/index.js.map +1 -0
  154. package/{lib/types → dist}/server/config.d.ts +4 -4
  155. package/dist/server/config.js +86 -0
  156. package/dist/server/config.js.map +1 -0
  157. package/{lib/types → dist}/server/docker.d.ts +7 -7
  158. package/dist/server/docker.js +122 -0
  159. package/dist/server/docker.js.map +1 -0
  160. package/{lib/types → dist}/server/index.d.ts +2 -2
  161. package/dist/server/index.js +47 -0
  162. package/dist/server/index.js.map +1 -0
  163. package/{lib/types → dist}/server/logger.d.ts +10 -10
  164. package/dist/server/logger.js +25 -0
  165. package/dist/server/logger.js.map +1 -0
  166. package/{lib/types → dist}/server/master/api.d.ts +7 -7
  167. package/dist/server/master/api.js +54 -0
  168. package/dist/server/master/api.js.map +1 -0
  169. package/dist/server/master/index.d.ts +3 -0
  170. package/dist/server/master/index.js +110 -0
  171. package/dist/server/master/index.js.map +1 -0
  172. package/{lib/types → dist}/server/master/master.d.ts +7 -7
  173. package/dist/server/master/master.js +40 -0
  174. package/dist/server/master/master.js.map +1 -0
  175. package/{lib/types → dist}/server/master/pool.d.ts +30 -31
  176. package/dist/server/master/pool.js +186 -0
  177. package/dist/server/master/pool.js.map +1 -0
  178. package/{lib/types → dist}/server/master/runner.d.ts +23 -26
  179. package/dist/server/master/runner.js +222 -0
  180. package/dist/server/master/runner.js.map +1 -0
  181. package/dist/server/master/server.d.ts +2 -0
  182. package/dist/server/master/server.js +114 -0
  183. package/dist/server/master/server.js.map +1 -0
  184. package/{lib/types → dist}/server/messages.d.ts +26 -27
  185. package/dist/server/messages.js +222 -0
  186. package/dist/server/messages.js.map +1 -0
  187. package/{lib/types → dist}/server/selenium/browser.d.ts +19 -17
  188. package/dist/server/selenium/browser.js +640 -0
  189. package/dist/server/selenium/browser.js.map +1 -0
  190. package/dist/server/selenium/index.d.ts +2 -0
  191. package/dist/server/selenium/index.js +19 -0
  192. package/dist/server/selenium/index.js.map +1 -0
  193. package/{lib/types → dist}/server/selenium/selenoid.d.ts +3 -3
  194. package/dist/server/selenium/selenoid.js +120 -0
  195. package/dist/server/selenium/selenoid.js.map +1 -0
  196. package/dist/server/stories.d.ts +3 -0
  197. package/dist/server/stories.js +92 -0
  198. package/dist/server/stories.js.map +1 -0
  199. package/dist/server/storybook/providers/browser.d.ts +2 -0
  200. package/dist/server/storybook/providers/browser.js +60 -0
  201. package/dist/server/storybook/providers/browser.js.map +1 -0
  202. package/dist/server/storybook/providers/hybrid.d.ts +2 -0
  203. package/dist/server/storybook/providers/hybrid.js +59 -0
  204. package/dist/server/storybook/providers/hybrid.js.map +1 -0
  205. package/dist/server/telemetry.d.ts +2 -0
  206. package/dist/server/telemetry.js +196 -0
  207. package/dist/server/telemetry.js.map +1 -0
  208. package/{lib/types → dist}/server/testsFiles/parser.d.ts +8 -12
  209. package/dist/server/testsFiles/parser.js +50 -0
  210. package/dist/server/testsFiles/parser.js.map +1 -0
  211. package/dist/server/update.d.ts +2 -0
  212. package/dist/server/update.js +53 -0
  213. package/dist/server/update.js.map +1 -0
  214. package/dist/server/utils.d.ts +25 -0
  215. package/dist/server/utils.js +157 -0
  216. package/dist/server/utils.js.map +1 -0
  217. package/{lib/types → dist}/server/worker/chai-image.d.ts +5 -6
  218. package/dist/server/worker/chai-image.js +113 -0
  219. package/dist/server/worker/chai-image.js.map +1 -0
  220. package/{lib/types → dist}/server/worker/helpers.d.ts +8 -8
  221. package/dist/server/worker/helpers.js +57 -0
  222. package/dist/server/worker/helpers.js.map +1 -0
  223. package/dist/server/worker/index.d.ts +1 -0
  224. package/dist/server/worker/index.js +6 -0
  225. package/dist/server/worker/index.js.map +1 -0
  226. package/{lib/types → dist}/server/worker/reporter.d.ts +8 -8
  227. package/dist/server/worker/reporter.js +130 -0
  228. package/dist/server/worker/reporter.js.map +1 -0
  229. package/dist/server/worker/worker.d.ts +4 -0
  230. package/dist/server/worker/worker.js +212 -0
  231. package/dist/server/worker/worker.js.map +1 -0
  232. package/{lib/types → dist}/shared/index.d.ts +7 -7
  233. package/dist/shared/index.js +77 -0
  234. package/dist/shared/index.js.map +1 -0
  235. package/{lib/types → dist}/shared/serializeRegExp.d.ts +9 -9
  236. package/dist/shared/serializeRegExp.js +25 -0
  237. package/dist/shared/serializeRegExp.js.map +1 -0
  238. package/{lib/types → dist}/types.d.ts +461 -490
  239. package/dist/types.js +61 -0
  240. package/dist/types.js.map +1 -0
  241. package/docs/config.md +30 -30
  242. package/docs/tests.md +3 -3
  243. package/manager/package.json +3 -0
  244. package/package.json +116 -156
  245. package/preset/README.md +3 -0
  246. package/preset/package.json +3 -0
  247. package/preview/README.md +3 -0
  248. package/preview/package.json +3 -0
  249. package/src/cli.ts +3 -0
  250. package/src/client/addon/components/Addon.tsx +53 -0
  251. package/src/client/addon/components/Icons.tsx +28 -0
  252. package/src/client/addon/components/Panel.tsx +57 -0
  253. package/src/client/addon/components/TestSelect.tsx +48 -0
  254. package/src/client/addon/components/Tools.tsx +93 -0
  255. package/src/client/addon/controller.ts +224 -0
  256. package/src/client/addon/decorator.ts +3 -0
  257. package/src/client/addon/index.ts +2 -0
  258. package/src/client/addon/manager.ts +44 -0
  259. package/src/client/addon/preset.ts +3 -0
  260. package/src/client/addon/preview.ts +7 -0
  261. package/src/client/addon/readyForCapture.ts +9 -0
  262. package/src/client/addon/utils.tsx +24 -0
  263. package/src/client/addon/withCreevey.ts +326 -0
  264. package/src/client/shared/components/ImagesView/BlendView.tsx +71 -0
  265. package/src/client/shared/components/ImagesView/ImagesView.tsx +70 -0
  266. package/src/client/shared/components/ImagesView/SideBySideView.tsx +139 -0
  267. package/src/client/shared/components/ImagesView/SlideView.tsx +146 -0
  268. package/src/client/shared/components/ImagesView/SwapView.tsx +81 -0
  269. package/src/client/shared/components/ImagesView/common.ts +23 -0
  270. package/src/client/shared/components/ImagesView/index.ts +5 -0
  271. package/src/client/shared/components/PageFooter/PageFooter.tsx +26 -0
  272. package/src/client/shared/components/PageFooter/Paging.tsx +90 -0
  273. package/src/client/shared/components/PageHeader/ImagePreview.tsx +82 -0
  274. package/src/client/shared/components/PageHeader/PageHeader.tsx +129 -0
  275. package/src/client/shared/components/ResultsPage.tsx +122 -0
  276. package/src/client/shared/creeveyClientApi.ts +68 -0
  277. package/src/client/shared/helpers.ts +436 -0
  278. package/src/client/shared/viewMode.ts +10 -0
  279. package/src/client/web/CreeveyApp.tsx +230 -0
  280. package/src/client/web/CreeveyContext.tsx +26 -0
  281. package/src/client/web/CreeveyLoader.tsx +56 -0
  282. package/src/client/web/CreeveyView/SideBar/Checkbox.tsx +118 -0
  283. package/src/client/web/CreeveyView/SideBar/Search.tsx +140 -0
  284. package/src/client/web/CreeveyView/SideBar/SideBar.tsx +136 -0
  285. package/src/client/web/CreeveyView/SideBar/SideBarFooter.tsx +38 -0
  286. package/src/client/web/CreeveyView/SideBar/SideBarHeader.tsx +138 -0
  287. package/src/client/web/CreeveyView/SideBar/SuiteLink.tsx +137 -0
  288. package/src/client/web/CreeveyView/SideBar/TestLink.tsx +69 -0
  289. package/src/client/web/CreeveyView/SideBar/TestStatusIcon.tsx +64 -0
  290. package/src/client/web/CreeveyView/SideBar/TestsStatus.tsx +109 -0
  291. package/src/client/web/CreeveyView/SideBar/Toggle.tsx +85 -0
  292. package/src/client/web/CreeveyView/SideBar/index.ts +1 -0
  293. package/src/client/web/KeyboardEventsContext.tsx +121 -0
  294. package/src/client/web/index.html +28 -0
  295. package/src/client/web/index.tsx +63 -0
  296. package/src/creevey.ts +47 -0
  297. package/src/index.ts +4 -0
  298. package/src/server/config.ts +83 -0
  299. package/src/server/docker.ts +136 -0
  300. package/src/server/index.ts +51 -0
  301. package/{lib/esm/server/logger.js → src/server/logger.ts} +8 -7
  302. package/src/server/master/api.ts +59 -0
  303. package/src/server/master/index.ts +111 -0
  304. package/src/server/master/master.ts +47 -0
  305. package/src/server/master/pool.ts +203 -0
  306. package/src/server/master/runner.ts +245 -0
  307. package/src/server/master/server.ts +124 -0
  308. package/src/server/messages.ts +273 -0
  309. package/src/server/selenium/browser.ts +840 -0
  310. package/src/server/selenium/index.ts +2 -0
  311. package/src/server/selenium/selenoid.ts +154 -0
  312. package/src/server/stories.ts +133 -0
  313. package/src/server/storybook/providers/browser.ts +58 -0
  314. package/src/server/storybook/providers/hybrid.ts +70 -0
  315. package/src/server/telemetry.ts +212 -0
  316. package/src/server/testsFiles/parser.ts +62 -0
  317. package/src/server/update.ts +74 -0
  318. package/src/server/utils.ts +206 -0
  319. package/src/server/worker/chai-image.ts +147 -0
  320. package/src/server/worker/helpers.ts +61 -0
  321. package/src/server/worker/index.ts +1 -0
  322. package/src/server/worker/reporter.ts +170 -0
  323. package/src/server/worker/worker.ts +240 -0
  324. package/src/shared/index.ts +76 -0
  325. package/src/shared/serializeRegExp.ts +26 -0
  326. package/src/types.ts +501 -0
  327. package/types/chai.d.ts +0 -1
  328. package/types/global.d.ts +5 -0
  329. package/types/mocha.d.ts +1 -1
  330. package/addon/package.json +0 -4
  331. package/jest.config.js +0 -6
  332. package/lib/cjs/cli.js +0 -5
  333. package/lib/cjs/client/addon/Manager.js +0 -264
  334. package/lib/cjs/client/addon/components/Addon.js +0 -55
  335. package/lib/cjs/client/addon/components/Icons.js +0 -46
  336. package/lib/cjs/client/addon/components/Panel.js +0 -72
  337. package/lib/cjs/client/addon/components/TestSelect.js +0 -65
  338. package/lib/cjs/client/addon/components/Tools.js +0 -95
  339. package/lib/cjs/client/addon/decorator.js +0 -11
  340. package/lib/cjs/client/addon/index.js +0 -31
  341. package/lib/cjs/client/addon/preset.js +0 -62
  342. package/lib/cjs/client/addon/readyForCapture.js +0 -12
  343. package/lib/cjs/client/addon/register.js +0 -72
  344. package/lib/cjs/client/addon/utils.js +0 -38
  345. package/lib/cjs/client/addon/withCreevey.js +0 -346
  346. package/lib/cjs/client/shared/components/ImagesView/BlendView.js +0 -87
  347. package/lib/cjs/client/shared/components/ImagesView/ImagesView.js +0 -92
  348. package/lib/cjs/client/shared/components/ImagesView/SideBySideView.js +0 -154
  349. package/lib/cjs/client/shared/components/ImagesView/SlideView.js +0 -166
  350. package/lib/cjs/client/shared/components/ImagesView/SwapView.js +0 -91
  351. package/lib/cjs/client/shared/components/ImagesView/index.js +0 -45
  352. package/lib/cjs/client/shared/components/PageFooter/PageFooter.js +0 -50
  353. package/lib/cjs/client/shared/components/PageFooter/Paging.js +0 -94
  354. package/lib/cjs/client/shared/components/PageHeader/ImagePreview.js +0 -82
  355. package/lib/cjs/client/shared/components/PageHeader/PageHeader.js +0 -119
  356. package/lib/cjs/client/shared/components/ResultsPage.js +0 -143
  357. package/lib/cjs/client/shared/creeveyClientApi.js +0 -76
  358. package/lib/cjs/client/shared/helpers.js +0 -411
  359. package/lib/cjs/client/shared/viewMode.js +0 -17
  360. package/lib/cjs/client/web/142.js +0 -2
  361. package/lib/cjs/client/web/142.js.LICENSE.txt +0 -12
  362. package/lib/cjs/client/web/32.js +0 -1
  363. package/lib/cjs/client/web/551.js +0 -1
  364. package/lib/cjs/client/web/566.js +0 -2
  365. package/lib/cjs/client/web/566.js.LICENSE.txt +0 -31
  366. package/lib/cjs/client/web/691.js +0 -2
  367. package/lib/cjs/client/web/691.js.LICENSE.txt +0 -8
  368. package/lib/cjs/client/web/725.js +0 -1
  369. package/lib/cjs/client/web/main.js +0 -2
  370. package/lib/cjs/creevey.js +0 -69
  371. package/lib/cjs/index.js +0 -62
  372. package/lib/cjs/server/config.js +0 -96
  373. package/lib/cjs/server/docker.js +0 -146
  374. package/lib/cjs/server/extract.js +0 -50
  375. package/lib/cjs/server/index.js +0 -83
  376. package/lib/cjs/server/loaders/babel/creevey-plugin.js +0 -86
  377. package/lib/cjs/server/loaders/babel/helpers.js +0 -469
  378. package/lib/cjs/server/loaders/babel/register.js +0 -124
  379. package/lib/cjs/server/loaders/hooks/mdx.js +0 -30
  380. package/lib/cjs/server/loaders/hooks/svelte.js +0 -65
  381. package/lib/cjs/server/loaders/webpack/compile.js +0 -293
  382. package/lib/cjs/server/loaders/webpack/creevey-loader.js +0 -179
  383. package/lib/cjs/server/loaders/webpack/dummy-hmr.js +0 -39
  384. package/lib/cjs/server/loaders/webpack/mdx-loader.js +0 -72
  385. package/lib/cjs/server/loaders/webpack/start.js +0 -41
  386. package/lib/cjs/server/logger.js +0 -48
  387. package/lib/cjs/server/master/api.js +0 -75
  388. package/lib/cjs/server/master/index.js +0 -146
  389. package/lib/cjs/server/master/master.js +0 -57
  390. package/lib/cjs/server/master/pool.js +0 -197
  391. package/lib/cjs/server/master/runner.js +0 -281
  392. package/lib/cjs/server/master/server.js +0 -129
  393. package/lib/cjs/server/messages.js +0 -264
  394. package/lib/cjs/server/selenium/browser.js +0 -672
  395. package/lib/cjs/server/selenium/index.js +0 -31
  396. package/lib/cjs/server/selenium/selenoid.js +0 -172
  397. package/lib/cjs/server/stories.js +0 -159
  398. package/lib/cjs/server/storybook/entry.js +0 -70
  399. package/lib/cjs/server/storybook/helpers.js +0 -159
  400. package/lib/cjs/server/storybook/providers/browser.js +0 -74
  401. package/lib/cjs/server/storybook/providers/hybrid.js +0 -84
  402. package/lib/cjs/server/storybook/providers/nodejs.js +0 -239
  403. package/lib/cjs/server/testsFiles/parser.js +0 -72
  404. package/lib/cjs/server/testsFiles/register.js +0 -48
  405. package/lib/cjs/server/update.js +0 -79
  406. package/lib/cjs/server/utils.js +0 -183
  407. package/lib/cjs/server/worker/chai-image.js +0 -142
  408. package/lib/cjs/server/worker/helpers.js +0 -69
  409. package/lib/cjs/server/worker/index.js +0 -15
  410. package/lib/cjs/server/worker/reporter.js +0 -108
  411. package/lib/cjs/server/worker/worker.js +0 -268
  412. package/lib/cjs/shared/index.js +0 -101
  413. package/lib/cjs/shared/serializeRegExp.js +0 -42
  414. package/lib/cjs/types.js +0 -74
  415. package/lib/esm/cli.js +0 -4
  416. package/lib/esm/client/addon/Manager.js +0 -248
  417. package/lib/esm/client/addon/components/Addon.js +0 -39
  418. package/lib/esm/client/addon/components/Icons.js +0 -31
  419. package/lib/esm/client/addon/components/Panel.js +0 -53
  420. package/lib/esm/client/addon/components/TestSelect.js +0 -51
  421. package/lib/esm/client/addon/components/Tools.js +0 -74
  422. package/lib/esm/client/addon/decorator.js +0 -2
  423. package/lib/esm/client/addon/index.js +0 -2
  424. package/lib/esm/client/addon/preset.js +0 -41
  425. package/lib/esm/client/addon/readyForCapture.js +0 -5
  426. package/lib/esm/client/addon/register.js +0 -51
  427. package/lib/esm/client/addon/utils.js +0 -31
  428. package/lib/esm/client/addon/withCreevey.js +0 -322
  429. package/lib/esm/client/shared/components/ImagesView/BlendView.js +0 -67
  430. package/lib/esm/client/shared/components/ImagesView/ImagesView.js +0 -69
  431. package/lib/esm/client/shared/components/ImagesView/SideBySideView.js +0 -131
  432. package/lib/esm/client/shared/components/ImagesView/SlideView.js +0 -143
  433. package/lib/esm/client/shared/components/ImagesView/SwapView.js +0 -71
  434. package/lib/esm/client/shared/components/ImagesView/index.js +0 -5
  435. package/lib/esm/client/shared/components/PageFooter/PageFooter.js +0 -36
  436. package/lib/esm/client/shared/components/PageFooter/Paging.js +0 -80
  437. package/lib/esm/client/shared/components/PageHeader/ImagePreview.js +0 -68
  438. package/lib/esm/client/shared/components/PageHeader/PageHeader.js +0 -97
  439. package/lib/esm/client/shared/components/ResultsPage.js +0 -115
  440. package/lib/esm/client/shared/creeveyClientApi.js +0 -67
  441. package/lib/esm/client/shared/helpers.js +0 -353
  442. package/lib/esm/client/shared/viewMode.js +0 -6
  443. package/lib/esm/creevey.js +0 -54
  444. package/lib/esm/index.js +0 -5
  445. package/lib/esm/server/config.js +0 -73
  446. package/lib/esm/server/docker.js +0 -123
  447. package/lib/esm/server/extract.js +0 -34
  448. package/lib/esm/server/index.js +0 -64
  449. package/lib/esm/server/loaders/babel/creevey-plugin.js +0 -72
  450. package/lib/esm/server/loaders/babel/helpers.js +0 -452
  451. package/lib/esm/server/loaders/babel/register.js +0 -103
  452. package/lib/esm/server/loaders/hooks/mdx.js +0 -15
  453. package/lib/esm/server/loaders/hooks/svelte.js +0 -49
  454. package/lib/esm/server/loaders/webpack/compile.js +0 -270
  455. package/lib/esm/server/loaders/webpack/creevey-loader.js +0 -158
  456. package/lib/esm/server/loaders/webpack/dummy-hmr.js +0 -32
  457. package/lib/esm/server/loaders/webpack/mdx-loader.js +0 -58
  458. package/lib/esm/server/loaders/webpack/start.js +0 -27
  459. package/lib/esm/server/master/api.js +0 -64
  460. package/lib/esm/server/master/index.js +0 -125
  461. package/lib/esm/server/master/master.js +0 -38
  462. package/lib/esm/server/master/pool.js +0 -176
  463. package/lib/esm/server/master/runner.js +0 -259
  464. package/lib/esm/server/master/server.js +0 -105
  465. package/lib/esm/server/messages.js +0 -232
  466. package/lib/esm/server/selenium/browser.js +0 -639
  467. package/lib/esm/server/selenium/index.js +0 -2
  468. package/lib/esm/server/selenium/selenoid.js +0 -149
  469. package/lib/esm/server/stories.js +0 -140
  470. package/lib/esm/server/storybook/entry.js +0 -46
  471. package/lib/esm/server/storybook/helpers.js +0 -98
  472. package/lib/esm/server/storybook/providers/browser.js +0 -60
  473. package/lib/esm/server/storybook/providers/hybrid.js +0 -64
  474. package/lib/esm/server/storybook/providers/nodejs.js +0 -217
  475. package/lib/esm/server/testsFiles/parser.js +0 -50
  476. package/lib/esm/server/testsFiles/register.js +0 -35
  477. package/lib/esm/server/update.js +0 -61
  478. package/lib/esm/server/utils.js +0 -142
  479. package/lib/esm/server/worker/chai-image.js +0 -130
  480. package/lib/esm/server/worker/helpers.js +0 -60
  481. package/lib/esm/server/worker/index.js +0 -1
  482. package/lib/esm/server/worker/reporter.js +0 -86
  483. package/lib/esm/server/worker/worker.js +0 -238
  484. package/lib/esm/shared/index.js +0 -78
  485. package/lib/esm/shared/serializeRegExp.js +0 -24
  486. package/lib/esm/types.js +0 -43
  487. package/lib/types/cli.d.ts +0 -1
  488. package/lib/types/client/addon/components/Addon.d.ts +0 -8
  489. package/lib/types/client/addon/components/Tools.d.ts +0 -6
  490. package/lib/types/client/addon/decorator.d.ts +0 -1
  491. package/lib/types/client/addon/index.d.ts +0 -2
  492. package/lib/types/client/addon/preset.d.ts +0 -23
  493. package/lib/types/client/addon/register.d.ts +0 -3
  494. package/lib/types/client/shared/components/ImagesView/BlendView.d.ts +0 -3
  495. package/lib/types/client/shared/components/ImagesView/SideBySideView.d.ts +0 -3
  496. package/lib/types/client/shared/components/ImagesView/SlideView.d.ts +0 -3
  497. package/lib/types/client/shared/components/ImagesView/SwapView.d.ts +0 -3
  498. package/lib/types/client/shared/components/ImagesView/index.d.ts +0 -5
  499. package/lib/types/client/shared/components/PageFooter/PageFooter.d.ts +0 -8
  500. package/lib/types/client/shared/components/ResultsPage.d.ts +0 -18
  501. package/lib/types/client/web/CreeveyLoader.d.ts +0 -2
  502. package/lib/types/client/web/CreeveyView/SideBar/SuiteLink.d.ts +0 -33
  503. package/lib/types/client/web/CreeveyView/SideBar/TestsStatus.d.ts +0 -9
  504. package/lib/types/client/web/CreeveyView/SideBar/index.d.ts +0 -1
  505. package/lib/types/index.d.ts +0 -2
  506. package/lib/types/server/extract.d.ts +0 -2
  507. package/lib/types/server/loaders/babel/creevey-plugin.d.ts +0 -1
  508. package/lib/types/server/loaders/babel/helpers.d.ts +0 -19
  509. package/lib/types/server/loaders/babel/register.d.ts +0 -5
  510. package/lib/types/server/loaders/hooks/mdx.d.ts +0 -1
  511. package/lib/types/server/loaders/hooks/svelte.d.ts +0 -1
  512. package/lib/types/server/loaders/webpack/compile.d.ts +0 -2
  513. package/lib/types/server/loaders/webpack/creevey-loader.d.ts +0 -4
  514. package/lib/types/server/loaders/webpack/dummy-hmr.d.ts +0 -10
  515. package/lib/types/server/loaders/webpack/mdx-loader.d.ts +0 -6
  516. package/lib/types/server/loaders/webpack/start.d.ts +0 -1
  517. package/lib/types/server/master/index.d.ts +0 -3
  518. package/lib/types/server/master/server.d.ts +0 -2
  519. package/lib/types/server/selenium/index.d.ts +0 -2
  520. package/lib/types/server/stories.d.ts +0 -8
  521. package/lib/types/server/storybook/entry.d.ts +0 -18
  522. package/lib/types/server/storybook/helpers.d.ts +0 -24
  523. package/lib/types/server/storybook/providers/browser.d.ts +0 -4
  524. package/lib/types/server/storybook/providers/hybrid.d.ts +0 -4
  525. package/lib/types/server/storybook/providers/nodejs.d.ts +0 -9
  526. package/lib/types/server/testsFiles/register.d.ts +0 -2
  527. package/lib/types/server/update.d.ts +0 -2
  528. package/lib/types/server/utils.d.ts +0 -20
  529. package/lib/types/server/worker/index.d.ts +0 -1
  530. package/lib/types/server/worker/worker.d.ts +0 -4
  531. package/preset.js +0 -9
  532. package/types/babel__register.d.ts +0 -1
  533. package/types/event-source-polyfill.d.ts +0 -6
  534. package/types/mdx.d.ts +0 -7
  535. /package/{addon → manager}/README.md +0 -0
@@ -0,0 +1,38 @@
1
+ import React from 'react';
2
+ import { styled, withTheme } from '@storybook/theming';
3
+ import { Button, Icons } from '@storybook/components';
4
+ import { useCreeveyContext } from '../../CreeveyContext.js';
5
+
6
+ const Sticky = withTheme(
7
+ styled.div(({ theme }) => ({
8
+ padding: '24px 16px 8px 16px',
9
+ background: theme.background.content,
10
+ height: '50px',
11
+ zIndex: 5,
12
+ position: 'sticky',
13
+ bottom: '0',
14
+ })),
15
+ );
16
+
17
+ const Container = styled.div({
18
+ display: 'flex',
19
+ justifyContent: 'space-between',
20
+ });
21
+
22
+ export function SideBarFooter(): JSX.Element {
23
+ const { onApproveAll, onImageApprove } = useCreeveyContext();
24
+
25
+ return (
26
+ <Sticky>
27
+ <Container>
28
+ <Button secondary onClick={onImageApprove} disabled={!onImageApprove} style={{ paddingRight: 8 }}>
29
+ Approve
30
+ <Icons icon="arrowright" style={{ paddingLeft: 4 }} />
31
+ </Button>
32
+ <Button secondary outline onClick={onApproveAll}>
33
+ Approve all
34
+ </Button>
35
+ </Container>
36
+ </Sticky>
37
+ );
38
+ }
@@ -0,0 +1,138 @@
1
+ import React, { useContext, useState } from 'react';
2
+ import { Button as NativeButton, Icons } from '@storybook/components';
3
+ import { styled, withTheme } from '@storybook/theming';
4
+ import { CreeveyContext } from '../../CreeveyContext.js';
5
+ import { TestsStatus, TestsStatusProps } from './TestsStatus.js';
6
+ import { TestStatus } from '../../../../types.js';
7
+ import { CreeveyViewFilter } from '../../../shared/helpers.js';
8
+ import { Search } from './Search.js';
9
+
10
+ interface SideBarHeaderProps {
11
+ testsStatus: Omit<TestsStatusProps, 'onClickByStatus'>;
12
+ onStart: () => void;
13
+ onStop: () => void;
14
+ filter: CreeveyViewFilter;
15
+ onFilterChange: (value: CreeveyViewFilter) => void;
16
+ canStart?: boolean;
17
+ }
18
+
19
+ const Sticky = withTheme(
20
+ styled.div(({ theme }) => ({
21
+ padding: '24px 36px 8px',
22
+ background: theme.background.content,
23
+ height: '130px',
24
+ zIndex: 5,
25
+ position: 'sticky',
26
+ top: '0',
27
+ })),
28
+ );
29
+
30
+ const Container = styled.div({
31
+ display: 'flex',
32
+ justifyContent: 'space-between',
33
+ });
34
+
35
+ const Header = styled.h2({
36
+ fontWeight: 'normal',
37
+ margin: 0,
38
+ });
39
+
40
+ const Button = withTheme(
41
+ styled(NativeButton)(({ theme }) => ({
42
+ display: 'flex',
43
+ justifyContent: 'center',
44
+ transform: 'none',
45
+ width: '60px',
46
+ padding: '8px 12px',
47
+
48
+ '& svg': {
49
+ width: '24px',
50
+ height: '24px',
51
+ marginRight: 0,
52
+ },
53
+
54
+ '&:active svg path': {
55
+ fill: theme.color.inverseText,
56
+ },
57
+ })),
58
+ );
59
+
60
+ const MarginContainer = styled.div<{ left?: string; right?: string; top?: string; bottom?: string }>(
61
+ ({ left, right, top, bottom }) => ({
62
+ marginLeft: left ?? 0,
63
+ marginRight: right ?? 0,
64
+ marginTop: top ?? 0,
65
+ marginBottom: bottom ?? 0,
66
+ }),
67
+ );
68
+
69
+ const parseStringForFilter = (value: string): CreeveyViewFilter => {
70
+ let status: TestStatus | null = null;
71
+ const subStrings: string[] = [];
72
+ const tokens = value
73
+ .split(' ')
74
+ .filter(Boolean)
75
+ .map((word) => word.toLowerCase());
76
+
77
+ tokens.forEach((word) => {
78
+ const [, matchedStatus] = /^status:(failed|success|pending)$/i.exec(word) ?? [];
79
+ if (matchedStatus) return (status = matchedStatus as TestStatus);
80
+ subStrings.push(word);
81
+ });
82
+
83
+ return { status, subStrings };
84
+ };
85
+
86
+ export function SideBarHeader({
87
+ testsStatus,
88
+ onStop,
89
+ onStart,
90
+ filter,
91
+ onFilterChange,
92
+ canStart,
93
+ }: SideBarHeaderProps): JSX.Element {
94
+ const { isReport, isRunning } = useContext(CreeveyContext);
95
+ const [filterInput, setFilterInput] = useState('');
96
+
97
+ const handleClickByStatus = (status: TestStatus): void => {
98
+ if (status === filter.status) {
99
+ setFilterInput(filter.subStrings.join(' '));
100
+ onFilterChange({ status: null, subStrings: filter.subStrings });
101
+ } else {
102
+ setFilterInput(filter.subStrings.join(' ') + ' status:' + status);
103
+ onFilterChange({ status, subStrings: filter.subStrings });
104
+ }
105
+ };
106
+
107
+ const handleInputFilterChange = (value: string): void => {
108
+ setFilterInput(value);
109
+ onFilterChange(parseStringForFilter(value));
110
+ };
111
+
112
+ return (
113
+ <Sticky>
114
+ <Container>
115
+ <div>
116
+ <Header>colin.creevey</Header>
117
+ <TestsStatus {...testsStatus} onClickByStatus={handleClickByStatus} />
118
+ </div>
119
+ {isReport ? null : (
120
+ <MarginContainer top="10px">
121
+ {isRunning ? (
122
+ <Button outline secondary onClick={onStop}>
123
+ <Icons icon="stop" />
124
+ </Button>
125
+ ) : (
126
+ <Button outline secondary onClick={onStart} disabled={!canStart}>
127
+ <Icons icon="play" />
128
+ </Button>
129
+ )}
130
+ </MarginContainer>
131
+ )}
132
+ </Container>
133
+ <MarginContainer top="24px" bottom="24px">
134
+ <Search onChange={handleInputFilterChange} value={filterInput} />
135
+ </MarginContainer>
136
+ </Sticky>
137
+ );
138
+ }
@@ -0,0 +1,137 @@
1
+ import React, { useRef, useContext, useEffect, useMemo } from 'react';
2
+ import { Icons } from '@storybook/components';
3
+ import { styled, withTheme, Theme } from '@storybook/theming';
4
+ import { Checkbox, CheckboxContainer } from './Checkbox.js';
5
+ import { TestStatusIcon } from './TestStatusIcon.js';
6
+ import { CreeveySuite, isTest } from '../../../../types.js';
7
+ import { CreeveyContext } from '../../CreeveyContext.js';
8
+ import { KeyboardEventsContext } from '../../KeyboardEventsContext.js';
9
+
10
+ export interface SuiteLinkProps {
11
+ title: string;
12
+ suite: CreeveySuite;
13
+ 'data-testid'?: string;
14
+ }
15
+
16
+ export const Container = withTheme(
17
+ styled.div<{ theme: Theme; disabled?: boolean; active?: boolean; focused?: boolean }>(
18
+ ({ theme, disabled, active, focused }) => ({
19
+ position: 'relative',
20
+ width: '100%',
21
+ height: '28px',
22
+ lineHeight: '20px',
23
+ display: 'flex',
24
+ background: active ? theme.color.secondary : focused ? theme.background.hoverable : 'none',
25
+ color: active ? theme.color.inverseText : 'inherit',
26
+ outline: focused ? `1px solid ${theme.color.ancillary}` : 'none',
27
+ ...(disabled ? { color: theme.color.mediumdark, pointerEvents: 'none' } : {}),
28
+
29
+ // NOTE There is no way to trigger hover from js, so we add `.hover` class for testing purpose
30
+ '&:hover, &.hover': active
31
+ ? {}
32
+ : {
33
+ background: theme.background.hoverable,
34
+ },
35
+ }),
36
+ ),
37
+ );
38
+
39
+ export const Button = withTheme(
40
+ styled.button<{ theme: Theme; active?: boolean }>(({ theme, active }) => ({
41
+ flexGrow: 1,
42
+ boxSizing: 'border-box',
43
+ appearance: 'none',
44
+ padding: '4px 16px 4px 8px',
45
+ lineHeight: '18px',
46
+ cursor: 'pointer',
47
+ border: 'none',
48
+ zIndex: 1,
49
+ textAlign: 'left',
50
+ background: 'none',
51
+ outline: 'none',
52
+ color: active ? theme.color.inverseText : 'inherit',
53
+ })),
54
+ );
55
+
56
+ const ArrowIcon = styled(Icons)({
57
+ paddingRight: '4px',
58
+ display: 'inline-block',
59
+ width: '12px',
60
+ height: '18px',
61
+ verticalAlign: 'unset',
62
+ });
63
+
64
+ export const SuiteContainer = styled.span<{ padding: number }>(({ padding }) => ({
65
+ paddingLeft: padding,
66
+ whiteSpace: 'normal',
67
+ display: 'grid',
68
+ gridTemplateColumns: 'repeat(2, min-content) auto',
69
+ }));
70
+
71
+ export const SuiteTitle = styled.span({
72
+ paddingLeft: '4px',
73
+ whiteSpace: 'nowrap',
74
+ overflowX: 'hidden',
75
+ textOverflow: 'ellipsis',
76
+ });
77
+
78
+ export function SuiteLink({ title, suite, 'data-testid': dataTid }: SuiteLinkProps): JSX.Element {
79
+ const { onSuiteOpen, onSuiteToggle } = useContext(CreeveyContext);
80
+ const { sidebarFocusedItem, setSidebarFocusedItem } = useContext(KeyboardEventsContext);
81
+ const checkboxRef = useRef<Checkbox>(null);
82
+ const buttonRef = useRef<HTMLButtonElement | null>(null);
83
+
84
+ const isSuiteFocused = useMemo(
85
+ () =>
86
+ Array.isArray(sidebarFocusedItem) &&
87
+ sidebarFocusedItem.length === suite.path.length &&
88
+ sidebarFocusedItem.every((x) => suite.path.includes(x)),
89
+ [suite, sidebarFocusedItem],
90
+ );
91
+
92
+ useEffect(
93
+ () => (suite.indeterminate ? checkboxRef.current?.setIndeterminate() : checkboxRef.current?.resetIndeterminate()),
94
+ [suite.indeterminate],
95
+ );
96
+
97
+ useEffect(() => {
98
+ if (isSuiteFocused) buttonRef.current?.focus();
99
+ }, [isSuiteFocused]);
100
+
101
+ const isRootSuite = suite.path.length == 0;
102
+
103
+ const handleCheck = (value: boolean): void => {
104
+ onSuiteToggle(suite.path, value);
105
+ };
106
+ const handleOpen = (): void => {
107
+ if (!isRootSuite) {
108
+ onSuiteOpen(suite.path, !suite.opened);
109
+ setSidebarFocusedItem(suite.path);
110
+ }
111
+ };
112
+ const handleFocus = (): void => {
113
+ setSidebarFocusedItem(suite.path);
114
+ };
115
+
116
+ return (
117
+ <Container focused={isSuiteFocused}>
118
+ <CheckboxContainer>
119
+ <Checkbox
120
+ ref={checkboxRef}
121
+ checked={suite.skip ? false : suite.checked}
122
+ disabled={Boolean(suite.skip)}
123
+ onValueChange={handleCheck}
124
+ />
125
+ </CheckboxContainer>
126
+ <Button onClick={handleOpen} onFocus={handleFocus} data-testid={dataTid} ref={buttonRef}>
127
+ <SuiteContainer padding={(suite.path.length - 1) * 8}>
128
+ {isTest(suite) ||
129
+ (Boolean(suite.path.length) &&
130
+ (suite.opened ? <ArrowIcon icon="arrowdown" /> : <ArrowIcon icon="arrowright" />))}
131
+ <TestStatusIcon status={suite.status} skip={suite.skip} />
132
+ <SuiteTitle>{title}</SuiteTitle>
133
+ </SuiteContainer>
134
+ </Button>
135
+ </Container>
136
+ );
137
+ }
@@ -0,0 +1,69 @@
1
+ import React, { useEffect, useCallback, useContext, useMemo, useRef } from 'react';
2
+ import { CreeveyTest } from '../../../../types.js';
3
+ import { TestStatusIcon } from './TestStatusIcon.js';
4
+ import { CreeveyContext } from '../../CreeveyContext.js';
5
+ import { SideBarContext } from './SideBar.js';
6
+ import { KeyboardEventsContext } from '../../KeyboardEventsContext.js';
7
+ import { Button, Container, SuiteContainer, SuiteTitle } from './SuiteLink.js';
8
+ import { Checkbox, CheckboxContainer } from './Checkbox.js';
9
+ import { getTestPath } from '../../../shared/helpers.js';
10
+
11
+ export interface TestLinkProps {
12
+ title: string;
13
+ opened: boolean;
14
+ test: CreeveyTest;
15
+ }
16
+
17
+ export function TestLink({ title, opened, test }: TestLinkProps): JSX.Element {
18
+ const { onSuiteToggle } = useContext(CreeveyContext);
19
+ const { onOpenTest } = useContext(SideBarContext);
20
+ const { sidebarFocusedItem, setSidebarFocusedItem } = useContext(KeyboardEventsContext);
21
+ const buttonRef = useRef<HTMLButtonElement | null>(null);
22
+
23
+ const emptyResults = (test.results?.length ?? 0) == 0;
24
+ const testPath = useMemo(() => getTestPath(test), [test]);
25
+
26
+ const isTestFocused = useMemo(
27
+ () =>
28
+ Array.isArray(sidebarFocusedItem) &&
29
+ testPath.length === sidebarFocusedItem.length &&
30
+ testPath.every((x) => sidebarFocusedItem.includes(x)),
31
+ [testPath, sidebarFocusedItem],
32
+ );
33
+
34
+ const handleCheck = useCallback(
35
+ (value: boolean): void => {
36
+ onSuiteToggle(testPath, value);
37
+ },
38
+ [testPath, onSuiteToggle],
39
+ );
40
+
41
+ useEffect(() => {
42
+ if (isTestFocused) buttonRef.current?.focus();
43
+ }, [isTestFocused]);
44
+
45
+ const handleOpen = useCallback((): void => {
46
+ onOpenTest(test);
47
+ setSidebarFocusedItem(getTestPath(test));
48
+ }, [test, onOpenTest, setSidebarFocusedItem]);
49
+
50
+ return (
51
+ <Container disabled={emptyResults} active={opened} focused={isTestFocused}>
52
+ {/* NOTE Little hack to allow click on checkbox and don't trigger Button click */}
53
+ {/* We can use other approach, but checkbox has vertical-align: top */}
54
+ <CheckboxContainer>
55
+ <Checkbox
56
+ checked={test.skip ? false : test.checked}
57
+ disabled={Boolean(test.skip)}
58
+ onValueChange={handleCheck}
59
+ />
60
+ </CheckboxContainer>
61
+ <Button onClick={handleOpen} disabled={emptyResults} ref={buttonRef}>
62
+ <SuiteContainer padding={(testPath.length + 1) * 8}>
63
+ <TestStatusIcon inverted={opened} status={test.status} skip={test.skip} />
64
+ <SuiteTitle>{title}</SuiteTitle>
65
+ </SuiteContainer>
66
+ </Button>
67
+ </Container>
68
+ );
69
+ }
@@ -0,0 +1,64 @@
1
+ import React from 'react';
2
+ import { styled, withTheme, Theme } from '@storybook/theming';
3
+ import { Icons, Loader } from '@storybook/components';
4
+ import { TestStatus } from '../../../../types.js';
5
+
6
+ export interface TestStatusIconProps {
7
+ inverted?: boolean;
8
+ status?: TestStatus;
9
+ skip?: string | boolean;
10
+ theme: Theme;
11
+ }
12
+
13
+ const Container = styled.span({
14
+ width: '16px',
15
+ height: '13px',
16
+ padding: 1,
17
+ display: 'inline-block',
18
+ });
19
+
20
+ const Icon = styled(Icons)({
21
+ position: 'relative',
22
+ top: '1px',
23
+ verticalAlign: 'baseline',
24
+ });
25
+
26
+ const Spinner = styled(Loader)({
27
+ top: '12px',
28
+ left: 'unset',
29
+ marginLeft: '0px',
30
+ });
31
+
32
+ export const TestStatusIcon = withTheme(
33
+ ({ inverted, status, skip, theme }: TestStatusIconProps): JSX.Element | null => {
34
+ let icon = null;
35
+ switch (status) {
36
+ case 'failed': {
37
+ icon = <Icon color={inverted ? theme.color.lightest : theme.color.negative} icon="cross" />;
38
+ break;
39
+ }
40
+ case 'success': {
41
+ icon = <Icon color={inverted ? theme.color.lightest : theme.color.green} icon="check" />;
42
+ break;
43
+ }
44
+ case 'approved': {
45
+ icon = <Icon color={inverted ? theme.color.lightest : theme.color.mediumdark} icon="thumbsup" />;
46
+ break;
47
+ }
48
+ case 'running': {
49
+ icon = <Spinner size={10} />;
50
+ break;
51
+ }
52
+ case 'pending': {
53
+ icon = <Icon color={inverted ? theme.color.lightest : theme.color.mediumdark} icon="time" />;
54
+ break;
55
+ }
56
+ default: {
57
+ if (skip) icon = <Icon color={inverted ? theme.color.lightest : undefined} icon="alert" />;
58
+ else icon = <Icon color={inverted ? theme.color.lightest : undefined} icon="circlehollow" />;
59
+ break;
60
+ }
61
+ }
62
+ return <Container>{icon}</Container>;
63
+ },
64
+ );
@@ -0,0 +1,109 @@
1
+ import React from 'react';
2
+ import { IconButton, Icons } from '@storybook/components';
3
+ import { styled, withTheme, Theme } from '@storybook/theming';
4
+ import { TestStatus } from '../../../../types.js';
5
+ import { CreeveyTestsStatus } from '../../../shared/helpers.js';
6
+
7
+ export interface TestsStatusProps extends CreeveyTestsStatus {
8
+ onClickByStatus: (value: TestStatus) => void;
9
+ theme?: Theme;
10
+ }
11
+
12
+ const Container = styled.div({
13
+ display: 'flex',
14
+ alignItems: 'center',
15
+ fontSize: '14px',
16
+ lineHeight: '22px',
17
+ });
18
+
19
+ const IconContainer = styled.div<{ color?: string }>(({ color }) => ({
20
+ color: color ?? 'inherit',
21
+ display: 'inline-flex',
22
+ flexDirection: 'row',
23
+ alignItems: 'center',
24
+ margin: '0 4px',
25
+
26
+ '&:first-of-type': {
27
+ marginLeft: 0,
28
+ },
29
+
30
+ '& svg': {
31
+ marginRight: 5,
32
+ width: 10,
33
+ height: 10,
34
+ },
35
+ }));
36
+
37
+ const Divider = styled.div({
38
+ '&::before': {
39
+ content: "'/'",
40
+ display: 'block',
41
+ marginRight: 4,
42
+ },
43
+ });
44
+
45
+ const Button = styled(IconButton)({
46
+ marginTop: 0,
47
+ padding: 0,
48
+ height: '24px',
49
+ });
50
+
51
+ export const TestsStatus = withTheme(
52
+ ({
53
+ successCount,
54
+ failedCount,
55
+ pendingCount,
56
+ approvedCount,
57
+ onClickByStatus,
58
+ theme,
59
+ }: TestsStatusProps): JSX.Element => {
60
+ return (
61
+ <Container>
62
+ {/* @ts-expect-error Fixed in https://github.com/storybookjs/storybook/pull/26623 */}
63
+ <Button
64
+ onClick={() => {
65
+ onClickByStatus('pending');
66
+ }}
67
+ >
68
+ <IconContainer color={theme?.color.mediumdark}>
69
+ <Icons icon="time" />
70
+ {pendingCount}
71
+ </IconContainer>
72
+ </Button>
73
+ <Divider />
74
+ {/* @ts-expect-error Fixed in https://github.com/storybookjs/storybook/pull/26623 */}
75
+ <Button
76
+ onClick={() => {
77
+ onClickByStatus('success');
78
+ }}
79
+ >
80
+ <IconContainer color={theme?.color.green}>
81
+ <Icons icon="check" /> {successCount}
82
+ </IconContainer>
83
+ </Button>
84
+ <Divider />
85
+ {/* @ts-expect-error Fixed in https://github.com/storybookjs/storybook/pull/26623 */}
86
+ <Button
87
+ onClick={() => {
88
+ onClickByStatus('failed');
89
+ }}
90
+ >
91
+ <IconContainer color={theme?.color.negative}>
92
+ <Icons icon="cross" /> {failedCount}
93
+ </IconContainer>
94
+ </Button>
95
+ <Divider />
96
+ {/* @ts-expect-error Fixed in https://github.com/storybookjs/storybook/pull/26623 */}
97
+ <Button
98
+ onClick={() => {
99
+ onClickByStatus('approved');
100
+ }}
101
+ >
102
+ <IconContainer color={theme?.color.defaultText}>
103
+ <Icons icon="thumbsup" /> {approvedCount}
104
+ </IconContainer>
105
+ </Button>
106
+ </Container>
107
+ );
108
+ },
109
+ );
@@ -0,0 +1,85 @@
1
+ import React from 'react';
2
+
3
+ import { styled, withTheme } from '@storybook/theming';
4
+ import { opacify } from 'polished';
5
+
6
+ const Container = withTheme(
7
+ styled.span(({ theme }) => ({
8
+ lineHeight: '10px',
9
+ display: 'inline-block',
10
+ position: 'relative',
11
+ whiteSpace: 'nowrap',
12
+ background: theme.base == 'light' ? theme.color.mediumlight : theme.color.darker,
13
+ borderRadius: '3em',
14
+ padding: 2,
15
+ verticalAlign: 'middle',
16
+ marginLeft: 10,
17
+
18
+ input: {
19
+ appearance: 'none',
20
+ width: '100%',
21
+ height: '100%',
22
+ position: 'absolute',
23
+ left: 0,
24
+ top: 0,
25
+ margin: 0,
26
+ padding: 0,
27
+ border: 'none',
28
+ cursor: 'pointer',
29
+
30
+ '&:focus': {
31
+ outline: 'none',
32
+ },
33
+ },
34
+
35
+ span: {
36
+ cursor: 'pointer',
37
+ display: 'inline-block',
38
+ transition: 'all 100ms ease-out',
39
+ userSelect: 'none',
40
+ borderRadius: '100%',
41
+ background: theme.background.bar,
42
+ boxShadow: `${opacify(0.1, theme.appBorderColor)} 0 0 2px`,
43
+ color: theme.color.defaultText,
44
+ width: 20,
45
+ height: 20,
46
+ boxSizing: 'border-box',
47
+ lineHeight: '19px',
48
+ textAlign: 'center',
49
+
50
+ '&:hover': {
51
+ boxShadow: `${opacify(0.3, theme.appBorderColor)} 0 0 0 1px inset`,
52
+ },
53
+
54
+ '&:active': {
55
+ boxShadow: `${opacify(0.05, theme.appBorderColor)} 0 0 0 2px inset`,
56
+ },
57
+ },
58
+
59
+ 'input:checked ~ span': {
60
+ marginLeft: 20,
61
+ },
62
+
63
+ 'input:not(:checked) ~ span': {
64
+ marginRight: 20,
65
+ },
66
+ })),
67
+ );
68
+
69
+ interface ToggleProps {
70
+ value?: boolean;
71
+ onChange: (val: boolean) => void;
72
+ }
73
+
74
+ export const Toggle = ({ value, onChange }: ToggleProps): JSX.Element => (
75
+ <Container>
76
+ <input
77
+ type="checkbox"
78
+ onChange={() => {
79
+ onChange(!value);
80
+ }}
81
+ checked={value ?? false}
82
+ />
83
+ <span>{value ? '☪' : '☀'}</span>
84
+ </Container>
85
+ );
@@ -0,0 +1 @@
1
+ export { SideBar } from './SideBar.js';