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,122 @@
1
+ import React, { useState } from 'react';
2
+ import { Placeholder, ScrollArea } from '@storybook/components';
3
+ import { styled, withTheme, Theme } from '@storybook/theming';
4
+ import { ImagesView } from './ImagesView/ImagesView.js';
5
+ import { PageHeader } from './PageHeader/PageHeader.js';
6
+ import { PageFooter } from './PageFooter/PageFooter.js';
7
+ import { getImageUrl } from '../helpers.js';
8
+ import { getViewMode, VIEW_MODE_KEY } from '../viewMode.js';
9
+ import { ImagesViewMode, TestResult } from '../../../types.js';
10
+
11
+ interface ResultsPageProps {
12
+ path: string[];
13
+ results?: TestResult[];
14
+ approved?: Partial<Record<string, number>> | null;
15
+ showTitle?: boolean;
16
+ theme: Theme;
17
+ height?: string;
18
+ retry: number;
19
+ imageName: string;
20
+ onImageChange: (image: string) => void;
21
+ onRetryChange: (retry: number) => void;
22
+ }
23
+
24
+ const Wrapper = styled.div({
25
+ width: '100%',
26
+ height: '100%',
27
+ boxSizing: 'border-box',
28
+ display: 'flex',
29
+ flexDirection: 'column',
30
+ });
31
+
32
+ const ImagesViewContainer = styled.div(({ theme }) => ({
33
+ background: theme.base == 'light' ? theme.color.mediumlight : theme.color.darker,
34
+ flexGrow: 1,
35
+ padding: '20px 0',
36
+ }));
37
+
38
+ const HeaderContainer = styled.div({ position: 'sticky', top: 0, zIndex: 1 });
39
+
40
+ const BodyContainer = styled.div({ flexGrow: 1, minHeight: 0 });
41
+
42
+ const FooterContainer = styled.div({
43
+ position: 'sticky',
44
+ bottom: 0,
45
+ zIndex: 1,
46
+ });
47
+
48
+ const Container = styled.div<{ height?: string }>(({ height = '100vh' }) => ({
49
+ height,
50
+ width: '100%',
51
+ overflowY: 'hidden',
52
+ display: 'flex',
53
+ flexDirection: 'column',
54
+ }));
55
+
56
+ export function ResultsPageInternal({
57
+ path,
58
+ results = [],
59
+ approved,
60
+ theme,
61
+ height,
62
+ retry,
63
+ imageName,
64
+ onImageChange,
65
+ onRetryChange,
66
+ }: ResultsPageProps): JSX.Element {
67
+ const result = results[retry - 1] ?? {};
68
+ const [viewMode, setViewMode] = useState<ImagesViewMode>(getViewMode());
69
+ const url = getImageUrl(path, imageName);
70
+ const image = result.images?.[imageName];
71
+ const canApprove = Boolean(image && approved?.[imageName] != retry - 1 && result.status != 'success');
72
+ const hasDiffAndExpect = canApprove && Boolean(image?.diff && image.expect);
73
+ const imagesWithError = result.images
74
+ ? Object.keys(result.images).filter(
75
+ (imageName) =>
76
+ result.status != 'success' && approved?.[imageName] != retry - 1 && result.images?.[imageName]?.error != null,
77
+ )
78
+ : [];
79
+
80
+ const handleChangeViewMode = (mode: ImagesViewMode): void => {
81
+ localStorage.setItem(VIEW_MODE_KEY, mode);
82
+ setViewMode(mode);
83
+ };
84
+
85
+ return (
86
+ <Container height={height}>
87
+ <HeaderContainer>
88
+ <PageHeader
89
+ title={path}
90
+ imageName={imageName}
91
+ images={result.images}
92
+ errorMessage={result.error}
93
+ showViewModes={hasDiffAndExpect}
94
+ viewMode={viewMode}
95
+ onViewModeChange={handleChangeViewMode}
96
+ onImageChange={onImageChange}
97
+ imagesWithError={imagesWithError}
98
+ />
99
+ </HeaderContainer>
100
+ <BodyContainer>
101
+ <ScrollArea vertical>
102
+ <Wrapper>
103
+ <ImagesViewContainer theme={theme}>
104
+ {image ? (
105
+ <ImagesView url={url} image={image} canApprove={canApprove} mode={viewMode} />
106
+ ) : (
107
+ <Placeholder>{`Image ${imageName} not found`}</Placeholder>
108
+ )}
109
+ </ImagesViewContainer>
110
+ </Wrapper>
111
+ </ScrollArea>
112
+ </BodyContainer>
113
+ {results.length ? (
114
+ <FooterContainer>
115
+ <PageFooter retry={retry} retriesCount={results.length} onRetryChange={onRetryChange} />
116
+ </FooterContainer>
117
+ ) : null}
118
+ </Container>
119
+ );
120
+ }
121
+
122
+ export const ResultsPage = withTheme(ResultsPageInternal);
@@ -0,0 +1,68 @@
1
+ import { Response, Request, CreeveyUpdate, CreeveyStatus, noop } from '../../types.js';
2
+ import { getConnectionUrl } from './helpers.js';
3
+
4
+ export interface CreeveyClientApi {
5
+ start: (ids: string[]) => void;
6
+ stop: () => void;
7
+ approve: (id: string, retry: number, image: string) => void;
8
+ approveAll: () => void;
9
+ onUpdate: (fn: (update: CreeveyUpdate) => void) => () => void;
10
+ readonly status: Promise<CreeveyStatus>;
11
+ }
12
+
13
+ export async function initCreeveyClientApi(): Promise<CreeveyClientApi> {
14
+ let clientApiResolver: (api: CreeveyClientApi) => void = noop;
15
+ const updateListeners = new Set<(update: CreeveyUpdate) => void>();
16
+ let statusRequest: Promise<CreeveyStatus> | null = null;
17
+ let statusResolver: (status: CreeveyStatus) => void = noop;
18
+
19
+ const ws = new WebSocket(`ws://${getConnectionUrl()}`);
20
+
21
+ function send(request: Request): void {
22
+ ws.send(JSON.stringify(request));
23
+ }
24
+
25
+ ws.addEventListener('open', () => {
26
+ clientApiResolver({
27
+ start(ids: string[]) {
28
+ send({ type: 'start', payload: ids });
29
+ },
30
+ stop() {
31
+ send({ type: 'stop' });
32
+ },
33
+ approve(id: string, retry: number, image: string) {
34
+ send({ type: 'approve', payload: { id, retry, image } });
35
+ },
36
+ approveAll() {
37
+ send({ type: 'approveAll' });
38
+ },
39
+ onUpdate(fn: (update: CreeveyUpdate) => void) {
40
+ updateListeners.add(fn);
41
+ return () => updateListeners.delete(fn);
42
+ },
43
+ get status() {
44
+ if (statusRequest) return statusRequest;
45
+
46
+ send({ type: 'status' });
47
+
48
+ return (statusRequest = new Promise<CreeveyStatus>((resolve) => (statusResolver = resolve)));
49
+ },
50
+ });
51
+ });
52
+ ws.addEventListener('message', (message: MessageEvent<string>) => {
53
+ const data = JSON.parse(message.data) as Response;
54
+
55
+ if (data.type == 'update')
56
+ updateListeners.forEach((fn) => {
57
+ fn(data.payload);
58
+ });
59
+ if (data.type == 'status') {
60
+ statusResolver(data.payload);
61
+ statusResolver = noop;
62
+ statusRequest = null;
63
+ }
64
+ });
65
+ // TODO Reconnect
66
+
67
+ return new Promise((resolve) => (clientApiResolver = resolve));
68
+ }
@@ -0,0 +1,436 @@
1
+ import { themes, ThemeVars } from '@storybook/theming';
2
+ import { parse, stringify } from 'qs';
3
+ import { RefObject, useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
4
+ import { TestData, isTest, isDefined, TestStatus, CreeveySuite, CreeveyTest, CreeveyStatus } from '../../types.js';
5
+
6
+ export interface CreeveyViewFilter {
7
+ status: TestStatus | null;
8
+ subStrings: string[];
9
+ }
10
+
11
+ export interface CreeveyTestsStatus {
12
+ successCount: number;
13
+ failedCount: number;
14
+ pendingCount: number;
15
+ approvedCount: number;
16
+ }
17
+
18
+ const statusUpdatesMap = new Map<TestStatus | undefined, RegExp>([
19
+ [undefined, /(unknown|success|approved|failed|pending|running)/],
20
+ ['unknown', /(success|approved|failed|pending|running)/],
21
+ ['success', /(approved|failed|pending|running)/],
22
+ ['approved', /(failed|pending|running)/],
23
+ ['failed', /(pending|running)/],
24
+ ['pending', /running/],
25
+ ]);
26
+
27
+ function makeEmptySuiteNode(path: string[] = []): CreeveySuite {
28
+ return {
29
+ path,
30
+ skip: true,
31
+ opened: false,
32
+ checked: true,
33
+ indeterminate: false,
34
+ children: {},
35
+ };
36
+ }
37
+
38
+ export function calcStatus(oldStatus?: TestStatus, newStatus?: TestStatus): TestStatus | undefined {
39
+ return newStatus && statusUpdatesMap.get(oldStatus)?.test(newStatus) ? newStatus : oldStatus;
40
+ }
41
+
42
+ export function getTestPath(test: Pick<TestData, 'browser' | 'testName' | 'storyPath'>): string[] {
43
+ const { browser, testName, storyPath } = test;
44
+ return [...storyPath, testName, browser].filter(isDefined);
45
+ }
46
+
47
+ export function getSuiteByPath(suite: CreeveySuite, path: string[]): CreeveySuite | CreeveyTest | undefined {
48
+ return path.reduce(
49
+ (suiteOrTest: CreeveySuite | CreeveyTest | undefined, pathToken) =>
50
+ isTest(suiteOrTest) ? suiteOrTest : suiteOrTest?.children[pathToken],
51
+ suite,
52
+ );
53
+ }
54
+
55
+ export function getTestByPath(suite: CreeveySuite, path: string[]): CreeveyTest | null {
56
+ const test = getSuiteByPath(suite, path) ?? suite;
57
+ return isTest(test) ? test : null;
58
+ }
59
+
60
+ export function getTestsByStoryId(suite: CreeveySuite, storyId: string): CreeveyTest[] {
61
+ return Object.values(suite.children)
62
+ .filter(isDefined)
63
+ .flatMap((suiteOrTest) => {
64
+ if (isTest(suiteOrTest)) return suiteOrTest.storyId === storyId ? suiteOrTest : [];
65
+
66
+ return getTestsByStoryId(suiteOrTest, storyId);
67
+ })
68
+ .filter(isDefined);
69
+ }
70
+
71
+ function checkTests(suiteOrTest: CreeveySuite | CreeveyTest, checked: boolean): void {
72
+ suiteOrTest.checked = checked;
73
+ if (!isTest(suiteOrTest)) {
74
+ suiteOrTest.indeterminate = false;
75
+ Object.values(suiteOrTest.children)
76
+ .filter(isDefined)
77
+ .forEach((child) => {
78
+ checkTests(child, checked);
79
+ });
80
+ }
81
+ }
82
+
83
+ function updateChecked(suite: CreeveySuite): void {
84
+ const children = Object.values(suite.children)
85
+ .filter(isDefined)
86
+ .filter((child) => !child.skip);
87
+ const checkedEvery = children.every((test) => test.checked);
88
+ const checkedSome = children.some((test) => test.checked);
89
+ const indeterminate =
90
+ children.some((test) => (isTest(test) ? false : test.indeterminate)) || (!checkedEvery && checkedSome);
91
+ const checked = indeterminate || suite.checked == checkedEvery ? suite.checked : checkedEvery;
92
+
93
+ suite.checked = checked;
94
+ suite.indeterminate = indeterminate;
95
+ }
96
+
97
+ export function checkSuite(suite: CreeveySuite, path: string[], checked: boolean): void {
98
+ const subSuite = getSuiteByPath(suite, path);
99
+ if (subSuite) checkTests(subSuite, checked);
100
+
101
+ path
102
+ .slice(0, -1)
103
+ .map((_, index, tokens) => tokens.slice(0, tokens.length - index))
104
+ .forEach((parentPath) => {
105
+ const parentSuite = getSuiteByPath(suite, parentPath);
106
+ if (isTest(parentSuite)) return;
107
+ if (parentSuite) updateChecked(parentSuite);
108
+ });
109
+
110
+ updateChecked(suite);
111
+ }
112
+
113
+ export function treeifyTests(testsById: CreeveyStatus['tests']): CreeveySuite {
114
+ const rootSuite: CreeveySuite = makeEmptySuiteNode();
115
+
116
+ rootSuite.opened = true;
117
+ Object.values(testsById).forEach((test) => {
118
+ if (!test) return;
119
+
120
+ const [browser, ...testPath] = getTestPath(test).reverse();
121
+
122
+ const lastSuite = testPath.reverse().reduce((suite, token) => {
123
+ const subSuite = suite.children[token] ?? makeEmptySuiteNode([...suite.path, token]);
124
+
125
+ subSuite.status = calcStatus(subSuite.status, test.status);
126
+
127
+ if (!test.skip) subSuite.skip = false;
128
+ if (!subSuite.skip) suite.skip = false;
129
+
130
+ suite.children[token] = subSuite;
131
+ suite.status = calcStatus(suite.status, subSuite.status);
132
+
133
+ if (isTest(subSuite)) {
134
+ throw new Error(`Suite and Test should not have same path '${JSON.stringify(getTestPath(subSuite))}'`);
135
+ }
136
+
137
+ return subSuite;
138
+ }, rootSuite);
139
+
140
+ lastSuite.children[browser] = { ...test, checked: true };
141
+ });
142
+
143
+ return rootSuite;
144
+ }
145
+
146
+ export function getCheckedTests(suite: CreeveySuite): CreeveyTest[] {
147
+ return Object.values(suite.children)
148
+ .filter(isDefined)
149
+ .flatMap((suiteOrTest) => {
150
+ if (isTest(suiteOrTest)) return suiteOrTest.checked ? suiteOrTest : [];
151
+ if (!suiteOrTest.checked && !suiteOrTest.indeterminate) return [];
152
+
153
+ return getCheckedTests(suiteOrTest);
154
+ });
155
+ }
156
+
157
+ export function getFailedTests(suite: CreeveySuite): CreeveyTest[] {
158
+ return Object.values(suite.children)
159
+ .filter(isDefined)
160
+ .flatMap((suiteOrTest) => {
161
+ if (isTest(suiteOrTest)) return suiteOrTest.status === 'failed' ? suiteOrTest : [];
162
+
163
+ return getFailedTests(suiteOrTest);
164
+ });
165
+ }
166
+
167
+ export function updateTestStatus(suite: CreeveySuite, path: string[], update: Partial<TestData>): void {
168
+ const title = path.shift();
169
+
170
+ if (!title) return;
171
+
172
+ const suiteOrTest =
173
+ suite.children[title] ??
174
+ (suite.children[title] = {
175
+ ...(path.length == 0 ? (update as TestData) : makeEmptySuiteNode([...suite.path, title])),
176
+ checked: suite.checked,
177
+ });
178
+ if (isTest(suiteOrTest)) {
179
+ const test = suiteOrTest;
180
+ const { skip, status, results, approved } = update;
181
+ if (isDefined(skip)) test.skip = skip;
182
+ if (isDefined(status)) test.status = status;
183
+ if (isDefined(results)) {
184
+ if (test.results) test.results.push(...results);
185
+ else test.results = results;
186
+ }
187
+ if (approved === null) test.approved = null;
188
+ else if (approved !== undefined)
189
+ Object.entries(approved).forEach(
190
+ ([image, retry]) => retry !== undefined && ((test.approved = test.approved ?? {})[image] = retry),
191
+ );
192
+ } else {
193
+ const subSuite = suiteOrTest;
194
+ updateTestStatus(subSuite, path, update);
195
+ }
196
+ suite.skip = Object.values(suite.children)
197
+ .filter(isDefined)
198
+ .map(({ skip }) => skip)
199
+ .every(Boolean);
200
+ suite.status = Object.values(suite.children)
201
+ .filter(isDefined)
202
+ .map(({ status }) => status)
203
+ .reduce(calcStatus);
204
+ }
205
+
206
+ export function removeTests(suite: CreeveySuite, path: string[]): void {
207
+ const title = path.shift();
208
+
209
+ if (!title) return;
210
+
211
+ const suiteOrTest = suite.children[title];
212
+ if (suiteOrTest && !isTest(suiteOrTest)) removeTests(suiteOrTest, path);
213
+ if (isTest(suiteOrTest) || Object.keys(suiteOrTest?.children ?? {}).length == 0) {
214
+ // TODO Use Map instead
215
+ // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
216
+ delete suite.children[title];
217
+ }
218
+ if (Object.keys(suite.children).length == 0) return;
219
+ updateChecked(suite);
220
+ suite.skip = Object.values(suite.children)
221
+ .filter(isDefined)
222
+ .map(({ skip }) => skip)
223
+ .every(Boolean);
224
+ suite.status = Object.values(suite.children)
225
+ .filter(isDefined)
226
+ .map(({ status }) => status)
227
+ .reduce(calcStatus);
228
+ }
229
+
230
+ // TODO Include images to test suite
231
+ // TODO If only one image in test, don't include it
232
+ export function filterTests(suite: CreeveySuite, filter: CreeveyViewFilter): CreeveySuite {
233
+ const { status, subStrings } = filter;
234
+ if (!status && !subStrings.length) return suite;
235
+ const filteredSuite: CreeveySuite = { ...suite, children: {} };
236
+
237
+ Object.entries(suite.children).forEach(([title, suiteOrTest]) => {
238
+ if (!suiteOrTest || suiteOrTest.skip) return;
239
+ if (!status && subStrings.some((subString) => title.toLowerCase().includes(subString))) {
240
+ filteredSuite.children[title] = suiteOrTest;
241
+ } else if (isTest(suiteOrTest)) {
242
+ if (status && suiteOrTest.status && ['pending', 'running', status].includes(suiteOrTest.status))
243
+ filteredSuite.children[title] = suiteOrTest;
244
+ } else {
245
+ const filteredSubSuite = filterTests(suiteOrTest, filter);
246
+ if (Object.keys(filteredSubSuite.children).length == 0) return;
247
+
248
+ filteredSuite.children[title] = filteredSubSuite;
249
+ }
250
+ });
251
+
252
+ return filteredSuite;
253
+ }
254
+
255
+ export function openSuite(suite: CreeveySuite, path: string[], opened: boolean): void {
256
+ const subSuite = path.reduce((suiteOrTest: CreeveySuite | CreeveyTest | undefined, pathToken) => {
257
+ if (suiteOrTest && !isTest(suiteOrTest)) {
258
+ if (opened) suiteOrTest.opened = opened;
259
+ return suiteOrTest.children[pathToken];
260
+ }
261
+ }, suite);
262
+ if (subSuite && !isTest(subSuite)) subSuite.opened = opened;
263
+ }
264
+
265
+ export function flattenSuite(suite: CreeveySuite): { title: string; suite: CreeveySuite | CreeveyTest }[] {
266
+ if (!suite.opened) return [];
267
+ return Object.entries(suite.children).flatMap(([title, subSuite]) =>
268
+ subSuite ? [{ title, suite: subSuite }, ...(isTest(subSuite) ? [] : flattenSuite(subSuite))] : [],
269
+ );
270
+ }
271
+
272
+ export function countTestsStatus(suite: CreeveySuite): CreeveyTestsStatus {
273
+ let successCount = 0;
274
+ let failedCount = 0;
275
+ let approvedCount = 0;
276
+ let pendingCount = 0;
277
+
278
+ const cases: (CreeveySuite | CreeveyTest)[] = Object.values(suite.children).filter(isDefined);
279
+ let suiteOrTest;
280
+ while ((suiteOrTest = cases.pop())) {
281
+ if (isTest(suiteOrTest)) {
282
+ if (suiteOrTest.status === 'approved') approvedCount++;
283
+ if (suiteOrTest.status === 'success') successCount++;
284
+ if (suiteOrTest.status === 'failed') failedCount++;
285
+ if (suiteOrTest.status === 'pending') pendingCount++;
286
+ } else {
287
+ cases.push(...Object.values(suiteOrTest.children).filter(isDefined));
288
+ }
289
+ }
290
+
291
+ return { approvedCount, successCount, failedCount, pendingCount };
292
+ }
293
+
294
+ export function getConnectionUrl(): string {
295
+ return [
296
+ typeof __CREEVEY_SERVER_HOST__ == 'undefined' ? window.location.hostname : __CREEVEY_SERVER_HOST__,
297
+ typeof __CREEVEY_SERVER_PORT__ == 'undefined' ? window.location.port : __CREEVEY_SERVER_PORT__,
298
+ ]
299
+ .filter(Boolean)
300
+ .join(':');
301
+ }
302
+
303
+ export function getImageUrl(path: string[], imageName: string): string {
304
+ // path => [title, story, test, browser]
305
+ const browser = path.slice(-1)[0];
306
+ const imagesUrl = window.location.host
307
+ ? `${window.location.protocol}//${getConnectionUrl()}${
308
+ window.location.pathname == '/' ? '/report' : window.location.pathname.split('/').slice(0, -1).join('/')
309
+ }/${encodeURI(path.slice(0, -1).join('/'))}`
310
+ : encodeURI(path.slice(0, -1).join('/'));
311
+
312
+ return imageName == browser ? imagesUrl : `${imagesUrl}/${encodeURI(browser)}`;
313
+ }
314
+
315
+ export function getBorderSize(element: HTMLElement): number {
316
+ // NOTE Firefox returns empty string for `borderWidth` prop
317
+ const borderSize = parseFloat(getComputedStyle(element).borderTopWidth);
318
+ return Number.isNaN(borderSize) ? 0 : borderSize;
319
+ }
320
+
321
+ export function useLoadImages(s1: string, s2: string, s3: string): boolean {
322
+ const [loaded, setLoaded] = useState(false);
323
+
324
+ useEffect(() => {
325
+ setLoaded(false);
326
+ void Promise.all(
327
+ [s1, s2, s3].map(
328
+ (url) =>
329
+ new Promise((resolve) => {
330
+ const image = document.createElement('img');
331
+ image.src = url;
332
+ image.onload = resolve;
333
+ image.onerror = resolve;
334
+ }),
335
+ ),
336
+ ).then(() => {
337
+ setLoaded(true);
338
+ });
339
+ }, [s1, s2, s3]);
340
+
341
+ return loaded;
342
+ }
343
+
344
+ /**
345
+ * Uses the ResizeObserver API to observe changes within the given HTML Element DOM Rect.
346
+ *
347
+ * @returns dimensions of element's content box (which means without paddings and border width)
348
+ */
349
+ export function useResizeObserver<T extends Element>(
350
+ elementRef: RefObject<T>,
351
+ onResize: () => void,
352
+ debounceTimeout = 16,
353
+ ): void {
354
+ const observerRef = useRef<ResizeObserver | null>(null);
355
+
356
+ useEffect(() => {
357
+ if (!elementRef.current) return;
358
+
359
+ observerRef.current = new ResizeObserver(onResize);
360
+ observerRef.current.observe(elementRef.current);
361
+
362
+ return () => observerRef.current?.disconnect();
363
+ }, [debounceTimeout, elementRef, onResize]);
364
+ }
365
+
366
+ export function useApplyScale(imageRef: RefObject<HTMLImageElement>, scale: number, dependency?: unknown): void {
367
+ useLayoutEffect(() => {
368
+ if (!imageRef.current) return;
369
+ const image = imageRef.current;
370
+ const borderSize = getBorderSize(image);
371
+ image.style.height = `${image.naturalHeight * scale + borderSize * 2}px`;
372
+ }, [imageRef, scale, dependency]);
373
+ }
374
+
375
+ export function useCalcScale(diffImageRef: RefObject<HTMLImageElement>, loaded: boolean): number {
376
+ const [scale, setScale] = useState(1);
377
+
378
+ const calcScale = useCallback(() => {
379
+ const diffImage = diffImageRef.current;
380
+
381
+ if (!diffImage || !loaded) {
382
+ setScale(1);
383
+ return;
384
+ }
385
+ const borderSize = getBorderSize(diffImage);
386
+ const ratio = (diffImage.getBoundingClientRect().width - borderSize * 2) / diffImage.naturalWidth;
387
+ setScale(Math.min(1, ratio));
388
+ }, [diffImageRef, loaded]);
389
+
390
+ useResizeObserver(diffImageRef, calcScale);
391
+ useLayoutEffect(calcScale, [calcScale]);
392
+
393
+ return scale;
394
+ }
395
+
396
+ const CREEVEY_THEME = 'Creevey_theme';
397
+
398
+ function isTheme(theme?: string | null): theme is ThemeVars['base'] {
399
+ return isDefined(theme) && Object.prototype.hasOwnProperty.call(themes, theme);
400
+ }
401
+
402
+ function initialTheme(): ThemeVars['base'] {
403
+ const theme = localStorage.getItem(CREEVEY_THEME);
404
+ return isTheme(theme) ? theme : 'light';
405
+ }
406
+
407
+ export function useTheme(): [ThemeVars['base'], (theme: ThemeVars['base']) => void] {
408
+ const [theme, setTheme] = useState<ThemeVars['base']>(initialTheme());
409
+
410
+ useEffect(() => {
411
+ localStorage.setItem(CREEVEY_THEME, theme);
412
+ }, [theme]);
413
+
414
+ return [theme, setTheme];
415
+ }
416
+
417
+ export function setSearchParams(testPath: string[]): void {
418
+ const pageUrl = `?${stringify({ testPath })}`;
419
+ window.history.pushState({ testPath }, '', pageUrl);
420
+ }
421
+
422
+ export function getTestPathFromSearch(): string[] {
423
+ const { testPath } = parse(window.location.search.slice(1));
424
+ if (Array.isArray(testPath) && testPath.every((token) => typeof token == 'string')) {
425
+ return testPath;
426
+ }
427
+ return [];
428
+ }
429
+
430
+ export function useForceUpdate(): () => void {
431
+ const [, update] = useState({});
432
+
433
+ return useCallback(() => {
434
+ update({});
435
+ }, []);
436
+ }
@@ -0,0 +1,10 @@
1
+ import { ImagesViewMode } from '../../types.js';
2
+
3
+ export const VIEW_MODE_KEY = 'Creevey_view_mode';
4
+
5
+ export const viewModes: ImagesViewMode[] = ['side-by-side', 'swap', 'slide', 'blend'];
6
+
7
+ export const getViewMode = (): ImagesViewMode => {
8
+ const item = localStorage.getItem(VIEW_MODE_KEY);
9
+ return item && viewModes.includes(item as ImagesViewMode) ? (item as ImagesViewMode) : 'side-by-side';
10
+ };