creevey 0.9.0-beta.0 → 0.9.0-beta.10

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 (203) hide show
  1. package/CHANGELOG.md +51 -0
  2. package/README.md +9 -1
  3. package/addon/README.md +3 -0
  4. package/addon/package.json +5 -0
  5. package/docs/config.md +29 -26
  6. package/jest.config.js +6 -0
  7. package/lib/cjs/client/addon/Manager.js +122 -270
  8. package/lib/cjs/client/addon/components/Addon.js +17 -38
  9. package/lib/cjs/client/addon/components/Icons.js +11 -7
  10. package/lib/cjs/client/addon/components/Panel.js +17 -13
  11. package/lib/cjs/client/addon/components/TestSelect.js +11 -9
  12. package/lib/cjs/client/addon/components/Tools.js +22 -41
  13. package/lib/cjs/client/addon/decorator.js +1 -1
  14. package/lib/cjs/client/addon/index.js +31 -0
  15. package/lib/cjs/client/addon/preset.ie11.js +74 -0
  16. package/lib/cjs/client/addon/preset.js +4 -68
  17. package/lib/cjs/client/addon/preset.sb7.js +19 -0
  18. package/lib/cjs/client/addon/preview.js +14 -0
  19. package/lib/cjs/client/addon/register.js +46 -70
  20. package/lib/cjs/client/addon/utils.js +6 -2
  21. package/lib/cjs/client/addon/withCreevey.js +161 -366
  22. package/lib/cjs/client/shared/components/ImagesView/BlendView.js +23 -21
  23. package/lib/cjs/client/shared/components/ImagesView/ImagesView.js +22 -18
  24. package/lib/cjs/client/shared/components/ImagesView/SideBySideView.js +42 -64
  25. package/lib/cjs/client/shared/components/ImagesView/SlideView.js +35 -48
  26. package/lib/cjs/client/shared/components/ImagesView/SwapView.js +24 -43
  27. package/lib/cjs/client/shared/components/ImagesView/index.js +9 -9
  28. package/lib/cjs/client/shared/components/PageFooter/PageFooter.js +12 -8
  29. package/lib/cjs/client/shared/components/PageFooter/Paging.js +14 -18
  30. package/lib/cjs/client/shared/components/PageHeader/ImagePreview.js +22 -18
  31. package/lib/cjs/client/shared/components/PageHeader/PageHeader.js +42 -67
  32. package/lib/cjs/client/shared/components/ResultsPage.js +39 -69
  33. package/lib/cjs/client/shared/creeveyClientApi.js +55 -82
  34. package/lib/cjs/client/shared/helpers.js +139 -210
  35. package/lib/cjs/client/shared/viewMode.js +5 -5
  36. package/lib/cjs/client/web/142.js +2 -0
  37. package/lib/cjs/client/web/142.js.LICENSE.txt +12 -0
  38. package/lib/cjs/client/web/32.js +1 -0
  39. package/lib/cjs/client/web/551.js +1 -0
  40. package/lib/cjs/client/web/566.js +2 -0
  41. package/lib/cjs/client/web/566.js.LICENSE.txt +31 -0
  42. package/lib/cjs/client/web/691.js +2 -0
  43. package/lib/cjs/client/web/691.js.LICENSE.txt +8 -0
  44. package/lib/cjs/client/web/725.js +1 -0
  45. package/lib/cjs/client/web/main.js +2 -38
  46. package/lib/cjs/client/web/main.js.LICENSE.txt +49 -0
  47. package/lib/cjs/creevey.js +3 -5
  48. package/lib/cjs/index.js +5 -5
  49. package/lib/cjs/server/config.js +3 -5
  50. package/lib/cjs/server/docker.js +3 -7
  51. package/lib/cjs/server/extract.js +1 -5
  52. package/lib/cjs/server/index.js +1 -1
  53. package/lib/cjs/server/loaders/babel/creevey-plugin.js +1 -3
  54. package/lib/cjs/server/loaders/babel/helpers.js +13 -23
  55. package/lib/cjs/server/loaders/babel/register.js +2 -4
  56. package/lib/cjs/server/loaders/webpack/compile.js +34 -51
  57. package/lib/cjs/server/loaders/webpack/creevey-loader.js +20 -22
  58. package/lib/cjs/server/loaders/webpack/dummy-hmr.js +2 -7
  59. package/lib/cjs/server/loaders/webpack/mdx-loader.js +2 -2
  60. package/lib/cjs/server/loaders/webpack/start.js +1 -1
  61. package/lib/cjs/server/logger.js +2 -1
  62. package/lib/cjs/server/master/index.js +2 -2
  63. package/lib/cjs/server/master/pool.js +9 -18
  64. package/lib/cjs/server/master/runner.js +53 -66
  65. package/lib/cjs/server/master/server.js +5 -3
  66. package/lib/cjs/server/messages.js +8 -10
  67. package/lib/cjs/server/selenium/browser.js +58 -70
  68. package/lib/cjs/server/selenium/selenoid.js +5 -7
  69. package/lib/cjs/server/stories.js +16 -33
  70. package/lib/cjs/server/storybook/entry.js +7 -22
  71. package/lib/cjs/server/storybook/helpers.js +21 -28
  72. package/lib/cjs/server/storybook/providers/browser.js +10 -14
  73. package/lib/cjs/server/storybook/providers/hybrid.js +17 -14
  74. package/lib/cjs/server/storybook/providers/nodejs.js +12 -12
  75. package/lib/cjs/server/{parser.js → testsFiles/parser.js} +1 -14
  76. package/lib/cjs/server/testsFiles/register.js +44 -0
  77. package/lib/cjs/server/update.js +1 -5
  78. package/lib/cjs/server/utils.js +27 -36
  79. package/lib/cjs/server/worker/reporter.js +8 -20
  80. package/lib/cjs/server/worker/worker.js +9 -19
  81. package/lib/cjs/shared/index.js +101 -0
  82. package/lib/cjs/shared/serializeRegExp.js +42 -0
  83. package/lib/cjs/types.js +7 -6
  84. package/lib/esm/client/addon/Manager.js +122 -270
  85. package/lib/esm/client/addon/components/Addon.js +15 -34
  86. package/lib/esm/client/addon/components/Icons.js +10 -6
  87. package/lib/esm/client/addon/components/Panel.js +17 -13
  88. package/lib/esm/client/addon/components/TestSelect.js +11 -9
  89. package/lib/esm/client/addon/components/Tools.js +20 -37
  90. package/lib/esm/client/addon/decorator.js +1 -1
  91. package/lib/esm/client/addon/index.js +2 -0
  92. package/lib/esm/client/addon/preset.ie11.js +59 -0
  93. package/lib/esm/client/addon/preset.js +4 -52
  94. package/lib/esm/client/addon/preset.sb7.js +8 -0
  95. package/lib/esm/client/addon/preview.js +5 -0
  96. package/lib/esm/client/addon/register.js +42 -66
  97. package/lib/esm/client/addon/utils.js +3 -2
  98. package/lib/esm/client/addon/withCreevey.js +156 -363
  99. package/lib/esm/client/shared/components/ImagesView/BlendView.js +21 -17
  100. package/lib/esm/client/shared/components/ImagesView/ImagesView.js +21 -17
  101. package/lib/esm/client/shared/components/ImagesView/SideBySideView.js +40 -60
  102. package/lib/esm/client/shared/components/ImagesView/SlideView.js +33 -44
  103. package/lib/esm/client/shared/components/ImagesView/SwapView.js +22 -39
  104. package/lib/esm/client/shared/components/PageFooter/PageFooter.js +12 -8
  105. package/lib/esm/client/shared/components/PageFooter/Paging.js +14 -18
  106. package/lib/esm/client/shared/components/PageHeader/ImagePreview.js +22 -18
  107. package/lib/esm/client/shared/components/PageHeader/PageHeader.js +37 -60
  108. package/lib/esm/client/shared/components/ResultsPage.js +36 -64
  109. package/lib/esm/client/shared/creeveyClientApi.js +57 -84
  110. package/lib/esm/client/shared/helpers.js +123 -194
  111. package/lib/esm/client/shared/viewMode.js +4 -4
  112. package/lib/esm/creevey.js +3 -5
  113. package/lib/esm/index.js +2 -4
  114. package/lib/esm/server/config.js +3 -5
  115. package/lib/esm/server/docker.js +2 -2
  116. package/lib/esm/server/extract.js +1 -3
  117. package/lib/esm/server/index.js +1 -1
  118. package/lib/esm/server/loaders/babel/creevey-plugin.js +1 -3
  119. package/lib/esm/server/loaders/babel/helpers.js +12 -22
  120. package/lib/esm/server/loaders/babel/register.js +3 -5
  121. package/lib/esm/server/loaders/webpack/compile.js +35 -52
  122. package/lib/esm/server/loaders/webpack/creevey-loader.js +9 -10
  123. package/lib/esm/server/loaders/webpack/dummy-hmr.js +2 -6
  124. package/lib/esm/server/loaders/webpack/mdx-loader.js +2 -2
  125. package/lib/esm/server/loaders/webpack/start.js +1 -1
  126. package/lib/esm/server/master/index.js +2 -2
  127. package/lib/esm/server/master/pool.js +7 -18
  128. package/lib/esm/server/master/runner.js +53 -66
  129. package/lib/esm/server/master/server.js +5 -3
  130. package/lib/esm/server/messages.js +3 -5
  131. package/lib/esm/server/selenium/browser.js +54 -66
  132. package/lib/esm/server/selenium/selenoid.js +4 -6
  133. package/lib/esm/server/stories.js +16 -32
  134. package/lib/esm/server/storybook/entry.js +5 -22
  135. package/lib/esm/server/storybook/helpers.js +12 -21
  136. package/lib/esm/server/storybook/providers/browser.js +6 -9
  137. package/lib/esm/server/storybook/providers/hybrid.js +10 -13
  138. package/lib/esm/server/storybook/providers/nodejs.js +10 -11
  139. package/lib/esm/server/{parser.js → testsFiles/parser.js} +1 -14
  140. package/lib/esm/server/testsFiles/register.js +31 -0
  141. package/lib/esm/server/update.js +1 -5
  142. package/lib/esm/server/utils.js +18 -31
  143. package/lib/esm/server/worker/reporter.js +8 -20
  144. package/lib/esm/server/worker/worker.js +9 -19
  145. package/lib/esm/shared/index.js +78 -0
  146. package/lib/esm/shared/serializeRegExp.js +24 -0
  147. package/lib/esm/types.js +1 -0
  148. package/lib/types/client/addon/Manager.d.ts +2 -2
  149. package/lib/types/client/addon/components/TestSelect.d.ts +0 -1
  150. package/lib/types/client/addon/index.d.ts +2 -0
  151. package/lib/types/client/addon/preset.d.ts +0 -22
  152. package/lib/types/client/addon/preset.ie11.d.ts +10 -0
  153. package/lib/types/client/addon/preset.sb7.d.ts +2 -0
  154. package/lib/types/client/addon/preview.d.ts +4 -0
  155. package/lib/types/client/addon/utils.d.ts +1 -0
  156. package/lib/types/client/addon/withCreevey.d.ts +1 -1
  157. package/lib/types/client/shared/components/ImagesView/BlendView.d.ts +1 -1
  158. package/lib/types/client/shared/components/ImagesView/ImagesView.d.ts +0 -1
  159. package/lib/types/client/shared/components/ImagesView/SideBySideView.d.ts +1 -1
  160. package/lib/types/client/shared/components/ImagesView/SlideView.d.ts +1 -1
  161. package/lib/types/client/shared/components/ImagesView/SwapView.d.ts +1 -1
  162. package/lib/types/client/shared/components/PageFooter/PageFooter.d.ts +0 -1
  163. package/lib/types/client/shared/components/PageFooter/Paging.d.ts +0 -1
  164. package/lib/types/client/shared/components/PageHeader/ImagePreview.d.ts +1 -1
  165. package/lib/types/client/shared/components/PageHeader/PageHeader.d.ts +0 -1
  166. package/lib/types/client/shared/components/ResultsPage.d.ts +1 -1
  167. package/lib/types/client/web/CreeveyApp.d.ts +0 -1
  168. package/lib/types/client/web/CreeveyLoader.d.ts +1 -2
  169. package/lib/types/client/web/CreeveyView/SideBar/Checkbox.d.ts +1 -1
  170. package/lib/types/client/web/CreeveyView/SideBar/SideBarHeader.d.ts +0 -1
  171. package/lib/types/client/web/CreeveyView/SideBar/SuiteLink.d.ts +4 -4
  172. package/lib/types/client/web/CreeveyView/SideBar/TestLink.d.ts +0 -1
  173. package/lib/types/client/web/CreeveyView/SideBar/TestStatusIcon.d.ts +1 -1
  174. package/lib/types/client/web/CreeveyView/SideBar/TestsStatus.d.ts +1 -1
  175. package/lib/types/index.d.ts +4 -2
  176. package/lib/types/server/config.d.ts +1 -1
  177. package/lib/types/server/loaders/babel/register.d.ts +1 -1
  178. package/lib/types/server/loaders/webpack/creevey-loader.d.ts +4 -2
  179. package/lib/types/server/logger.d.ts +6 -2
  180. package/lib/types/server/messages.d.ts +13 -12
  181. package/lib/types/server/selenium/browser.d.ts +5 -3
  182. package/lib/types/server/storybook/entry.d.ts +2 -3
  183. package/lib/types/server/storybook/helpers.d.ts +1 -1
  184. package/lib/types/server/storybook/providers/browser.d.ts +2 -4
  185. package/lib/types/server/storybook/providers/hybrid.d.ts +2 -4
  186. package/lib/types/server/storybook/providers/nodejs.d.ts +3 -3
  187. package/lib/types/server/{parser.d.ts → testsFiles/parser.d.ts} +1 -1
  188. package/lib/types/server/testsFiles/register.d.ts +2 -0
  189. package/lib/types/server/utils.d.ts +5 -1
  190. package/lib/types/{shared.d.ts → shared/index.d.ts} +1 -10
  191. package/lib/types/shared/serializeRegExp.d.ts +9 -0
  192. package/lib/types/types.d.ts +7 -9
  193. package/package.json +119 -102
  194. package/preset/ie11.js +5 -0
  195. package/{preset.js → preset/index.js} +2 -2
  196. package/preset/sb7.js +5 -0
  197. package/types/global.d.ts +5 -0
  198. package/types/mdx.d.ts +3 -2
  199. package/lib/cjs/client/web/1.js +0 -13
  200. package/lib/cjs/client/web/2.js +0 -1
  201. package/lib/cjs/shared.js +0 -107
  202. package/lib/esm/shared.js +0 -76
  203. package/storybook-static/stories.json +0 -21
