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.
- package/.yarnrc.yml +1 -0
- package/CHANGELOG.md +51 -0
- package/README.md +4 -3
- package/dist/cli.d.ts +2 -0
- package/dist/cli.js +5 -0
- package/dist/cli.js.map +1 -0
- package/dist/client/addon/components/Addon.d.ts +8 -0
- package/dist/client/addon/components/Addon.js +57 -0
- package/dist/client/addon/components/Addon.js.map +1 -0
- package/{lib/types → dist}/client/addon/components/Icons.d.ts +7 -7
- package/dist/client/addon/components/Icons.js +18 -0
- package/dist/client/addon/components/Icons.js.map +1 -0
- package/{lib/types → dist}/client/addon/components/Panel.d.ts +9 -9
- package/dist/client/addon/components/Panel.js +35 -0
- package/dist/client/addon/components/Panel.js.map +1 -0
- package/{lib/types → dist}/client/addon/components/TestSelect.d.ts +8 -8
- package/dist/client/addon/components/TestSelect.js +33 -0
- package/dist/client/addon/components/TestSelect.js.map +1 -0
- package/dist/client/addon/components/Tools.d.ts +6 -0
- package/dist/client/addon/components/Tools.js +89 -0
- package/dist/client/addon/components/Tools.js.map +1 -0
- package/{lib/types/client/addon/Manager.d.ts → dist/client/addon/controller.d.ts} +38 -37
- package/dist/client/addon/controller.js +208 -0
- package/dist/client/addon/controller.js.map +1 -0
- package/dist/client/addon/decorator.d.ts +1 -0
- package/dist/client/addon/decorator.js +6 -0
- package/dist/client/addon/decorator.js.map +1 -0
- package/dist/client/addon/index.d.ts +2 -0
- package/dist/client/addon/index.js +19 -0
- package/dist/client/addon/index.js.map +1 -0
- package/dist/client/addon/manager.d.ts +1 -0
- package/dist/client/addon/manager.js +41 -0
- package/dist/client/addon/manager.js.map +1 -0
- package/dist/client/addon/preset.d.ts +2 -0
- package/dist/client/addon/preset.js +6 -0
- package/dist/client/addon/preset.js.map +1 -0
- package/dist/client/addon/preview.d.ts +4 -0
- package/dist/client/addon/preview.js +8 -0
- package/dist/client/addon/preview.js.map +1 -0
- package/{lib/types → dist}/client/addon/readyForCapture.d.ts +6 -6
- package/dist/client/addon/readyForCapture.js +7 -0
- package/dist/client/addon/readyForCapture.js.map +1 -0
- package/{lib/types → dist}/client/addon/utils.d.ts +3 -2
- package/dist/client/addon/utils.js +27 -0
- package/dist/client/addon/utils.js.map +1 -0
- package/{lib/types → dist}/client/addon/withCreevey.d.ts +25 -24
- package/dist/client/addon/withCreevey.js +286 -0
- package/dist/client/addon/withCreevey.js.map +1 -0
- package/dist/client/shared/components/ImagesView/BlendView.d.ts +5 -0
- package/dist/client/shared/components/ImagesView/BlendView.js +74 -0
- package/dist/client/shared/components/ImagesView/BlendView.js.map +1 -0
- package/dist/client/shared/components/ImagesView/ImagesView.d.ts +9 -0
- package/dist/client/shared/components/ImagesView/ImagesView.js +46 -0
- package/dist/client/shared/components/ImagesView/ImagesView.js.map +1 -0
- package/dist/client/shared/components/ImagesView/SideBySideView.d.ts +5 -0
- package/dist/client/shared/components/ImagesView/SideBySideView.js +121 -0
- package/dist/client/shared/components/ImagesView/SideBySideView.js.map +1 -0
- package/dist/client/shared/components/ImagesView/SlideView.d.ts +5 -0
- package/dist/client/shared/components/ImagesView/SlideView.js +136 -0
- package/dist/client/shared/components/ImagesView/SlideView.js.map +1 -0
- package/dist/client/shared/components/ImagesView/SwapView.d.ts +5 -0
- package/dist/client/shared/components/ImagesView/SwapView.js +72 -0
- package/dist/client/shared/components/ImagesView/SwapView.js.map +1 -0
- package/{lib/types/client/shared/components/ImagesView/ImagesView.d.ts → dist/client/shared/components/ImagesView/common.d.ts} +15 -24
- package/dist/client/shared/components/ImagesView/common.js +14 -0
- package/dist/client/shared/components/ImagesView/common.js.map +1 -0
- package/dist/client/shared/components/ImagesView/index.d.ts +5 -0
- package/dist/client/shared/components/ImagesView/index.js +14 -0
- package/dist/client/shared/components/ImagesView/index.js.map +1 -0
- package/dist/client/shared/components/PageFooter/PageFooter.d.ts +6 -0
- package/dist/client/shared/components/PageFooter/PageFooter.js +20 -0
- package/dist/client/shared/components/PageFooter/PageFooter.js.map +1 -0
- package/{lib/types → dist}/client/shared/components/PageFooter/Paging.d.ts +7 -7
- package/dist/client/shared/components/PageFooter/Paging.js +51 -0
- package/dist/client/shared/components/PageFooter/Paging.js.map +1 -0
- package/{lib/types → dist}/client/shared/components/PageHeader/ImagePreview.d.ts +14 -12
- package/dist/client/shared/components/PageHeader/ImagePreview.js +61 -0
- package/dist/client/shared/components/PageHeader/ImagePreview.js.map +1 -0
- package/{lib/types → dist}/client/shared/components/PageHeader/PageHeader.d.ts +14 -16
- package/dist/client/shared/components/PageHeader/PageHeader.js +93 -0
- package/dist/client/shared/components/PageHeader/PageHeader.js.map +1 -0
- package/dist/client/shared/components/ResultsPage.d.ts +20 -0
- package/dist/client/shared/components/ResultsPage.js +87 -0
- package/dist/client/shared/components/ResultsPage.js.map +1 -0
- package/{lib/types → dist}/client/shared/creeveyClientApi.d.ts +10 -9
- package/dist/client/shared/creeveyClientApi.js +56 -0
- package/dist/client/shared/creeveyClientApi.js.map +1 -0
- package/{lib/types → dist}/client/shared/helpers.d.ts +47 -46
- package/dist/client/shared/helpers.js +396 -0
- package/dist/client/shared/helpers.js.map +1 -0
- package/{lib/types → dist}/client/shared/viewMode.d.ts +4 -4
- package/dist/client/shared/viewMode.js +11 -0
- package/dist/client/shared/viewMode.js.map +1 -0
- package/dist/client/web/202.js +1 -0
- package/dist/client/web/270.js +43 -0
- package/dist/client/web/752.js +1 -0
- package/{lib/types → dist}/client/web/CreeveyApp.d.ts +11 -11
- package/dist/client/web/CreeveyApp.js +167 -0
- package/dist/client/web/CreeveyApp.js.map +1 -0
- package/{lib/types → dist}/client/web/CreeveyContext.d.ts +14 -11
- package/dist/client/web/CreeveyContext.js +41 -0
- package/dist/client/web/CreeveyContext.js.map +1 -0
- package/dist/client/web/CreeveyLoader.d.ts +3 -0
- package/dist/client/web/CreeveyLoader.js +52 -0
- package/dist/client/web/CreeveyLoader.js.map +1 -0
- package/{lib/types → dist}/client/web/CreeveyView/SideBar/Checkbox.d.ts +22 -19
- package/dist/client/web/CreeveyView/SideBar/Checkbox.js +86 -0
- package/dist/client/web/CreeveyView/SideBar/Checkbox.js.map +1 -0
- package/{lib/types → dist}/client/web/CreeveyView/SideBar/Search.d.ts +6 -6
- package/dist/client/web/CreeveyView/SideBar/Search.js +125 -0
- package/dist/client/web/CreeveyView/SideBar/Search.js.map +1 -0
- package/{lib/types → dist}/client/web/CreeveyView/SideBar/SideBar.d.ts +14 -14
- package/dist/client/web/CreeveyView/SideBar/SideBar.js +111 -0
- package/dist/client/web/CreeveyView/SideBar/SideBar.js.map +1 -0
- package/dist/client/web/CreeveyView/SideBar/SideBarFooter.d.ts +1 -0
- package/dist/client/web/CreeveyView/SideBar/SideBarFooter.js +32 -0
- package/dist/client/web/CreeveyView/SideBar/SideBarFooter.js.map +1 -0
- package/{lib/types → dist}/client/web/CreeveyView/SideBar/SideBarHeader.d.ts +12 -12
- package/dist/client/web/CreeveyView/SideBar/SideBarHeader.js +113 -0
- package/dist/client/web/CreeveyView/SideBar/SideBarHeader.js.map +1 -0
- package/dist/client/web/CreeveyView/SideBar/SuiteLink.d.ts +43 -0
- package/dist/client/web/CreeveyView/SideBar/SuiteLink.js +123 -0
- package/dist/client/web/CreeveyView/SideBar/SuiteLink.js.map +1 -0
- package/{lib/types → dist}/client/web/CreeveyView/SideBar/TestLink.d.ts +7 -7
- package/dist/client/web/CreeveyView/SideBar/TestLink.js +64 -0
- package/dist/client/web/CreeveyView/SideBar/TestLink.js.map +1 -0
- package/{lib/types → dist}/client/web/CreeveyView/SideBar/TestStatusIcon.d.ts +12 -10
- package/dist/client/web/CreeveyView/SideBar/TestStatusIcon.js +59 -0
- package/dist/client/web/CreeveyView/SideBar/TestStatusIcon.js.map +1 -0
- package/dist/client/web/CreeveyView/SideBar/TestsStatus.d.ts +11 -0
- package/dist/client/web/CreeveyView/SideBar/TestsStatus.js +76 -0
- package/dist/client/web/CreeveyView/SideBar/TestsStatus.js.map +1 -0
- package/{lib/types → dist}/client/web/CreeveyView/SideBar/Toggle.d.ts +6 -6
- package/dist/client/web/CreeveyView/SideBar/Toggle.js +69 -0
- package/dist/client/web/CreeveyView/SideBar/Toggle.js.map +1 -0
- package/dist/client/web/CreeveyView/SideBar/index.d.ts +1 -0
- package/dist/client/web/CreeveyView/SideBar/index.js +6 -0
- package/dist/client/web/CreeveyView/SideBar/index.js.map +1 -0
- package/{lib/types → dist}/client/web/KeyboardEventsContext.d.ts +15 -13
- package/dist/client/web/KeyboardEventsContext.js +116 -0
- package/dist/client/web/KeyboardEventsContext.js.map +1 -0
- package/{lib/types → dist}/client/web/index.d.ts +4 -4
- package/{lib/cjs → dist}/client/web/index.html +12 -3
- package/dist/client/web/index.js +75 -0
- package/dist/client/web/index.js.map +1 -0
- package/dist/client/web/main.js +79 -0
- package/{lib/cjs → dist}/client/web/main.js.LICENSE.txt +0 -15
- package/{lib/types → dist}/creevey.d.ts +1 -1
- package/dist/creevey.js +52 -0
- package/dist/creevey.js.map +1 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +24 -0
- package/dist/index.js.map +1 -0
- package/{lib/types → dist}/server/config.d.ts +4 -4
- package/dist/server/config.js +86 -0
- package/dist/server/config.js.map +1 -0
- package/{lib/types → dist}/server/docker.d.ts +7 -7
- package/dist/server/docker.js +122 -0
- package/dist/server/docker.js.map +1 -0
- package/{lib/types → dist}/server/index.d.ts +2 -2
- package/dist/server/index.js +47 -0
- package/dist/server/index.js.map +1 -0
- package/{lib/types → dist}/server/logger.d.ts +10 -10
- package/dist/server/logger.js +25 -0
- package/dist/server/logger.js.map +1 -0
- package/{lib/types → dist}/server/master/api.d.ts +7 -7
- package/dist/server/master/api.js +54 -0
- package/dist/server/master/api.js.map +1 -0
- package/dist/server/master/index.d.ts +3 -0
- package/dist/server/master/index.js +110 -0
- package/dist/server/master/index.js.map +1 -0
- package/{lib/types → dist}/server/master/master.d.ts +7 -7
- package/dist/server/master/master.js +40 -0
- package/dist/server/master/master.js.map +1 -0
- package/{lib/types → dist}/server/master/pool.d.ts +30 -31
- package/dist/server/master/pool.js +186 -0
- package/dist/server/master/pool.js.map +1 -0
- package/{lib/types → dist}/server/master/runner.d.ts +23 -26
- package/dist/server/master/runner.js +222 -0
- package/dist/server/master/runner.js.map +1 -0
- package/dist/server/master/server.d.ts +2 -0
- package/dist/server/master/server.js +114 -0
- package/dist/server/master/server.js.map +1 -0
- package/{lib/types → dist}/server/messages.d.ts +26 -27
- package/dist/server/messages.js +222 -0
- package/dist/server/messages.js.map +1 -0
- package/{lib/types → dist}/server/selenium/browser.d.ts +19 -17
- package/dist/server/selenium/browser.js +640 -0
- package/dist/server/selenium/browser.js.map +1 -0
- package/dist/server/selenium/index.d.ts +2 -0
- package/dist/server/selenium/index.js +19 -0
- package/dist/server/selenium/index.js.map +1 -0
- package/{lib/types → dist}/server/selenium/selenoid.d.ts +3 -3
- package/dist/server/selenium/selenoid.js +120 -0
- package/dist/server/selenium/selenoid.js.map +1 -0
- package/dist/server/stories.d.ts +3 -0
- package/dist/server/stories.js +92 -0
- package/dist/server/stories.js.map +1 -0
- package/dist/server/storybook/providers/browser.d.ts +2 -0
- package/dist/server/storybook/providers/browser.js +60 -0
- package/dist/server/storybook/providers/browser.js.map +1 -0
- package/dist/server/storybook/providers/hybrid.d.ts +2 -0
- package/dist/server/storybook/providers/hybrid.js +59 -0
- package/dist/server/storybook/providers/hybrid.js.map +1 -0
- package/dist/server/telemetry.d.ts +2 -0
- package/dist/server/telemetry.js +196 -0
- package/dist/server/telemetry.js.map +1 -0
- package/{lib/types → dist}/server/testsFiles/parser.d.ts +8 -12
- package/dist/server/testsFiles/parser.js +50 -0
- package/dist/server/testsFiles/parser.js.map +1 -0
- package/dist/server/update.d.ts +2 -0
- package/dist/server/update.js +53 -0
- package/dist/server/update.js.map +1 -0
- package/dist/server/utils.d.ts +25 -0
- package/dist/server/utils.js +157 -0
- package/dist/server/utils.js.map +1 -0
- package/{lib/types → dist}/server/worker/chai-image.d.ts +5 -6
- package/dist/server/worker/chai-image.js +113 -0
- package/dist/server/worker/chai-image.js.map +1 -0
- package/{lib/types → dist}/server/worker/helpers.d.ts +8 -8
- package/dist/server/worker/helpers.js +57 -0
- package/dist/server/worker/helpers.js.map +1 -0
- package/dist/server/worker/index.d.ts +1 -0
- package/dist/server/worker/index.js +6 -0
- package/dist/server/worker/index.js.map +1 -0
- package/{lib/types → dist}/server/worker/reporter.d.ts +8 -8
- package/dist/server/worker/reporter.js +130 -0
- package/dist/server/worker/reporter.js.map +1 -0
- package/dist/server/worker/worker.d.ts +4 -0
- package/dist/server/worker/worker.js +212 -0
- package/dist/server/worker/worker.js.map +1 -0
- package/{lib/types → dist}/shared/index.d.ts +7 -7
- package/dist/shared/index.js +77 -0
- package/dist/shared/index.js.map +1 -0
- package/{lib/types → dist}/shared/serializeRegExp.d.ts +9 -9
- package/dist/shared/serializeRegExp.js +25 -0
- package/dist/shared/serializeRegExp.js.map +1 -0
- package/{lib/types → dist}/types.d.ts +461 -490
- package/dist/types.js +61 -0
- package/dist/types.js.map +1 -0
- package/docs/config.md +30 -30
- package/docs/tests.md +3 -3
- package/manager/package.json +3 -0
- package/package.json +116 -156
- package/preset/README.md +3 -0
- package/preset/package.json +3 -0
- package/preview/README.md +3 -0
- package/preview/package.json +3 -0
- package/src/cli.ts +3 -0
- package/src/client/addon/components/Addon.tsx +53 -0
- package/src/client/addon/components/Icons.tsx +28 -0
- package/src/client/addon/components/Panel.tsx +57 -0
- package/src/client/addon/components/TestSelect.tsx +48 -0
- package/src/client/addon/components/Tools.tsx +93 -0
- package/src/client/addon/controller.ts +224 -0
- package/src/client/addon/decorator.ts +3 -0
- package/src/client/addon/index.ts +2 -0
- package/src/client/addon/manager.ts +44 -0
- package/src/client/addon/preset.ts +3 -0
- package/src/client/addon/preview.ts +7 -0
- package/src/client/addon/readyForCapture.ts +9 -0
- package/src/client/addon/utils.tsx +24 -0
- package/src/client/addon/withCreevey.ts +326 -0
- package/src/client/shared/components/ImagesView/BlendView.tsx +71 -0
- package/src/client/shared/components/ImagesView/ImagesView.tsx +70 -0
- package/src/client/shared/components/ImagesView/SideBySideView.tsx +139 -0
- package/src/client/shared/components/ImagesView/SlideView.tsx +146 -0
- package/src/client/shared/components/ImagesView/SwapView.tsx +81 -0
- package/src/client/shared/components/ImagesView/common.ts +23 -0
- package/src/client/shared/components/ImagesView/index.ts +5 -0
- package/src/client/shared/components/PageFooter/PageFooter.tsx +26 -0
- package/src/client/shared/components/PageFooter/Paging.tsx +90 -0
- package/src/client/shared/components/PageHeader/ImagePreview.tsx +82 -0
- package/src/client/shared/components/PageHeader/PageHeader.tsx +129 -0
- package/src/client/shared/components/ResultsPage.tsx +122 -0
- package/src/client/shared/creeveyClientApi.ts +68 -0
- package/src/client/shared/helpers.ts +436 -0
- package/src/client/shared/viewMode.ts +10 -0
- package/src/client/web/CreeveyApp.tsx +230 -0
- package/src/client/web/CreeveyContext.tsx +26 -0
- package/src/client/web/CreeveyLoader.tsx +56 -0
- package/src/client/web/CreeveyView/SideBar/Checkbox.tsx +118 -0
- package/src/client/web/CreeveyView/SideBar/Search.tsx +140 -0
- package/src/client/web/CreeveyView/SideBar/SideBar.tsx +136 -0
- package/src/client/web/CreeveyView/SideBar/SideBarFooter.tsx +38 -0
- package/src/client/web/CreeveyView/SideBar/SideBarHeader.tsx +138 -0
- package/src/client/web/CreeveyView/SideBar/SuiteLink.tsx +137 -0
- package/src/client/web/CreeveyView/SideBar/TestLink.tsx +69 -0
- package/src/client/web/CreeveyView/SideBar/TestStatusIcon.tsx +64 -0
- package/src/client/web/CreeveyView/SideBar/TestsStatus.tsx +109 -0
- package/src/client/web/CreeveyView/SideBar/Toggle.tsx +85 -0
- package/src/client/web/CreeveyView/SideBar/index.ts +1 -0
- package/src/client/web/KeyboardEventsContext.tsx +121 -0
- package/src/client/web/index.html +28 -0
- package/src/client/web/index.tsx +63 -0
- package/src/creevey.ts +47 -0
- package/src/index.ts +4 -0
- package/src/server/config.ts +83 -0
- package/src/server/docker.ts +136 -0
- package/src/server/index.ts +51 -0
- package/{lib/esm/server/logger.js → src/server/logger.ts} +8 -7
- package/src/server/master/api.ts +59 -0
- package/src/server/master/index.ts +111 -0
- package/src/server/master/master.ts +47 -0
- package/src/server/master/pool.ts +203 -0
- package/src/server/master/runner.ts +245 -0
- package/src/server/master/server.ts +124 -0
- package/src/server/messages.ts +273 -0
- package/src/server/selenium/browser.ts +840 -0
- package/src/server/selenium/index.ts +2 -0
- package/src/server/selenium/selenoid.ts +154 -0
- package/src/server/stories.ts +133 -0
- package/src/server/storybook/providers/browser.ts +58 -0
- package/src/server/storybook/providers/hybrid.ts +70 -0
- package/src/server/telemetry.ts +212 -0
- package/src/server/testsFiles/parser.ts +62 -0
- package/src/server/update.ts +74 -0
- package/src/server/utils.ts +206 -0
- package/src/server/worker/chai-image.ts +147 -0
- package/src/server/worker/helpers.ts +61 -0
- package/src/server/worker/index.ts +1 -0
- package/src/server/worker/reporter.ts +170 -0
- package/src/server/worker/worker.ts +240 -0
- package/src/shared/index.ts +76 -0
- package/src/shared/serializeRegExp.ts +26 -0
- package/src/types.ts +501 -0
- package/types/chai.d.ts +0 -1
- package/types/global.d.ts +5 -0
- package/types/mocha.d.ts +1 -1
- package/addon/package.json +0 -4
- package/jest.config.js +0 -6
- package/lib/cjs/cli.js +0 -5
- package/lib/cjs/client/addon/Manager.js +0 -264
- package/lib/cjs/client/addon/components/Addon.js +0 -55
- package/lib/cjs/client/addon/components/Icons.js +0 -46
- package/lib/cjs/client/addon/components/Panel.js +0 -72
- package/lib/cjs/client/addon/components/TestSelect.js +0 -65
- package/lib/cjs/client/addon/components/Tools.js +0 -95
- package/lib/cjs/client/addon/decorator.js +0 -11
- package/lib/cjs/client/addon/index.js +0 -31
- package/lib/cjs/client/addon/preset.js +0 -62
- package/lib/cjs/client/addon/readyForCapture.js +0 -12
- package/lib/cjs/client/addon/register.js +0 -72
- package/lib/cjs/client/addon/utils.js +0 -38
- package/lib/cjs/client/addon/withCreevey.js +0 -346
- package/lib/cjs/client/shared/components/ImagesView/BlendView.js +0 -87
- package/lib/cjs/client/shared/components/ImagesView/ImagesView.js +0 -92
- package/lib/cjs/client/shared/components/ImagesView/SideBySideView.js +0 -154
- package/lib/cjs/client/shared/components/ImagesView/SlideView.js +0 -166
- package/lib/cjs/client/shared/components/ImagesView/SwapView.js +0 -91
- package/lib/cjs/client/shared/components/ImagesView/index.js +0 -45
- package/lib/cjs/client/shared/components/PageFooter/PageFooter.js +0 -50
- package/lib/cjs/client/shared/components/PageFooter/Paging.js +0 -94
- package/lib/cjs/client/shared/components/PageHeader/ImagePreview.js +0 -82
- package/lib/cjs/client/shared/components/PageHeader/PageHeader.js +0 -119
- package/lib/cjs/client/shared/components/ResultsPage.js +0 -143
- package/lib/cjs/client/shared/creeveyClientApi.js +0 -76
- package/lib/cjs/client/shared/helpers.js +0 -411
- package/lib/cjs/client/shared/viewMode.js +0 -17
- package/lib/cjs/client/web/142.js +0 -2
- package/lib/cjs/client/web/142.js.LICENSE.txt +0 -12
- package/lib/cjs/client/web/32.js +0 -1
- package/lib/cjs/client/web/551.js +0 -1
- package/lib/cjs/client/web/566.js +0 -2
- package/lib/cjs/client/web/566.js.LICENSE.txt +0 -31
- package/lib/cjs/client/web/691.js +0 -2
- package/lib/cjs/client/web/691.js.LICENSE.txt +0 -8
- package/lib/cjs/client/web/725.js +0 -1
- package/lib/cjs/client/web/main.js +0 -2
- package/lib/cjs/creevey.js +0 -69
- package/lib/cjs/index.js +0 -62
- package/lib/cjs/server/config.js +0 -96
- package/lib/cjs/server/docker.js +0 -146
- package/lib/cjs/server/extract.js +0 -50
- package/lib/cjs/server/index.js +0 -83
- package/lib/cjs/server/loaders/babel/creevey-plugin.js +0 -86
- package/lib/cjs/server/loaders/babel/helpers.js +0 -469
- package/lib/cjs/server/loaders/babel/register.js +0 -124
- package/lib/cjs/server/loaders/hooks/mdx.js +0 -30
- package/lib/cjs/server/loaders/hooks/svelte.js +0 -65
- package/lib/cjs/server/loaders/webpack/compile.js +0 -293
- package/lib/cjs/server/loaders/webpack/creevey-loader.js +0 -179
- package/lib/cjs/server/loaders/webpack/dummy-hmr.js +0 -39
- package/lib/cjs/server/loaders/webpack/mdx-loader.js +0 -72
- package/lib/cjs/server/loaders/webpack/start.js +0 -41
- package/lib/cjs/server/logger.js +0 -48
- package/lib/cjs/server/master/api.js +0 -75
- package/lib/cjs/server/master/index.js +0 -146
- package/lib/cjs/server/master/master.js +0 -57
- package/lib/cjs/server/master/pool.js +0 -197
- package/lib/cjs/server/master/runner.js +0 -281
- package/lib/cjs/server/master/server.js +0 -129
- package/lib/cjs/server/messages.js +0 -264
- package/lib/cjs/server/selenium/browser.js +0 -672
- package/lib/cjs/server/selenium/index.js +0 -31
- package/lib/cjs/server/selenium/selenoid.js +0 -172
- package/lib/cjs/server/stories.js +0 -159
- package/lib/cjs/server/storybook/entry.js +0 -70
- package/lib/cjs/server/storybook/helpers.js +0 -159
- package/lib/cjs/server/storybook/providers/browser.js +0 -74
- package/lib/cjs/server/storybook/providers/hybrid.js +0 -84
- package/lib/cjs/server/storybook/providers/nodejs.js +0 -239
- package/lib/cjs/server/testsFiles/parser.js +0 -72
- package/lib/cjs/server/testsFiles/register.js +0 -48
- package/lib/cjs/server/update.js +0 -79
- package/lib/cjs/server/utils.js +0 -183
- package/lib/cjs/server/worker/chai-image.js +0 -142
- package/lib/cjs/server/worker/helpers.js +0 -69
- package/lib/cjs/server/worker/index.js +0 -15
- package/lib/cjs/server/worker/reporter.js +0 -108
- package/lib/cjs/server/worker/worker.js +0 -268
- package/lib/cjs/shared/index.js +0 -101
- package/lib/cjs/shared/serializeRegExp.js +0 -42
- package/lib/cjs/types.js +0 -74
- package/lib/esm/cli.js +0 -4
- package/lib/esm/client/addon/Manager.js +0 -248
- package/lib/esm/client/addon/components/Addon.js +0 -39
- package/lib/esm/client/addon/components/Icons.js +0 -31
- package/lib/esm/client/addon/components/Panel.js +0 -53
- package/lib/esm/client/addon/components/TestSelect.js +0 -51
- package/lib/esm/client/addon/components/Tools.js +0 -74
- package/lib/esm/client/addon/decorator.js +0 -2
- package/lib/esm/client/addon/index.js +0 -2
- package/lib/esm/client/addon/preset.js +0 -41
- package/lib/esm/client/addon/readyForCapture.js +0 -5
- package/lib/esm/client/addon/register.js +0 -51
- package/lib/esm/client/addon/utils.js +0 -31
- package/lib/esm/client/addon/withCreevey.js +0 -322
- package/lib/esm/client/shared/components/ImagesView/BlendView.js +0 -67
- package/lib/esm/client/shared/components/ImagesView/ImagesView.js +0 -69
- package/lib/esm/client/shared/components/ImagesView/SideBySideView.js +0 -131
- package/lib/esm/client/shared/components/ImagesView/SlideView.js +0 -143
- package/lib/esm/client/shared/components/ImagesView/SwapView.js +0 -71
- package/lib/esm/client/shared/components/ImagesView/index.js +0 -5
- package/lib/esm/client/shared/components/PageFooter/PageFooter.js +0 -36
- package/lib/esm/client/shared/components/PageFooter/Paging.js +0 -80
- package/lib/esm/client/shared/components/PageHeader/ImagePreview.js +0 -68
- package/lib/esm/client/shared/components/PageHeader/PageHeader.js +0 -97
- package/lib/esm/client/shared/components/ResultsPage.js +0 -115
- package/lib/esm/client/shared/creeveyClientApi.js +0 -67
- package/lib/esm/client/shared/helpers.js +0 -353
- package/lib/esm/client/shared/viewMode.js +0 -6
- package/lib/esm/creevey.js +0 -54
- package/lib/esm/index.js +0 -5
- package/lib/esm/server/config.js +0 -73
- package/lib/esm/server/docker.js +0 -123
- package/lib/esm/server/extract.js +0 -34
- package/lib/esm/server/index.js +0 -64
- package/lib/esm/server/loaders/babel/creevey-plugin.js +0 -72
- package/lib/esm/server/loaders/babel/helpers.js +0 -452
- package/lib/esm/server/loaders/babel/register.js +0 -103
- package/lib/esm/server/loaders/hooks/mdx.js +0 -15
- package/lib/esm/server/loaders/hooks/svelte.js +0 -49
- package/lib/esm/server/loaders/webpack/compile.js +0 -270
- package/lib/esm/server/loaders/webpack/creevey-loader.js +0 -158
- package/lib/esm/server/loaders/webpack/dummy-hmr.js +0 -32
- package/lib/esm/server/loaders/webpack/mdx-loader.js +0 -58
- package/lib/esm/server/loaders/webpack/start.js +0 -27
- package/lib/esm/server/master/api.js +0 -64
- package/lib/esm/server/master/index.js +0 -125
- package/lib/esm/server/master/master.js +0 -38
- package/lib/esm/server/master/pool.js +0 -176
- package/lib/esm/server/master/runner.js +0 -259
- package/lib/esm/server/master/server.js +0 -105
- package/lib/esm/server/messages.js +0 -232
- package/lib/esm/server/selenium/browser.js +0 -639
- package/lib/esm/server/selenium/index.js +0 -2
- package/lib/esm/server/selenium/selenoid.js +0 -149
- package/lib/esm/server/stories.js +0 -140
- package/lib/esm/server/storybook/entry.js +0 -46
- package/lib/esm/server/storybook/helpers.js +0 -98
- package/lib/esm/server/storybook/providers/browser.js +0 -60
- package/lib/esm/server/storybook/providers/hybrid.js +0 -64
- package/lib/esm/server/storybook/providers/nodejs.js +0 -217
- package/lib/esm/server/testsFiles/parser.js +0 -50
- package/lib/esm/server/testsFiles/register.js +0 -35
- package/lib/esm/server/update.js +0 -61
- package/lib/esm/server/utils.js +0 -142
- package/lib/esm/server/worker/chai-image.js +0 -130
- package/lib/esm/server/worker/helpers.js +0 -60
- package/lib/esm/server/worker/index.js +0 -1
- package/lib/esm/server/worker/reporter.js +0 -86
- package/lib/esm/server/worker/worker.js +0 -238
- package/lib/esm/shared/index.js +0 -78
- package/lib/esm/shared/serializeRegExp.js +0 -24
- package/lib/esm/types.js +0 -43
- package/lib/types/cli.d.ts +0 -1
- package/lib/types/client/addon/components/Addon.d.ts +0 -8
- package/lib/types/client/addon/components/Tools.d.ts +0 -6
- package/lib/types/client/addon/decorator.d.ts +0 -1
- package/lib/types/client/addon/index.d.ts +0 -2
- package/lib/types/client/addon/preset.d.ts +0 -23
- package/lib/types/client/addon/register.d.ts +0 -3
- package/lib/types/client/shared/components/ImagesView/BlendView.d.ts +0 -3
- package/lib/types/client/shared/components/ImagesView/SideBySideView.d.ts +0 -3
- package/lib/types/client/shared/components/ImagesView/SlideView.d.ts +0 -3
- package/lib/types/client/shared/components/ImagesView/SwapView.d.ts +0 -3
- package/lib/types/client/shared/components/ImagesView/index.d.ts +0 -5
- package/lib/types/client/shared/components/PageFooter/PageFooter.d.ts +0 -8
- package/lib/types/client/shared/components/ResultsPage.d.ts +0 -18
- package/lib/types/client/web/CreeveyLoader.d.ts +0 -2
- package/lib/types/client/web/CreeveyView/SideBar/SuiteLink.d.ts +0 -33
- package/lib/types/client/web/CreeveyView/SideBar/TestsStatus.d.ts +0 -9
- package/lib/types/client/web/CreeveyView/SideBar/index.d.ts +0 -1
- package/lib/types/index.d.ts +0 -2
- package/lib/types/server/extract.d.ts +0 -2
- package/lib/types/server/loaders/babel/creevey-plugin.d.ts +0 -1
- package/lib/types/server/loaders/babel/helpers.d.ts +0 -19
- package/lib/types/server/loaders/babel/register.d.ts +0 -5
- package/lib/types/server/loaders/hooks/mdx.d.ts +0 -1
- package/lib/types/server/loaders/hooks/svelte.d.ts +0 -1
- package/lib/types/server/loaders/webpack/compile.d.ts +0 -2
- package/lib/types/server/loaders/webpack/creevey-loader.d.ts +0 -4
- package/lib/types/server/loaders/webpack/dummy-hmr.d.ts +0 -10
- package/lib/types/server/loaders/webpack/mdx-loader.d.ts +0 -6
- package/lib/types/server/loaders/webpack/start.d.ts +0 -1
- package/lib/types/server/master/index.d.ts +0 -3
- package/lib/types/server/master/server.d.ts +0 -2
- package/lib/types/server/selenium/index.d.ts +0 -2
- package/lib/types/server/stories.d.ts +0 -8
- package/lib/types/server/storybook/entry.d.ts +0 -18
- package/lib/types/server/storybook/helpers.d.ts +0 -24
- package/lib/types/server/storybook/providers/browser.d.ts +0 -4
- package/lib/types/server/storybook/providers/hybrid.d.ts +0 -4
- package/lib/types/server/storybook/providers/nodejs.d.ts +0 -9
- package/lib/types/server/testsFiles/register.d.ts +0 -2
- package/lib/types/server/update.d.ts +0 -2
- package/lib/types/server/utils.d.ts +0 -20
- package/lib/types/server/worker/index.d.ts +0 -1
- package/lib/types/server/worker/worker.d.ts +0 -4
- package/preset.js +0 -9
- package/types/babel__register.d.ts +0 -1
- package/types/event-source-polyfill.d.ts +0 -6
- package/types/mdx.d.ts +0 -7
- /package/{addon → manager}/README.md +0 -0
@@ -1,17 +1,19 @@
|
|
1
|
-
import { Context } from 'mocha';
|
2
|
-
import { WebDriver } from 'selenium-webdriver';
|
3
|
-
import { Config, StorybookGlobals, StoriesRaw } from '../../types';
|
4
|
-
declare global {
|
5
|
-
interface Window {
|
6
|
-
__CREEVEY_RESTORE_SCROLL__?: () => void;
|
7
|
-
__CREEVEY_UPDATE_GLOBALS__: (globals: StorybookGlobals) => void;
|
8
|
-
__CREEVEY_INSERT_IGNORE_STYLES__: (ignoreElements: string[]) => HTMLStyleElement;
|
9
|
-
__CREEVEY_REMOVE_IGNORE_STYLES__: (ignoreStyles: HTMLStyleElement) => void;
|
10
|
-
}
|
11
|
-
}
|
12
|
-
export declare function takeScreenshot(browser: WebDriver, captureElement?: string | null, ignoreElements?: string | string[] | null): Promise<string>;
|
13
|
-
export declare function updateStorybookGlobals(browser: WebDriver, globals: StorybookGlobals): Promise<void>;
|
14
|
-
export declare function loadStoriesFromBrowser(
|
15
|
-
export declare function getBrowser(config: Config,
|
16
|
-
|
17
|
-
|
1
|
+
import { Context } from 'mocha';
|
2
|
+
import { WebDriver } from 'selenium-webdriver';
|
3
|
+
import { Config, StorybookGlobals, StoriesRaw, Options } from '../../types.js';
|
4
|
+
declare global {
|
5
|
+
interface Window {
|
6
|
+
__CREEVEY_RESTORE_SCROLL__?: () => void;
|
7
|
+
__CREEVEY_UPDATE_GLOBALS__: (globals: StorybookGlobals) => void;
|
8
|
+
__CREEVEY_INSERT_IGNORE_STYLES__: (ignoreElements: string[]) => HTMLStyleElement;
|
9
|
+
__CREEVEY_REMOVE_IGNORE_STYLES__: (ignoreStyles: HTMLStyleElement) => void;
|
10
|
+
}
|
11
|
+
}
|
12
|
+
export declare function takeScreenshot(browser: WebDriver, captureElement?: string | null, ignoreElements?: string | string[] | null): Promise<string>;
|
13
|
+
export declare function updateStorybookGlobals(browser: WebDriver, globals: StorybookGlobals): Promise<void>;
|
14
|
+
export declare function loadStoriesFromBrowser(): Promise<StoriesRaw>;
|
15
|
+
export declare function getBrowser(config: Config, options: Options & {
|
16
|
+
browser: string;
|
17
|
+
}): Promise<WebDriver | null>;
|
18
|
+
export declare function closeBrowser(): Promise<void>;
|
19
|
+
export declare function switchStory(this: Context): Promise<void>;
|
@@ -0,0 +1,640 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
+
};
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
+
exports.takeScreenshot = takeScreenshot;
|
7
|
+
exports.updateStorybookGlobals = updateStorybookGlobals;
|
8
|
+
exports.loadStoriesFromBrowser = loadStoriesFromBrowser;
|
9
|
+
exports.getBrowser = getBrowser;
|
10
|
+
exports.closeBrowser = closeBrowser;
|
11
|
+
exports.switchStory = switchStory;
|
12
|
+
const core_events_1 = require("@storybook/core-events");
|
13
|
+
const chalk_1 = __importDefault(require("chalk"));
|
14
|
+
const http_1 = __importDefault(require("http"));
|
15
|
+
const https_1 = __importDefault(require("https"));
|
16
|
+
const loglevel_1 = __importDefault(require("loglevel"));
|
17
|
+
const loglevel_plugin_prefix_1 = __importDefault(require("loglevel-plugin-prefix"));
|
18
|
+
const os_1 = require("os");
|
19
|
+
const pngjs_1 = require("pngjs");
|
20
|
+
const selenium_webdriver_1 = require("selenium-webdriver");
|
21
|
+
// import { Options as IeOptions } from 'selenium-webdriver/ie';
|
22
|
+
// import { Options as EdgeOptions } from 'selenium-webdriver/edge';
|
23
|
+
// import { Options as ChromeOptions } from 'selenium-webdriver/chrome';
|
24
|
+
// import { Options as SafariOptions } from 'selenium-webdriver/safari';
|
25
|
+
// import { Options as FirefoxOptions } from 'selenium-webdriver/firefox';
|
26
|
+
const capabilities_js_1 = require("selenium-webdriver/lib/capabilities.js");
|
27
|
+
const types_js_1 = require("../../types.js");
|
28
|
+
const logger_js_1 = require("../logger.js");
|
29
|
+
const messages_js_1 = require("../messages.js");
|
30
|
+
const utils_js_1 = require("../utils.js");
|
31
|
+
// type UnPromise<P> = P extends Promise<infer T> ? T : never;
|
32
|
+
const storybookRootID = 'storybook-root';
|
33
|
+
const DOCKER_INTERNAL = 'host.docker.internal';
|
34
|
+
let browserLogger = logger_js_1.logger;
|
35
|
+
let browserName = '';
|
36
|
+
let browser = null;
|
37
|
+
// let context: UnPromise<ReturnType<typeof BrowsingContext>> | null = null;
|
38
|
+
let creeveyServerHost = null;
|
39
|
+
let creeveyServerPort = null;
|
40
|
+
function getSessionData(grid, sessionId = '') {
|
41
|
+
const gridUrl = new URL(grid);
|
42
|
+
gridUrl.pathname = `/host/${sessionId}`;
|
43
|
+
return new Promise((resolve, reject) => (gridUrl.protocol == 'https:' ? https_1.default : http_1.default).get(gridUrl.toString(), (res) => {
|
44
|
+
if (res.statusCode !== 200) {
|
45
|
+
reject(new Error(`Couldn't get session data for ${sessionId}. Status code: ${res.statusCode ?? 'Unknown'}`));
|
46
|
+
return;
|
47
|
+
}
|
48
|
+
let data = '';
|
49
|
+
res.setEncoding('utf-8');
|
50
|
+
res.on('data', (chunk) => (data += chunk));
|
51
|
+
res.on('end', () => {
|
52
|
+
try {
|
53
|
+
resolve(JSON.parse(data));
|
54
|
+
}
|
55
|
+
catch (error) {
|
56
|
+
reject(new Error(`Couldn't get session data for ${sessionId}. ${error instanceof Error ? (error.stack ?? error.message) : error}`));
|
57
|
+
}
|
58
|
+
});
|
59
|
+
}));
|
60
|
+
}
|
61
|
+
function getAddresses() {
|
62
|
+
// TODO Check if docker is used
|
63
|
+
return [DOCKER_INTERNAL].concat(...Object.values((0, os_1.networkInterfaces)())
|
64
|
+
.filter(types_js_1.isDefined)
|
65
|
+
.map((network) => network.filter((info) => info.family == 'IPv4').map((info) => info.address)));
|
66
|
+
}
|
67
|
+
async function resolveStorybookUrl(storybookUrl, checkUrl) {
|
68
|
+
browserLogger.debug('Resolving storybook url');
|
69
|
+
const addresses = getAddresses();
|
70
|
+
for (const ip of addresses) {
|
71
|
+
const resolvedUrl = storybookUrl.replace(utils_js_1.LOCALHOST_REGEXP, ip);
|
72
|
+
browserLogger.debug(`Checking storybook availability on ${chalk_1.default.magenta(resolvedUrl)}`);
|
73
|
+
if (await checkUrl(resolvedUrl)) {
|
74
|
+
browserLogger.debug(`Resolved storybook url ${chalk_1.default.magenta(resolvedUrl)}`);
|
75
|
+
return resolvedUrl;
|
76
|
+
}
|
77
|
+
}
|
78
|
+
const error = new Error('Please specify `storybookUrl` with IP address that accessible from remote browser');
|
79
|
+
error.name = 'ResolveUrlError';
|
80
|
+
throw error;
|
81
|
+
}
|
82
|
+
async function openUrlAndWaitForPageSource(browser, url, predicate) {
|
83
|
+
let source = '';
|
84
|
+
await browser.get(url);
|
85
|
+
do {
|
86
|
+
try {
|
87
|
+
source = await browser.getPageSource();
|
88
|
+
}
|
89
|
+
catch {
|
90
|
+
// NOTE: Firefox can raise exception "curContainer.frame.document.documentElement is null"
|
91
|
+
}
|
92
|
+
} while (predicate(source));
|
93
|
+
return source;
|
94
|
+
}
|
95
|
+
function getUrlChecker(browser) {
|
96
|
+
return async (url) => {
|
97
|
+
try {
|
98
|
+
// NOTE: Before trying a new url, reset the current one
|
99
|
+
browserLogger.debug(`Opening ${chalk_1.default.magenta('about:blank')} page`);
|
100
|
+
await openUrlAndWaitForPageSource(browser, 'about:blank', (source) => !source.includes('<body></body>'));
|
101
|
+
browserLogger.debug(`Opening ${chalk_1.default.magenta(url)} and checking the page source`);
|
102
|
+
const source = await openUrlAndWaitForPageSource(browser, url,
|
103
|
+
// NOTE: IE11 can return only `head` without body
|
104
|
+
(source) => source.length == 0 || !/<body([^>]*>).+<\/body>/s.test(source));
|
105
|
+
// NOTE: This is the most optimal way to check if we in storybook or not
|
106
|
+
// We don't use any page load strategies except `NONE`
|
107
|
+
// because other add significant delay and some of them don't work in earlier chrome versions
|
108
|
+
// Browsers always load page successful even it's failed
|
109
|
+
// So we just check `root` element
|
110
|
+
browserLogger.debug(`Checking ${chalk_1.default.cyan(`#${storybookRootID}`)} existence on ${chalk_1.default.magenta(url)}`);
|
111
|
+
return source.includes(`id="${storybookRootID}"`);
|
112
|
+
}
|
113
|
+
catch {
|
114
|
+
return false;
|
115
|
+
}
|
116
|
+
};
|
117
|
+
}
|
118
|
+
async function waitForStorybook(browser) {
|
119
|
+
browserLogger.debug('Waiting for `setStories` event to make sure that storybook is initiated');
|
120
|
+
const isTimeout = await Promise.race([
|
121
|
+
new Promise((resolve) => {
|
122
|
+
setTimeout(() => {
|
123
|
+
resolve(true);
|
124
|
+
}, 60000);
|
125
|
+
}),
|
126
|
+
(async () => {
|
127
|
+
let wait = true;
|
128
|
+
do {
|
129
|
+
try {
|
130
|
+
wait = await browser.executeScript(function (SET_GLOBALS) {
|
131
|
+
if (typeof window.__STORYBOOK_ADDONS_CHANNEL__ == 'undefined')
|
132
|
+
return true;
|
133
|
+
if (window.__STORYBOOK_ADDONS_CHANNEL__.last(SET_GLOBALS) == undefined)
|
134
|
+
return true;
|
135
|
+
return false;
|
136
|
+
}, core_events_1.SET_GLOBALS);
|
137
|
+
}
|
138
|
+
catch (e) {
|
139
|
+
browserLogger.debug('An error has been caught during the script:', e);
|
140
|
+
}
|
141
|
+
} while (wait);
|
142
|
+
return false;
|
143
|
+
})(),
|
144
|
+
]);
|
145
|
+
// TODO Change the message to describe a reason why it might happen
|
146
|
+
if (isTimeout)
|
147
|
+
throw new Error('Failed to wait `setStories` event');
|
148
|
+
}
|
149
|
+
async function resetMousePosition(browser) {
|
150
|
+
browserLogger.debug('Resetting mouse position to the top-left corner');
|
151
|
+
const browserName = (await browser.getCapabilities()).getBrowserName();
|
152
|
+
const [browserVersion] = (await browser.getCapabilities()).getBrowserVersion()?.split('.') ??
|
153
|
+
(await browser.getCapabilities()).get('version')?.split('.') ??
|
154
|
+
[];
|
155
|
+
// NOTE Reset mouse position to support keweb selenium grid browser versions
|
156
|
+
if (browserName == 'chrome' && browserVersion == '70') {
|
157
|
+
const { top, left, width, height } = await browser.executeScript(function () {
|
158
|
+
const bodyRect = document.body.getBoundingClientRect();
|
159
|
+
return {
|
160
|
+
top: bodyRect.top,
|
161
|
+
left: bodyRect.left,
|
162
|
+
width: bodyRect.width,
|
163
|
+
height: bodyRect.height,
|
164
|
+
};
|
165
|
+
});
|
166
|
+
// NOTE Bridge mode doesn't support `Origin.VIEWPORT`, move mouse relative
|
167
|
+
await browser
|
168
|
+
.actions({ bridge: true })
|
169
|
+
.move({
|
170
|
+
origin: browser.findElement(selenium_webdriver_1.By.css('body')),
|
171
|
+
x: Math.ceil((-1 * width) / 2) - left,
|
172
|
+
y: Math.ceil((-1 * height) / 2) - top,
|
173
|
+
})
|
174
|
+
.perform();
|
175
|
+
}
|
176
|
+
else if (browserName == 'firefox' && browserVersion == '61') {
|
177
|
+
// NOTE Firefox for some reason moving by 0 x 0 move cursor in bottom left corner :sad:
|
178
|
+
await browser.actions().move({ origin: selenium_webdriver_1.Origin.VIEWPORT, x: 0, y: 1 }).perform();
|
179
|
+
}
|
180
|
+
else {
|
181
|
+
// NOTE IE don't emit move events until force window focus or connect by RDP on virtual machine
|
182
|
+
await browser.actions().move({ origin: selenium_webdriver_1.Origin.VIEWPORT, x: 0, y: 0 }).perform();
|
183
|
+
}
|
184
|
+
}
|
185
|
+
async function resizeViewport(browser, viewport) {
|
186
|
+
const windowRect = await browser.manage().window().getRect();
|
187
|
+
const { innerWidth, innerHeight } = await browser.executeScript(function () {
|
188
|
+
return {
|
189
|
+
innerWidth: window.innerWidth,
|
190
|
+
innerHeight: window.innerHeight,
|
191
|
+
};
|
192
|
+
});
|
193
|
+
browserLogger.debug(`Resizing viewport from ${innerWidth}x${innerHeight} to ${viewport.width}x${viewport.height}`);
|
194
|
+
const dWidth = windowRect.width - innerWidth;
|
195
|
+
const dHeight = windowRect.height - innerHeight;
|
196
|
+
await browser
|
197
|
+
.manage()
|
198
|
+
.window()
|
199
|
+
.setRect({
|
200
|
+
width: viewport.width + dWidth,
|
201
|
+
height: viewport.height + dHeight,
|
202
|
+
});
|
203
|
+
}
|
204
|
+
const getScrollBarWidth = (() => {
|
205
|
+
let scrollBarWidth = null;
|
206
|
+
return async (browser) => {
|
207
|
+
if (scrollBarWidth != null)
|
208
|
+
return Promise.resolve(scrollBarWidth);
|
209
|
+
scrollBarWidth = await browser.executeScript(function () {
|
210
|
+
// eslint-disable-next-line no-var
|
211
|
+
var div = document.createElement('div');
|
212
|
+
div.innerHTML = 'a'; // NOTE: In IE clientWidth is 0 if this div is empty.
|
213
|
+
div.style.overflowY = 'scroll';
|
214
|
+
document.body.appendChild(div);
|
215
|
+
// eslint-disable-next-line no-var
|
216
|
+
var widthDiff = div.offsetWidth - div.clientWidth;
|
217
|
+
document.body.removeChild(div);
|
218
|
+
return widthDiff;
|
219
|
+
});
|
220
|
+
return scrollBarWidth;
|
221
|
+
};
|
222
|
+
})();
|
223
|
+
// NOTE Firefox and Safari take viewport screenshot without scrollbars
|
224
|
+
async function hasScrollBar(browser) {
|
225
|
+
const browserName = (await browser.getCapabilities()).getBrowserName();
|
226
|
+
const [browserVersion] = (await browser.getCapabilities()).getBrowserVersion()?.split('.') ?? [];
|
227
|
+
return (browserName != 'Safari' &&
|
228
|
+
// NOTE This need to work with keweb selenium grid
|
229
|
+
!(browserName == 'firefox' && browserVersion == '61'));
|
230
|
+
}
|
231
|
+
async function takeCompositeScreenshot(browser, windowRect, elementRect) {
|
232
|
+
const screens = [];
|
233
|
+
const isScreenshotWithoutScrollBar = !(await hasScrollBar(browser));
|
234
|
+
const scrollBarWidth = await getScrollBarWidth(browser);
|
235
|
+
// NOTE Sometimes viewport has been scrolled somewhere
|
236
|
+
const normalizedElementRect = {
|
237
|
+
left: elementRect.left - windowRect.left,
|
238
|
+
right: elementRect.left + elementRect.width - windowRect.left,
|
239
|
+
top: elementRect.top - windowRect.top,
|
240
|
+
bottom: elementRect.top + elementRect.height - windowRect.top,
|
241
|
+
};
|
242
|
+
const isFitHorizontally = windowRect.width >= elementRect.width + normalizedElementRect.left;
|
243
|
+
const isFitVertically = windowRect.height >= elementRect.height + normalizedElementRect.top;
|
244
|
+
const viewportWidth = windowRect.width - (isFitVertically ? 0 : scrollBarWidth);
|
245
|
+
const viewportHeight = windowRect.height - (isFitHorizontally ? 0 : scrollBarWidth);
|
246
|
+
const cols = Math.ceil(elementRect.width / viewportWidth);
|
247
|
+
const rows = Math.ceil(elementRect.height / viewportHeight);
|
248
|
+
const xOffset = Math.round(isFitHorizontally ? normalizedElementRect.left : Math.max(0, cols * viewportWidth - elementRect.width));
|
249
|
+
const yOffset = Math.round(isFitVertically ? normalizedElementRect.top : Math.max(0, rows * viewportHeight - elementRect.height));
|
250
|
+
for (let row = 0; row < rows; row += 1) {
|
251
|
+
for (let col = 0; col < cols; col += 1) {
|
252
|
+
const dx = Math.min(viewportWidth * col + normalizedElementRect.left, Math.max(0, normalizedElementRect.right - viewportWidth));
|
253
|
+
const dy = Math.min(viewportHeight * row + normalizedElementRect.top, Math.max(0, normalizedElementRect.bottom - viewportHeight));
|
254
|
+
await browser.executeScript(function (x, y) {
|
255
|
+
window.scrollTo(x, y);
|
256
|
+
}, dx, dy);
|
257
|
+
screens.push(await browser.takeScreenshot());
|
258
|
+
}
|
259
|
+
}
|
260
|
+
const images = screens.map((s) => Buffer.from(s, 'base64')).map((b) => pngjs_1.PNG.sync.read(b));
|
261
|
+
const compositeImage = new pngjs_1.PNG({ width: Math.round(elementRect.width), height: Math.round(elementRect.height) });
|
262
|
+
for (let y = 0; y < compositeImage.height; y += 1) {
|
263
|
+
for (let x = 0; x < compositeImage.width; x += 1) {
|
264
|
+
const col = Math.floor(x / viewportWidth);
|
265
|
+
const row = Math.floor(y / viewportHeight);
|
266
|
+
const isLastCol = cols - col == 1;
|
267
|
+
const isLastRow = rows - row == 1;
|
268
|
+
const scrollOffset = isFitVertically || isScreenshotWithoutScrollBar ? 0 : scrollBarWidth;
|
269
|
+
const i = (y * compositeImage.width + x) * 4;
|
270
|
+
const j =
|
271
|
+
// NOTE compositeImage(x, y) => image(x, y)
|
272
|
+
((y % viewportHeight) * (viewportWidth + scrollOffset) + (x % viewportWidth)) * 4 +
|
273
|
+
// NOTE Offset for last row/col image
|
274
|
+
(isLastRow ? yOffset * (viewportWidth + scrollOffset) * 4 : 0) +
|
275
|
+
(isLastCol ? xOffset * 4 : 0);
|
276
|
+
const image = images[row * cols + col];
|
277
|
+
compositeImage.data[i + 0] = image.data[j + 0];
|
278
|
+
compositeImage.data[i + 1] = image.data[j + 1];
|
279
|
+
compositeImage.data[i + 2] = image.data[j + 2];
|
280
|
+
compositeImage.data[i + 3] = image.data[j + 3];
|
281
|
+
}
|
282
|
+
}
|
283
|
+
return pngjs_1.PNG.sync.write(compositeImage).toString('base64');
|
284
|
+
}
|
285
|
+
async function takeScreenshot(browser, captureElement, ignoreElements) {
|
286
|
+
let screenshot;
|
287
|
+
const ignoreStyles = await insertIgnoreStyles(browser, ignoreElements);
|
288
|
+
if (browserLogger.getLevel() <= loglevel_1.default.levels.DEBUG) {
|
289
|
+
const { innerWidth, innerHeight } = await browser.executeScript(function () {
|
290
|
+
return {
|
291
|
+
innerWidth: window.innerWidth,
|
292
|
+
innerHeight: window.innerHeight,
|
293
|
+
};
|
294
|
+
});
|
295
|
+
browserLogger.debug(`Viewport size is: ${innerWidth}x${innerHeight}`);
|
296
|
+
}
|
297
|
+
try {
|
298
|
+
if (!captureElement) {
|
299
|
+
browserLogger.debug('Capturing viewport screenshot');
|
300
|
+
screenshot = await browser.takeScreenshot();
|
301
|
+
browserLogger.debug('Viewport screenshot is captured');
|
302
|
+
}
|
303
|
+
else {
|
304
|
+
browserLogger.debug(`Checking is element ${chalk_1.default.cyan(captureElement)} fit into viewport`);
|
305
|
+
const rects = await browser.executeScript(function (selector) {
|
306
|
+
window.scrollTo(0, 0); // TODO Maybe we should remove same code from `resetMousePosition`
|
307
|
+
// eslint-disable-next-line no-var
|
308
|
+
var element = document.querySelector(selector);
|
309
|
+
if (!element)
|
310
|
+
return;
|
311
|
+
// eslint-disable-next-line no-var
|
312
|
+
var elementRect = element.getBoundingClientRect();
|
313
|
+
return {
|
314
|
+
elementRect: {
|
315
|
+
top: elementRect.top,
|
316
|
+
left: elementRect.left,
|
317
|
+
width: elementRect.width,
|
318
|
+
height: elementRect.height,
|
319
|
+
},
|
320
|
+
// NOTE page_Offset is used only for IE9-11
|
321
|
+
windowRect: {
|
322
|
+
// eslint-disable-next-line @typescript-eslint/no-deprecated
|
323
|
+
top: Math.round(window.scrollY || window.pageYOffset),
|
324
|
+
// eslint-disable-next-line @typescript-eslint/no-deprecated
|
325
|
+
left: Math.round(window.scrollX || window.pageXOffset),
|
326
|
+
width: window.innerWidth,
|
327
|
+
height: window.innerHeight,
|
328
|
+
},
|
329
|
+
};
|
330
|
+
}, captureElement);
|
331
|
+
const { elementRect, windowRect } = rects ?? {};
|
332
|
+
if (!elementRect || !windowRect)
|
333
|
+
throw new Error(`Couldn't find element with selector: '${captureElement}'`);
|
334
|
+
const isFitIntoViewport = elementRect.width + elementRect.left <= windowRect.width &&
|
335
|
+
elementRect.height + elementRect.top <= windowRect.height;
|
336
|
+
if (isFitIntoViewport) {
|
337
|
+
browserLogger.debug(`Capturing ${chalk_1.default.cyan(captureElement)} with size: ${elementRect.width}x${elementRect.height}`);
|
338
|
+
}
|
339
|
+
else
|
340
|
+
browserLogger.debug(`Capturing composite screenshot image of ${chalk_1.default.cyan(captureElement)} with size: ${elementRect.width}x${elementRect.height}`);
|
341
|
+
// const element = await browser.findElement(By.css(captureElement));
|
342
|
+
// screenshot = isFitIntoViewport
|
343
|
+
// ? context
|
344
|
+
// ? await context.captureElementScreenshot(await element.getId())
|
345
|
+
// : await browser.findElement(By.css(captureElement)).takeScreenshot()
|
346
|
+
// : // TODO pointer-events: none, need to research
|
347
|
+
// await takeCompositeScreenshot(browser, windowRect, elementRect);
|
348
|
+
screenshot = isFitIntoViewport
|
349
|
+
? await browser.findElement(selenium_webdriver_1.By.css(captureElement)).takeScreenshot()
|
350
|
+
: // TODO pointer-events: none, need to research
|
351
|
+
await takeCompositeScreenshot(browser, windowRect, elementRect);
|
352
|
+
browserLogger.debug(`${chalk_1.default.cyan(captureElement)} is captured`);
|
353
|
+
}
|
354
|
+
}
|
355
|
+
finally {
|
356
|
+
await removeIgnoreStyles(browser, ignoreStyles);
|
357
|
+
}
|
358
|
+
return screenshot;
|
359
|
+
}
|
360
|
+
async function selectStory(browser, storyId, waitForReady = false) {
|
361
|
+
browserLogger.debug(`Triggering 'SetCurrentStory' event with storyId ${chalk_1.default.magenta(storyId)}`);
|
362
|
+
const result = await browser.executeAsyncScript(function (id, shouldWaitForReady, callback) {
|
363
|
+
if (typeof window.__CREEVEY_SELECT_STORY__ == 'undefined') {
|
364
|
+
callback([
|
365
|
+
"Creevey can't switch story. This may happened if forget to add `creevey` addon to your storybook config, or storybook not loaded in browser due syntax error.",
|
366
|
+
]);
|
367
|
+
return;
|
368
|
+
}
|
369
|
+
void window.__CREEVEY_SELECT_STORY__(id, shouldWaitForReady, callback);
|
370
|
+
}, storyId, waitForReady);
|
371
|
+
const [errorMessage, isCaptureCalled = false] = result ?? [];
|
372
|
+
if (errorMessage)
|
373
|
+
throw new Error(errorMessage);
|
374
|
+
return isCaptureCalled;
|
375
|
+
}
|
376
|
+
async function updateStorybookGlobals(browser, globals) {
|
377
|
+
browserLogger.debug('Applying storybook globals');
|
378
|
+
await browser.executeScript(function (globals) {
|
379
|
+
window.__CREEVEY_UPDATE_GLOBALS__(globals);
|
380
|
+
}, globals);
|
381
|
+
}
|
382
|
+
function appendIframePath(url) {
|
383
|
+
return `${url.replace(/\/$/, '')}/iframe.html`;
|
384
|
+
}
|
385
|
+
async function openStorybookPage(browser, storybookUrl, resolver) {
|
386
|
+
if (!utils_js_1.LOCALHOST_REGEXP.test(storybookUrl)) {
|
387
|
+
return browser.get(appendIframePath(storybookUrl));
|
388
|
+
}
|
389
|
+
try {
|
390
|
+
if (resolver) {
|
391
|
+
browserLogger.debug('Resolving storybook url with custom resolver');
|
392
|
+
const resolvedUrl = await resolver();
|
393
|
+
browserLogger.debug(`Resolver storybook url ${resolvedUrl}`);
|
394
|
+
await browser.get(appendIframePath(resolvedUrl));
|
395
|
+
}
|
396
|
+
else {
|
397
|
+
// NOTE: getUrlChecker already calls `browser.get` so we don't need another one
|
398
|
+
await resolveStorybookUrl(appendIframePath(storybookUrl), getUrlChecker(browser));
|
399
|
+
}
|
400
|
+
}
|
401
|
+
catch (error) {
|
402
|
+
browserLogger.error('Failed to resolve storybook URL', error instanceof Error ? error.message : '');
|
403
|
+
throw error;
|
404
|
+
}
|
405
|
+
}
|
406
|
+
async function resolveCreeveyHost(browser, port) {
|
407
|
+
const addresses = getAddresses();
|
408
|
+
creeveyServerPort = port;
|
409
|
+
creeveyServerHost = await browser.executeAsyncScript(function (hosts, port, callback) {
|
410
|
+
void Promise.all(hosts.map(function (host) {
|
411
|
+
return Promise.race([
|
412
|
+
// eslint-disable-next-line @typescript-eslint/restrict-plus-operands
|
413
|
+
fetch('http://' + host + ':' + port + '/ping').then(function (response) {
|
414
|
+
return response.text();
|
415
|
+
}),
|
416
|
+
new Promise((_resolve, reject) => {
|
417
|
+
setTimeout(reject, 5000);
|
418
|
+
}),
|
419
|
+
])
|
420
|
+
.then(function (pong) {
|
421
|
+
return pong == 'pong' ? host : null;
|
422
|
+
})
|
423
|
+
.catch(function () {
|
424
|
+
return null;
|
425
|
+
});
|
426
|
+
})).then(function (hosts) {
|
427
|
+
callback(hosts.find(function (host) {
|
428
|
+
return host != null;
|
429
|
+
}));
|
430
|
+
});
|
431
|
+
}, addresses, port);
|
432
|
+
if (creeveyServerHost == null)
|
433
|
+
throw new Error("Can't reach creevey server from a browser");
|
434
|
+
}
|
435
|
+
async function loadStoriesFromBrowser() {
|
436
|
+
if (!browser)
|
437
|
+
throw new Error("Can't get stories from browser if webdriver isn't connected");
|
438
|
+
const stories = await browser.executeAsyncScript(function (callback) {
|
439
|
+
void window.__CREEVEY_GET_STORIES__().then(callback);
|
440
|
+
});
|
441
|
+
if (!stories)
|
442
|
+
throw new Error("Can't get stories, it seems creevey or storybook API isn't available");
|
443
|
+
return stories;
|
444
|
+
}
|
445
|
+
async function getBrowser(config, options) {
|
446
|
+
if (browser)
|
447
|
+
return browser;
|
448
|
+
browserName = options.browser;
|
449
|
+
const browserConfig = config.browsers[browserName];
|
450
|
+
const { gridUrl = config.gridUrl, storybookUrl: address = config.storybookUrl, limit, viewport, _storybookGlobals, ...userCapabilities } = browserConfig;
|
451
|
+
void limit;
|
452
|
+
const realAddress = address;
|
453
|
+
// TODO Define some capabilities explicitly and define typings
|
454
|
+
const capabilities = new selenium_webdriver_1.Capabilities({ ...userCapabilities, pageLoadStrategy: capabilities_js_1.PageLoadStrategy.EAGER });
|
455
|
+
(0, messages_js_1.subscribeOn)('shutdown', () => {
|
456
|
+
void browser?.quit().finally(() => process.exit());
|
457
|
+
browser = null;
|
458
|
+
});
|
459
|
+
try {
|
460
|
+
const url = new URL(gridUrl);
|
461
|
+
url.username = url.username ? '********' : '';
|
462
|
+
url.password = url.password ? '********' : '';
|
463
|
+
browserLogger.debug(`(${browserName}) Connecting to Selenium ${chalk_1.default.magenta(url.toString())}`);
|
464
|
+
const prefs = new selenium_webdriver_1.logging.Preferences();
|
465
|
+
if (options.trace) {
|
466
|
+
for (const type of Object.values(selenium_webdriver_1.logging.Type)) {
|
467
|
+
prefs.setLevel(type, selenium_webdriver_1.logging.Level.ALL);
|
468
|
+
}
|
469
|
+
}
|
470
|
+
// const ie = new IeOptions();
|
471
|
+
// const edge = new EdgeOptions();
|
472
|
+
// const chrome = new ChromeOptions();
|
473
|
+
// const safari = new SafariOptions();
|
474
|
+
// const firefox = new FirefoxOptions();
|
475
|
+
// edge.enableBidi();
|
476
|
+
// chrome.enableBidi();
|
477
|
+
// firefox.enableBidi();
|
478
|
+
browser = await new selenium_webdriver_1.Builder()
|
479
|
+
// .setIeOptions(ie)
|
480
|
+
// .setEdgeOptions(edge)
|
481
|
+
// .setChromeOptions(chrome)
|
482
|
+
// .setSafariOptions(safari)
|
483
|
+
// .setFirefoxOptions(firefox)
|
484
|
+
.usingServer(gridUrl)
|
485
|
+
.withCapabilities(capabilities)
|
486
|
+
.setLoggingPrefs(prefs) // NOTE: Should go last
|
487
|
+
.build();
|
488
|
+
// const id = await browser.getWindowHandle();
|
489
|
+
// context = await BrowsingContext(browser, { browsingContextId: id });
|
490
|
+
const sessionId = (await browser.getSession()).getId();
|
491
|
+
let browserHost = '';
|
492
|
+
try {
|
493
|
+
const { Name } = await getSessionData(gridUrl, sessionId);
|
494
|
+
if (typeof Name == 'string')
|
495
|
+
browserHost = Name;
|
496
|
+
}
|
497
|
+
catch {
|
498
|
+
/* noop */
|
499
|
+
}
|
500
|
+
browserLogger.debug(`(${browserName}) Connected successful with ${[chalk_1.default.green(browserHost), chalk_1.default.magenta(sessionId)]
|
501
|
+
.filter(Boolean)
|
502
|
+
.join(':')}`);
|
503
|
+
browserLogger = loglevel_1.default.getLogger(sessionId);
|
504
|
+
loglevel_plugin_prefix_1.default.apply(browserLogger, {
|
505
|
+
format(level) {
|
506
|
+
const levelColor = logger_js_1.colors[level.toUpperCase()];
|
507
|
+
return `[${browserName}:${chalk_1.default.gray(sessionId)}] ${levelColor(level)} =>`;
|
508
|
+
},
|
509
|
+
});
|
510
|
+
await (0, utils_js_1.runSequence)([
|
511
|
+
() => browser?.manage().setTimeouts({ pageLoad: 10000, script: 60000 }),
|
512
|
+
() => browser && openStorybookPage(browser, realAddress, config.resolveStorybookUrl),
|
513
|
+
() => browser && waitForStorybook(browser),
|
514
|
+
// NOTE: Selenium draws automation toolbar with some delay after webdriver initialization
|
515
|
+
// NOTE: So if we resize window right after getting webdriver instance we might get situation
|
516
|
+
// NOTE: When the toolbar appears after resize and final viewport size become smaller than we set
|
517
|
+
() => viewport && browser && resizeViewport(browser, viewport),
|
518
|
+
], () => !utils_js_1.isShuttingDown.current);
|
519
|
+
}
|
520
|
+
catch (originalError) {
|
521
|
+
if (utils_js_1.isShuttingDown.current) {
|
522
|
+
browser?.quit().catch(types_js_1.noop);
|
523
|
+
browser = null;
|
524
|
+
return null;
|
525
|
+
}
|
526
|
+
if (originalError instanceof Error && originalError.name == 'ResolveUrlError')
|
527
|
+
throw originalError;
|
528
|
+
const error = new Error(`Can't load storybook root page by URL ${(await browser?.getCurrentUrl()) ?? realAddress}`);
|
529
|
+
if (originalError instanceof Error)
|
530
|
+
error.stack = originalError.stack;
|
531
|
+
throw error;
|
532
|
+
}
|
533
|
+
if (_storybookGlobals) {
|
534
|
+
await updateStorybookGlobals(browser, _storybookGlobals);
|
535
|
+
}
|
536
|
+
await resolveCreeveyHost(browser, options.port);
|
537
|
+
await updateBrowserGlobalVariables(browser);
|
538
|
+
return browser;
|
539
|
+
}
|
540
|
+
async function updateBrowserGlobalVariables(browser) {
|
541
|
+
await browser.executeScript(function (workerId, creeveyHost, creeveyPort) {
|
542
|
+
window.__CREEVEY_WORKER_ID__ = workerId;
|
543
|
+
window.__CREEVEY_SERVER_HOST__ = creeveyHost;
|
544
|
+
window.__CREEVEY_SERVER_PORT__ = creeveyPort;
|
545
|
+
}, process.pid, creeveyServerHost, creeveyServerPort);
|
546
|
+
}
|
547
|
+
async function updateStoryArgs(browser, story, updatedArgs) {
|
548
|
+
await browser.executeAsyncScript(function (storyId, updatedArgs, UPDATE_STORY_ARGS, STORY_RENDERED, callback) {
|
549
|
+
window.__STORYBOOK_ADDONS_CHANNEL__.once(STORY_RENDERED, callback);
|
550
|
+
window.__STORYBOOK_ADDONS_CHANNEL__.emit(UPDATE_STORY_ARGS, {
|
551
|
+
storyId,
|
552
|
+
updatedArgs,
|
553
|
+
});
|
554
|
+
}, story.id, updatedArgs, core_events_1.UPDATE_STORY_ARGS, core_events_1.STORY_RENDERED);
|
555
|
+
}
|
556
|
+
async function closeBrowser() {
|
557
|
+
if (!browser)
|
558
|
+
return;
|
559
|
+
try {
|
560
|
+
await browser.quit();
|
561
|
+
}
|
562
|
+
finally {
|
563
|
+
browser = null;
|
564
|
+
}
|
565
|
+
}
|
566
|
+
async function switchStory() {
|
567
|
+
let testOrSuite = this.currentTest;
|
568
|
+
if (!testOrSuite)
|
569
|
+
throw new Error("Can't switch story, because test context doesn't have 'currentTest' field");
|
570
|
+
this.testScope.length = 0;
|
571
|
+
this.screenshots.length = 0;
|
572
|
+
this.testScope.push(this.browserName);
|
573
|
+
while (testOrSuite?.title) {
|
574
|
+
this.testScope.push(testOrSuite.title);
|
575
|
+
testOrSuite = testOrSuite.parent;
|
576
|
+
}
|
577
|
+
const story = this.currentTest?.ctx?.story;
|
578
|
+
if (!story)
|
579
|
+
throw new Error(`Current test '${this.testScope.join('/')}' context doesn't have 'story' field`);
|
580
|
+
const { id, title, name, parameters } = story;
|
581
|
+
const { captureElement = `#${storybookRootID}`, waitForReady, ignoreElements, } = (parameters.creevey ?? {});
|
582
|
+
browserLogger.debug(`Switching to story ${chalk_1.default.cyan(title)}/${chalk_1.default.cyan(name)} by id ${chalk_1.default.magenta(id)}`);
|
583
|
+
if (captureElement)
|
584
|
+
Object.defineProperty(this, 'captureElement', {
|
585
|
+
enumerable: true,
|
586
|
+
configurable: true,
|
587
|
+
get: () => this.browser.findElement(selenium_webdriver_1.By.css(captureElement)),
|
588
|
+
});
|
589
|
+
else
|
590
|
+
Reflect.deleteProperty(this, 'captureElement');
|
591
|
+
this.takeScreenshot = () => takeScreenshot(this.browser, captureElement, ignoreElements);
|
592
|
+
this.updateStoryArgs = (updatedArgs) => updateStoryArgs(this.browser, story, updatedArgs);
|
593
|
+
this.testScope.reverse();
|
594
|
+
let storyPlayResolver;
|
595
|
+
let waitForComplete = new Promise((resolve) => (storyPlayResolver = resolve));
|
596
|
+
const unsubscribe = (0, messages_js_1.subscribeOn)('stories', (message) => {
|
597
|
+
if (message.type != 'capture')
|
598
|
+
return;
|
599
|
+
const { payload = {}, payload: { imageName } = {} } = message;
|
600
|
+
void takeScreenshot(this.browser, payload.captureElement ?? captureElement, payload.ignoreElements ?? ignoreElements).then((screenshot) => {
|
601
|
+
this.screenshots.push({ imageName, screenshot });
|
602
|
+
void this.browser
|
603
|
+
.executeAsyncScript(function (callback) {
|
604
|
+
window.__CREEVEY_HAS_PLAY_COMPLETED_YET__(callback);
|
605
|
+
})
|
606
|
+
.then((isCompleted) => {
|
607
|
+
storyPlayResolver(isCompleted);
|
608
|
+
});
|
609
|
+
(0, messages_js_1.emitStoriesMessage)({ type: 'capture' });
|
610
|
+
});
|
611
|
+
});
|
612
|
+
await updateBrowserGlobalVariables(this.browser);
|
613
|
+
await resetMousePosition(this.browser);
|
614
|
+
const isCaptureCalled = await selectStory(this.browser, id, waitForReady);
|
615
|
+
if (isCaptureCalled) {
|
616
|
+
while (!(await waitForComplete)) {
|
617
|
+
waitForComplete = new Promise((resolve) => (storyPlayResolver = resolve));
|
618
|
+
}
|
619
|
+
}
|
620
|
+
unsubscribe();
|
621
|
+
browserLogger.debug(`Story ${chalk_1.default.magenta(id)} ready for capturing`);
|
622
|
+
}
|
623
|
+
async function insertIgnoreStyles(browser, ignoreElements) {
|
624
|
+
const ignoreSelectors = Array.prototype.concat(ignoreElements).filter(Boolean);
|
625
|
+
if (!ignoreSelectors.length)
|
626
|
+
return null;
|
627
|
+
browserLogger.debug('Hiding ignored elements before capturing');
|
628
|
+
return await browser.executeScript(function (ignoreSelectors) {
|
629
|
+
return window.__CREEVEY_INSERT_IGNORE_STYLES__(ignoreSelectors);
|
630
|
+
}, ignoreSelectors);
|
631
|
+
}
|
632
|
+
async function removeIgnoreStyles(browser, ignoreStyles) {
|
633
|
+
if (ignoreStyles) {
|
634
|
+
browserLogger.debug('Revert hiding ignored elements');
|
635
|
+
await browser.executeScript(function (ignoreStyles) {
|
636
|
+
window.__CREEVEY_REMOVE_IGNORE_STYLES__(ignoreStyles);
|
637
|
+
}, ignoreStyles);
|
638
|
+
}
|
639
|
+
}
|
640
|
+
//# sourceMappingURL=browser.js.map
|