@@ -0,0 +1,78 @@
1
+ import { mapValues, mergeWith, cloneDeepWith } from 'lodash';
2
+ import { deserializeRegExp, isSerializedRegExp, isRegExp, serializeRegExp } from './serializeRegExp'; // NOTE: Copy-paste from storybook/api
3
+
4
+ export const combineParameters = function () {
5
+ for (var _len = arguments.length, parameterSets = new Array(_len), _key = 0; _key < _len; _key++) {
6
+ parameterSets[_key] = arguments[_key];
7
+ }
8
+
9
+ return (// eslint-disable-next-line @typescript-eslint/no-unsafe-return
10
+ mergeWith({}, ...parameterSets, (_, srcValue) => {
11
+ // Treat arrays as scalars:
12
+ if (Array.isArray(srcValue)) return srcValue;
13
+ return undefined;
14
+ })
15
+ );
16
+ }; // NOTE: Copy-paste from storybook/api
17
+
18
+ export const denormalizeStoryParameters = _ref => {
19
+ let {
20
+ globalParameters,
21
+ kindParameters,
22
+ stories
23
+ } = _ref;
24
+ return mapValues(stories, storyData => {
25
+ var _kindParameters$story;
26
+
27
+ return { ...storyData,
28
+ parameters: combineParameters(globalParameters, (_kindParameters$story = kindParameters[storyData.kind]) !== null && _kindParameters$story !== void 0 ? _kindParameters$story : {}, storyData.parameters)
29
+ };
30
+ });
31
+ };
32
+ export const serializeRawStories = stories => {
33
+ return mapValues(stories, storyData => {
34
+ const creevey = storyData.parameters.creevey;
35
+
36
+ if (creevey !== null && creevey !== void 0 && creevey.skip) {
37
+ return { ...storyData,
38
+ parameters: { ...storyData.parameters,
39
+ creevey: { ...creevey,
40
+ skip: cloneDeepWith(creevey.skip, value => {
41
+ if (isRegExp(value)) {
42
+ return serializeRegExp(value);
43
+ }
44
+
45
+ return undefined;
46
+ })
47
+ }
48
+ }
49
+ };
50
+ }
51
+
52
+ return storyData;
53
+ });
54
+ };
55
+ export const deserializeRawStories = stories => {
56
+ return mapValues(stories, deserializeStory);
57
+ };
58
+ export const deserializeStory = story => {
59
+ const creevey = story.parameters.creevey;
60
+
61
+ if (creevey !== null && creevey !== void 0 && creevey.skip) {
62
+ return { ...story,
63
+ parameters: { ...story.parameters,
64
+ creevey: { ...creevey,
65
+ skip: cloneDeepWith(creevey.skip, value => {
66
+ if (isSerializedRegExp(value)) {
67
+ return deserializeRegExp(value);
68
+ }
69
+
70
+ return undefined;
71
+ })
72
+ }
73
+ }
74
+ };
75
+ }
76
+
77
+ return story;
78
+ };
@@ -0,0 +1,24 @@
1
+ export const isRegExp = exp => {
2
+ return exp instanceof RegExp;
3
+ };
4
+ export const isSerializedRegExp = exp => {
5
+ return typeof exp === 'object' && exp !== null && Reflect.get(exp, '__regexp') === true;
6
+ };
7
+ export const serializeRegExp = exp => {
8
+ const {
9
+ source,
10
+ flags
11
+ } = exp;
12
+ return {
13
+ __regexp: true,
14
+ source,
15
+ flags
16
+ };
17
+ };
18
+ export const deserializeRegExp = _ref => {
19
+ let {
20
+ source,
21
+ flags
22
+ } = _ref;
23
+ return new RegExp(source, flags);
24
+ };
package/lib/esm/types.js CHANGED
@@ -1,6 +1,7 @@
1
1
  /* eslint-disable @typescript-eslint/no-explicit-any */
2
2
 
3
3
  /* eslint-enable @typescript-eslint/no-explicit-any */
4
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
4
5
  export function noop() {
5
6
  /* noop */
6
7
  }
@@ -1,5 +1,5 @@
1
1
  import { API } from '@storybook/api';
2
- import { SetStoriesPayload } from '@storybook/api/dist/ts3.9/lib/stories';
2
+ import { denormalizeStoryParameters } from '../../shared';
3
3
  import { CreeveyStatus, CreeveyUpdate, TestData, TestStatus, StoriesRaw } from '../../types';
4
4
  import { CreeveyClientApi } from '../shared/creeveyClientApi';
5
5
  export declare class CreeveyManager {
@@ -24,7 +24,7 @@ export declare class CreeveyManager {
24
24
  onImageApprove: (id: string, retry: number, image: string) => void;
25
25
  onStartAllStoryTests: () => void;
26
26
  onStartAllTests: () => void;
27
- onSetStories: (data: SetStoriesPayload) => void;
27
+ onSetStories: (data: Parameters<typeof denormalizeStoryParameters>['0']) => void;
28
28
  setActiveBrowser: (browser: string) => void;
29
29
  setSelectedTestId: (testId: string) => void;
30
30
  getStoryTests: (storyId: string) => TestData[];
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { TestData } from '../../../types';
3
2
  interface TestSelectProps {
4
3
  tests: TestData[];
@@ -0,0 +1,2 @@
1
+ export * from './withCreevey';
2
+ export * from './readyForCapture';
@@ -1,24 +1,2 @@
1
- /// <reference types="webpack-dev-server" />
2
- import { Configuration } from 'webpack';
3
1
  export declare function config(entry?: string[]): string[];
4
2
  export declare function managerEntries(entry?: string[]): string[];
5
- declare global {
6
- const __CREEVEY_SERVER_HOST__: string;
7
- const __CREEVEY_SERVER_PORT__: number;
8
- const __CREEVEY_CLIENT_PORT__: number | null;
9
- }
10
- export interface CreeveyAddonOptions {
11
- creeveyConfigPath?: string;
12
- creeveyPreExtract?: string;
13
- creeveyHost?: string;
14
- creeveyPort?: number;
15
- clientPort?: number;
16
- configType: string;
17
- configDir: string;
18
- outputDir: string;
19
- skipExtract?: boolean;
20
- presets?: {
21
- apply: <T>(preset: string) => Promise<T | undefined>;
22
- };
23
- }
24
- export declare function managerWebpack(config: Configuration, options: CreeveyAddonOptions): Promise<Configuration>;
@@ -0,0 +1,10 @@
1
+ import type { Configuration } from 'webpack';
2
+ import { PluginItem } from '@babel/core';
3
+ interface BabelOptions {
4
+ extends: string | null;
5
+ presets: PluginItem[] | null;
6
+ }
7
+ export declare const babel: (config: BabelOptions) => BabelOptions;
8
+ export declare const managerWebpack: (webpackConfig?: Configuration) => Configuration;
9
+ export declare const webpack: (webpackConfig?: Configuration) => Configuration;
10
+ export {};
@@ -0,0 +1,2 @@
1
+ export declare const previewAnnotations: (entry?: never[]) => string[];
2
+ export declare function managerEntries(entry?: string[]): string[];
@@ -0,0 +1,4 @@
1
+ declare const preview: {
2
+ decorators: import("@storybook/addons").MakeDecoratorResult[];
3
+ };
4
+ export default preview;
@@ -1,2 +1,3 @@
1
1
  import { TestStatus } from '../../types';
2
2
  export declare function getEmojiByTestStatus(status: TestStatus | undefined, skip?: string | boolean): string;
3
+ export declare const isInternetExplorer: boolean;
@@ -9,7 +9,7 @@ declare global {
9
9
  __CREEVEY_SERVER_PORT__: number;
10
10
  __CREEVEY_WORKER_ID__: number;
11
11
  __CREEVEY_GET_STORIES__: () => Promise<StoriesRaw | void>;
12
- __CREEVEY_SELECT_STORY__: (storyId: string, kind: string, name: string, shouldWaitForReady: boolean, callback: (response: [error?: string | null, isCaptureCalled?: boolean]) => void) => void;
12
+ __CREEVEY_SELECT_STORY__: (storyId: string, kind: string, name: string, shouldWaitForReady: boolean, callback: (response: [error?: string | null, isCaptureCalled?: boolean]) => void) => Promise<void>;
13
13
  __CREEVEY_UPDATE_GLOBALS__: (globals: StorybookGlobals) => void;
14
14
  __CREEVEY_INSERT_IGNORE_STYLES__: (ignoreElements: string[]) => HTMLStyleElement;
15
15
  __CREEVEY_REMOVE_IGNORE_STYLES__: (ignoreStyles: HTMLStyleElement) => void;
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import { ViewPropsWithTheme } from './ImagesView';
3
- export declare const BlendView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;
3
+ export declare const BlendView: React.FC<import("@storybook/theming").AddOptionalTo<ViewPropsWithTheme, "theme">>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { Images, ImagesViewMode } from '../../../../types';
3
2
  import { Theme } from '@storybook/theming';
4
3
  export declare const themeBorderColors: {
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import { ViewPropsWithTheme } from './ImagesView';
3
- export declare const SideBySideView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;
3
+ export declare const SideBySideView: React.FC<import("@storybook/theming").AddOptionalTo<ViewPropsWithTheme, "theme">>;
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import { ViewPropsWithTheme } from './ImagesView';
3
- export declare const SlideView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;
3
+ export declare const SlideView: React.FC<import("@storybook/theming").AddOptionalTo<ViewPropsWithTheme, "theme">>;
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import { ViewPropsWithTheme } from './ImagesView';
3
- export declare const SwapView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;
3
+ export declare const SwapView: React.FC<import("@storybook/theming").AddOptionalTo<ViewPropsWithTheme, "theme">>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export interface PageFooterProps {
3
2
  canApprove: boolean;
4
3
  retriesCount: number;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export interface PagingProps {
3
2
  activePage: number;
4
3
  onPageChange: (pageNumber: number) => void;
@@ -8,5 +8,5 @@ interface ImageSwapProps {
8
8
  theme: Theme;
9
9
  error?: boolean;
10
10
  }
11
- export declare const ImagePreview: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ImageSwapProps, "theme">>;
11
+ export declare const ImagePreview: React.FC<import("@storybook/theming").AddOptionalTo<ImageSwapProps, "theme">>;
12
12
  export {};
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ImagesViewMode, Images } from '../../../../types';
3
2
  interface PageHeaderProps {
4
3
  title: string[];
@@ -14,5 +14,5 @@ interface TestResultsProps {
14
14
  height?: string;
15
15
  }
16
16
  export declare function ResultsPageInternal({ id, path, results, approved, theme, onImageApprove, showTitle, height, }: TestResultsProps): JSX.Element;
17
- export declare const ResultsPage: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<TestResultsProps, "theme">>;
17
+ export declare const ResultsPage: React.FC<import("@storybook/theming").AddOptionalTo<TestResultsProps, "theme">>;
18
18
  export {};
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { CreeveySuite } from '../../types';
3
2
  import { CreeveyClientApi } from '../shared/creeveyClientApi';
4
3
  export interface CreeveyAppProps {
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
- export declare const rotate360: import("@emotion/serialize").Keyframes;
1
+ export declare const rotate360: import("@storybook/theming").Keyframes;
3
2
  export declare function CreeveyLoader(): JSX.Element;
@@ -8,7 +8,7 @@ interface BooleanProps {
8
8
  interface CheckboxState {
9
9
  indeterminate: boolean;
10
10
  }
11
- export declare const CheckboxContainer: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, Theme>;
11
+ export declare const CheckboxContainer: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, Theme>;
12
12
  export declare class Checkbox extends React.Component<BooleanProps, CheckboxState> {
13
13
  state: CheckboxState;
14
14
  handleIndeterminateChange: (value: boolean) => void;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { TestsStatusProps } from './TestsStatus';
3
2
  import { CreeveyViewFilter } from '../../../shared/helpers';
4
3
  interface SideBarHeaderProps {
@@ -6,7 +6,7 @@ export interface SuiteLinkProps {
6
6
  suite: CreeveySuite;
7
7
  'data-testid'?: string;
8
8
  }
9
- export declare const Container: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<{
9
+ export declare const Container: React.FC<import("@storybook/theming").AddOptionalTo<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<{
10
10
  theme: Theme;
11
11
  disabled?: boolean | undefined;
12
12
  }, "disabled"> & {
@@ -16,7 +16,7 @@ export declare const Container: React.SFC<import("emotion-theming/types/helper")
16
16
  }, "key" | "theme" | keyof React.HTMLAttributes<HTMLDivElement> | "disabled"> & {
17
17
  ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
18
18
  }, "theme">>;
19
- export declare const Button: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & Pick<{
19
+ export declare const Button: React.FC<import("@storybook/theming").AddOptionalTo<Pick<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & Pick<{
20
20
  theme: Theme;
21
21
  active?: boolean | undefined;
22
22
  focused?: boolean | undefined;
@@ -24,10 +24,10 @@ export declare const Button: React.SFC<import("emotion-theming/types/helper").Ad
24
24
  theme?: Theme | undefined;
25
25
  } & {
26
26
  children?: React.ReactNode;
27
- }, "key" | "theme" | "active" | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | "focused"> & {
27
+ }, "key" | "theme" | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | "active" | "focused"> & {
28
28
  ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
29
29
  }, "theme">>;
30
- export declare const SuiteContainer: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
30
+ export declare const SuiteContainer: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
31
31
  padding: number;
32
32
  }, Theme>;
33
33
  export declare function SuiteLink({ title, suite, 'data-testid': dataTid }: SuiteLinkProps): JSX.Element;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { CreeveyTest } from '../../../../types';
3
2
  export interface TestLinkProps {
4
3
  title: string;
@@ -7,4 +7,4 @@ export interface TestStatusIconProps {
7
7
  skip?: string | boolean;
8
8
  theme: Theme;
9
9
  }
10
- export declare const TestStatusIcon: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<TestStatusIconProps, "theme">>;
10
+ export declare const TestStatusIcon: React.FC<import("@storybook/theming").AddOptionalTo<TestStatusIconProps, "theme">>;
@@ -6,4 +6,4 @@ export interface TestsStatusProps extends CreeveyTestsStatus {
6
6
  onClickByStatus: (value: TestStatus) => void;
7
7
  theme?: Theme;
8
8
  }
9
- export declare const TestsStatus: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<TestsStatusProps, "theme">>;
9
+ export declare const TestsStatus: React.FC<import("@storybook/theming").AddOptionalTo<TestsStatusProps, "theme">>;
@@ -1,4 +1,6 @@
1
1
  /// <reference types="../../types/chai" />
2
2
  export * from './types';
3
- // export * from './client/addon/withCreevey';
4
- export * from './server/parser';
3
+ export { loadStories as browserStoriesProvider } from './server/storybook/providers/browser';
4
+ export { loadStories as nodejsStoriesProvider } from './server/storybook/providers/nodejs';
5
+ export { loadStories as hybridStoriesProvider } from './server/storybook/providers/hybrid';
6
+ export * from './server/testsFiles/parser';
@@ -1,4 +1,4 @@
1
1
  import { Config, Options } from '../types';
2
2
  export declare const defaultBrowser = "chrome";
3
- export declare const defaultConfig: Omit<Config, 'gridUrl' | 'storiesProvider' | 'testDir'>;
3
+ export declare const defaultConfig: Omit<Config, 'gridUrl' | 'storiesProvider' | 'testsDir' | 'tsConfig'>;
4
4
  export declare function readConfig(options: Options): Promise<Config>;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="webpack-env" />
2
2
  import { Config } from '../../../types';
3
- declare function getRequireContext(rootDir: string): (rootPath: string, deep?: boolean | undefined, filter?: RegExp | undefined) => __WebpackModuleApi.RequireContext;
3
+ declare function getRequireContext(rootDir: string): (rootPath: string, deep?: boolean, filter?: RegExp) => __WebpackModuleApi.RequireContext;
4
4
  export default function register(config: Config, debug?: boolean): Promise<ReturnType<typeof getRequireContext>>;
5
5
  export {};
@@ -1,2 +1,4 @@
1
- import { loader } from 'webpack';
2
- export default function (this: loader.LoaderContext | void, source: string): string;
1
+ import { getOptions } from 'loader-utils';
2
+ declare type LoaderContext = Parameters<typeof getOptions>[0];
3
+ export default function loader(this: LoaderContext | void, source: string): string;
4
+ export {};
@@ -1,6 +1,10 @@
1
- import { Chalk } from 'chalk';
1
+ import chalk from 'chalk';
2
2
  export { getLogger } from 'loglevel';
3
3
  export declare const colors: {
4
- [level: string]: Chalk;
4
+ TRACE: chalk.Chalk;
5
+ DEBUG: chalk.Chalk;
6
+ INFO: chalk.Chalk;
7
+ WARN: chalk.Chalk;
8
+ ERROR: chalk.Chalk;
5
9
  };
6
10
  export declare const logger: import("loglevel").Logger;
@@ -1,6 +1,7 @@
1
1
  /// <reference types="webpack-env" />
2
2
  /// <reference types="node" />
3
- import cluster from 'cluster';
3
+ /// <reference types="node" />
4
+ import { Worker } from 'cluster';
4
5
  import { WorkerMessage, StoriesMessage, TestMessage, WebpackMessage, DockerMessage, WorkerHandler, StoriesHandler, TestHandler, WebpackHandler, DockerHandler, ShutdownHandler } from '../types';
5
6
  export declare function emitWorkerMessage(message: WorkerMessage): boolean;
6
7
  export declare function emitStoriesMessage(message: StoriesMessage): boolean;
@@ -8,10 +9,10 @@ export declare function emitTestMessage(message: TestMessage): boolean;
8
9
  export declare function emitWebpackMessage(message: WebpackMessage): boolean;
9
10
  export declare function emitDockerMessage(message: DockerMessage): boolean;
10
11
  export declare function emitShutdownMessage(): boolean;
11
- export declare function sendStoriesMessage(target: NodeJS.Process | cluster.Worker, message: StoriesMessage): void;
12
- export declare function sendTestMessage(target: NodeJS.Process | cluster.Worker, message: TestMessage): void;
13
- export declare function sendDockerMessage(target: NodeJS.Process | cluster.Worker, message: DockerMessage): void;
14
- export declare function sendShutdownMessage(target: NodeJS.Process | cluster.Worker): void;
12
+ export declare function sendStoriesMessage(target: NodeJS.Process | Worker, message: StoriesMessage): void;
13
+ export declare function sendTestMessage(target: NodeJS.Process | Worker, message: TestMessage): void;
14
+ export declare function sendDockerMessage(target: NodeJS.Process | Worker, message: DockerMessage): void;
15
+ export declare function sendShutdownMessage(target: NodeJS.Process | Worker): void;
15
16
  export declare function subscribeOn(scope: 'worker', handler: WorkerHandler): () => void;
16
17
  export declare function subscribeOn(scope: 'stories', handler: StoriesHandler): () => void;
17
18
  export declare function subscribeOn(scope: 'test', handler: TestHandler): () => void;
@@ -19,10 +20,10 @@ export declare function subscribeOn(scope: 'webpack', handler: WebpackHandler):
19
20
  export declare function subscribeOn(scope: 'docker', handler: DockerHandler): () => void;
20
21
  export declare function subscribeOn(scope: 'shutdown', handler: ShutdownHandler): () => void;
21
22
  export declare function subscribeOn(scope: 'worker' | 'stories' | 'test' | 'webpack' | 'docker' | 'shutdown', handler: WorkerHandler | StoriesHandler | TestHandler | WebpackHandler | DockerHandler | ShutdownHandler): () => void;
22
- export declare function subscribeOnWorker(worker: cluster.Worker, scope: 'worker', handler: WorkerHandler): () => void;
23
- export declare function subscribeOnWorker(worker: cluster.Worker, scope: 'stories', handler: StoriesHandler): () => void;
24
- export declare function subscribeOnWorker(worker: cluster.Worker, scope: 'test', handler: TestHandler): () => void;
25
- export declare function subscribeOnWorker(worker: cluster.Worker, scope: 'webpack', handler: WebpackHandler): () => void;
26
- export declare function subscribeOnWorker(worker: cluster.Worker, scope: 'docker', handler: DockerHandler): () => void;
27
- export declare function subscribeOnWorker(worker: cluster.Worker, scope: 'shutdown', handler: ShutdownHandler): () => void;
28
- export declare function subscribeOnWorker(worker: cluster.Worker, scope: 'worker' | 'stories' | 'test' | 'webpack' | 'docker' | 'shutdown', handler: WorkerHandler | StoriesHandler | TestHandler | WebpackHandler | DockerHandler | ShutdownHandler): () => void;
23
+ export declare function subscribeOnWorker(worker: Worker, scope: 'worker', handler: WorkerHandler): () => void;
24
+ export declare function subscribeOnWorker(worker: Worker, scope: 'stories', handler: StoriesHandler): () => void;
25
+ export declare function subscribeOnWorker(worker: Worker, scope: 'test', handler: TestHandler): () => void;
26
+ export declare function subscribeOnWorker(worker: Worker, scope: 'webpack', handler: WebpackHandler): () => void;
27
+ export declare function subscribeOnWorker(worker: Worker, scope: 'docker', handler: DockerHandler): () => void;
28
+ export declare function subscribeOnWorker(worker: Worker, scope: 'shutdown', handler: ShutdownHandler): () => void;
29
+ export declare function subscribeOnWorker(worker: Worker, scope: 'worker' | 'stories' | 'test' | 'webpack' | 'docker' | 'shutdown', handler: WorkerHandler | StoriesHandler | TestHandler | WebpackHandler | DockerHandler | ShutdownHandler): () => void;
@@ -1,6 +1,6 @@
1
1
  import { Context } from 'mocha';
2
2
  import { WebDriver } from 'selenium-webdriver';
3
- import { Config, StorybookGlobals, StoriesRaw } from '../../types';
3
+ import { Config, StorybookGlobals, StoriesRaw, Options } from '../../types';
4
4
  declare global {
5
5
  interface Window {
6
6
  __CREEVEY_RESTORE_SCROLL__?: () => void;
@@ -11,7 +11,9 @@ declare global {
11
11
  }
12
12
  export declare function takeScreenshot(browser: WebDriver, captureElement?: string | null, ignoreElements?: string | string[] | null): Promise<string>;
13
13
  export declare function updateStorybookGlobals(browser: WebDriver, globals: StorybookGlobals): Promise<void>;
14
- export declare function loadStoriesFromBrowser(port: number): Promise<StoriesRaw>;
15
- export declare function getBrowser(config: Config, name: string): Promise<WebDriver | null>;
14
+ export declare function loadStoriesFromBrowser(): Promise<StoriesRaw>;
15
+ export declare function getBrowser(config: Config, options: Options & {
16
+ browser: string;
17
+ }): Promise<WebDriver | null>;
16
18
  export declare function closeBrowser(): Promise<void>;
17
19
  export declare function switchStory(this: Context): Promise<void>;
@@ -1,9 +1,8 @@
1
1
  /// <reference types="node" />
2
2
  /// <reference types="webpack-env" />
3
3
  import type { StoryApi } from '@storybook/addons';
4
- import type { Channel } from '@storybook/channels';
5
- declare const start: typeof import("@storybook/core").start;
6
- export declare const channel: Channel;
4
+ declare const start: typeof import("@storybook/core-client").start;
5
+ export declare const channel: import("@storybook/channels").Channel;
7
6
  declare type ClientApi = ReturnType<typeof start>['clientApi'];
8
7
  export declare const clientApi: ClientApi;
9
8
  export declare const forceReRender: (() => never) | (() => void);
@@ -5,7 +5,7 @@ export declare const storybookDirRef: {
5
5
  export declare const resolveFromStorybook: (modulePath: string) => string;
6
6
  export declare const resolveFromStorybookAddonDocs: (modulePath: string) => string;
7
7
  export declare const resolveFromStorybookBuilderWebpack4: (modulePath: string) => string;
8
- export declare const resolveFromStorybookCore: (modulePath: string) => string;
8
+ export declare const resolveFromStorybookCoreClient: (modulePath: string) => string;
9
9
  export declare const resolveFromStorybookCoreServer: (modulePath: string) => string;
10
10
  export declare const importStorybookClientLogger: <T = typeof import("@storybook/client-logger")>() => Promise<T>;
11
11
  export declare const importStorybookCoreCommon: <T = typeof import("@storybook/core-common")>() => Promise<T>;
@@ -1,4 +1,2 @@
1
- import type { Config, StoriesRaw, StoryInput } from '../../../types';
2
- export declare function loadStories(_config: Config, { port }: {
3
- port: number;
4
- }, storiesListener: (stories: Map<string, StoryInput[]>) => void): Promise<StoriesRaw>;
1
+ import type { StoriesProvider } from '../../../types';
2
+ export declare const loadStories: StoriesProvider;
@@ -1,4 +1,2 @@
1
- import type { Config, StoriesRaw, StoryInput } from '../../../types';
2
- export declare function loadStories(_config: Config, { port }: {
3
- port: number;
4
- }, storiesListener: (stories: Map<string, StoryInput[]>) => void): Promise<StoriesRaw>;
1
+ import type { StoriesProvider } from '../../../types';
2
+ export declare const loadStories: StoriesProvider;
@@ -1,8 +1,8 @@
1
- import type { StoryInput, SetStoriesData, Config, StoriesRaw } from '../../../types';
2
- export declare function loadStories(config: Config, { watch, debug }: {
1
+ import type { SetStoriesData, Config, StoriesProvider } from '../../../types';
2
+ export declare const loadStories: StoriesProvider<{
3
3
  watch: boolean;
4
4
  debug: boolean;
5
- }, storiesListener: (stories: Map<string, StoryInput[]>) => void): Promise<StoriesRaw>;
5
+ }>;
6
6
  export declare function extractStoriesData(config: Config, { watch, debug }: {
7
7
  watch: boolean;
8
8
  debug: boolean;
@@ -1,4 +1,4 @@
1
- import { CreeveyStoryParams, CreeveyTestFunction } from '../types';
1
+ import { CreeveyStoryParams, CreeveyTestFunction } from '../../types';
2
2
  export declare type CreeveyParamsByStoryId = {
3
3
  [storyId: string]: CreeveyStoryParams;
4
4
  };
@@ -0,0 +1,2 @@
1
+ import { Config } from '../../types';
2
+ export default function register(config: Config): Promise<void>;
@@ -1,4 +1,4 @@
1
- import { SkipOptions, TestData } from '../types';
1
+ import { SkipOptions, SkipOption, TestData } from '../types';
2
2
  export declare const isShuttingDown: {
3
3
  current: boolean;
4
4
  };
@@ -9,6 +9,10 @@ export declare function shouldSkip(browser: string, meta: {
9
9
  kind: string;
10
10
  story: string;
11
11
  }, skipOptions: SkipOptions, test?: string): string | boolean;
12
+ export declare function shouldSkipByOption(browser: string, meta: {
13
+ kind: string;
14
+ story: string;
15
+ }, skipOption: SkipOption | SkipOption[], reason: string, test?: string): string | boolean;
12
16
  export declare function shutdownWorkers(): Promise<void>;
13
17
  export declare function shutdown(): void;
14
18
  export declare function getCreeveyCache(): string;
@@ -1,16 +1,7 @@
1
1
  import { Parameters } from '@storybook/api';
2
- import { SetStoriesData, StoriesRaw, StoryInput } from './types';
2
+ import { SetStoriesData, StoriesRaw, StoryInput } from '../types';
3
3
  export declare const combineParameters: (...parameterSets: Parameters[]) => Parameters;
4
4
  export declare const denormalizeStoryParameters: ({ globalParameters, kindParameters, stories, }: SetStoriesData) => StoriesRaw;
5
- interface SerializedRegExp {
6
- __regexp: true;
7
- source: string;
8
- flags: string;
9
- }
10
- export declare const isSerializedRegExp: (exp: unknown) => exp is SerializedRegExp;
11
- export declare const serializeRegExp: (exp: RegExp) => SerializedRegExp;
12
- export declare const deserializeRegExp: ({ source, flags }: SerializedRegExp) => RegExp;
13
5
  export declare const serializeRawStories: (stories: StoriesRaw) => StoriesRaw;
14
6
  export declare const deserializeRawStories: (stories: StoriesRaw) => StoriesRaw;
15
7
  export declare const deserializeStory: (story: StoryInput) => StoryInput;
16
- export {};
@@ -0,0 +1,9 @@
1
+ export interface SerializedRegExp {
2
+ __regexp: true;
3
+ source: string;
4
+ flags: string;
5
+ }
6
+ export declare const isRegExp: (exp: unknown) => exp is RegExp;
7
+ export declare const isSerializedRegExp: (exp: unknown) => exp is SerializedRegExp;
8
+ export declare const serializeRegExp: (exp: RegExp) => SerializedRegExp;
9
+ export declare const deserializeRegExp: ({ source, flags }: SerializedRegExp) => RegExp;