creevey 0.7.37 → 0.8.0-beta.0

package/lib/types/client/addon/Manager.d.ts

@@ -1,37 +1,37 @@
-import { API } from '@storybook/api';
-import { SetStoriesPayload } from '@storybook/api/dist/ts3.9/lib/stories';
-import { CreeveyStatus, CreeveyUpdate, TestData, TestStatus, StoriesRaw } from '../../types';
-import { CreeveyClientApi } from '../shared/creeveyClientApi';
-export declare class CreeveyManager {
-    storybookApi: API;
-    storyId: string;
-    activeBrowser: string;
-    selectedTestId: string;
-    status: CreeveyStatus;
-    creeveyApi: CreeveyClientApi | null;
-    stories: StoriesRaw;
-    updateStatusListeners: Array<(update: CreeveyUpdate) => void>;
-    changeTestListeners: Array<(testId: string) => void>;
-    constructor(storybookApi: API);
-    initAll: () => Promise<void>;
-    onUpdateStatus(listener: (update: CreeveyUpdate) => void): () => void;
-    onChangeTest(listener: (testId: string) => void): () => void;
-    handleCreeveyUpdate: (update: CreeveyUpdate) => void;
-    getCurrentTest: () => TestData | undefined;
-    onStoryRendered: (storyId: string) => void;
-    onStart: () => void;
-    onStop: () => void;
-    onImageApprove: (id: string, retry: number, image: string) => void;
-    onStartAllStoryTests: () => void;
-    onStartAllTests: () => void;
-    onSetStories: (data: SetStoriesPayload) => void;
-    setActiveBrowser: (browser: string) => void;
-    setSelectedTestId: (testId: string) => void;
-    getStoryTests: (storyId: string) => TestData[];
-    getBrowsers: () => string[];
-    getTestsByStoryIdAndBrowser: (browser: string) => TestData[];
-    getTabTitle: (browser: string) => string;
-    setPanelsTitle: () => void;
-    addStatusesToSideBar(): Promise<void>;
-    addStatusToStoryName(name: string, status: TestStatus | undefined, skip: string | boolean): string;
-}
+import { API } from '@storybook/api';
+import { SetStoriesPayload } from '@storybook/api/dist/ts3.9/lib/stories';
+import { CreeveyStatus, CreeveyUpdate, TestData, TestStatus, StoriesRaw } from '../../types';
+import { CreeveyClientApi } from '../shared/creeveyClientApi';
+export declare class CreeveyManager {
+    storybookApi: API;
+    storyId: string;
+    activeBrowser: string;
+    selectedTestId: string;
+    status: CreeveyStatus;
+    creeveyApi: CreeveyClientApi | null;
+    stories: StoriesRaw;
+    updateStatusListeners: Array<(update: CreeveyUpdate) => void>;
+    changeTestListeners: Array<(testId: string) => void>;
+    constructor(storybookApi: API);
+    initAll: () => Promise<void>;
+    onUpdateStatus(listener: (update: CreeveyUpdate) => void): () => void;
+    onChangeTest(listener: (testId: string) => void): () => void;
+    handleCreeveyUpdate: (update: CreeveyUpdate) => void;
+    getCurrentTest: () => TestData | undefined;
+    onStoryRendered: (storyId: string) => void;
+    onStart: () => void;
+    onStop: () => void;
+    onImageApprove: (id: string, retry: number, image: string) => void;
+    onStartAllStoryTests: () => void;
+    onStartAllTests: () => void;
+    onSetStories: (data: SetStoriesPayload) => void;
+    setActiveBrowser: (browser: string) => void;
+    setSelectedTestId: (testId: string) => void;
+    getStoryTests: (storyId: string) => TestData[];
+    getBrowsers: () => string[];
+    getTestsByStoryIdAndBrowser: (browser: string) => TestData[];
+    getTabTitle: (browser: string) => string;
+    setPanelsTitle: () => void;
+    addStatusesToSideBar(): Promise<void>;
+    addStatusToStoryName(name: string, status: TestStatus | undefined, skip: string | boolean): string;
+}

package/lib/types/client/addon/components/Addon.d.ts

@@ -1,8 +1,8 @@
-import { CreeveyManager } from '../Manager';
-interface AddonProps {
-    active?: boolean;
-    browser: string;
-    manager: CreeveyManager;
-}
-export declare const Addon: ({ active, browser, manager }: AddonProps) => JSX.Element | null;
-export {};
+import { CreeveyManager } from '../Manager';
+interface AddonProps {
+    active?: boolean;
+    browser: string;
+    manager: CreeveyManager;
+}
+export declare const Addon: ({ active, browser, manager }: AddonProps) => JSX.Element | null;
+export {};

package/lib/types/client/addon/components/Icons.d.ts

@@ -1,7 +1,7 @@
-interface IconProps {
-    width?: number;
-    height?: number;
-}
-export declare const NextIcon: ({ width, height }: IconProps) => JSX.Element;
-export declare const ForwardIcon: ({ width, height }: IconProps) => JSX.Element;
-export {};
+interface IconProps {
+    width?: number;
+    height?: number;
+}
+export declare const NextIcon: ({ width, height }: IconProps) => JSX.Element;
+export declare const ForwardIcon: ({ width, height }: IconProps) => JSX.Element;
+export {};

package/lib/types/client/addon/components/Panel.d.ts

@@ -1,9 +1,9 @@
-import { TestData } from '../../../types';
-interface PanelProps {
-    tests: TestData[];
-    selectedTestId: string;
-    onChangeTest: (testId: string) => void;
-    onImageApprove: (id: string, retry: number, image: string) => void;
-}
-export declare const Panel: ({ tests, selectedTestId, onChangeTest, onImageApprove }: PanelProps) => JSX.Element;
-export {};
+import { TestData } from '../../../types';
+interface PanelProps {
+    tests: TestData[];
+    selectedTestId: string;
+    onChangeTest: (testId: string) => void;
+    onImageApprove: (id: string, retry: number, image: string) => void;
+}
+export declare const Panel: ({ tests, selectedTestId, onChangeTest, onImageApprove }: PanelProps) => JSX.Element;
+export {};

package/lib/types/client/addon/components/TestSelect.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { TestData } from '../../../types';
-interface TestSelectProps {
-    tests: TestData[];
-    selectedTestId: string;
-    onChangeTest: (testId: string) => void;
-}
-export default function TestSelect(props: TestSelectProps): JSX.Element;
-export {};
+/// <reference types="react" />
+import { TestData } from '../../../types';
+interface TestSelectProps {
+    tests: TestData[];
+    selectedTestId: string;
+    onChangeTest: (testId: string) => void;
+}
+export default function TestSelect(props: TestSelectProps): JSX.Element;
+export {};

package/lib/types/client/addon/components/Tools.d.ts

@@ -1,6 +1,6 @@
-import { CreeveyManager } from '../Manager';
-interface ToolsProps {
-    manager: CreeveyManager;
-}
-export declare const Tools: ({ manager }: ToolsProps) => JSX.Element | null;
-export {};
+import { CreeveyManager } from '../Manager';
+interface ToolsProps {
+    manager: CreeveyManager;
+}
+export declare const Tools: ({ manager }: ToolsProps) => JSX.Element | null;
+export {};

package/lib/types/client/addon/decorator.d.ts

@@ -1 +1 @@
-export declare const decorators: import("@storybook/addons").MakeDecoratorResult[];
+export declare const decorators: import("@storybook/addons").MakeDecoratorResult[];

package/lib/types/client/addon/preset.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="webpack-dev-server" />
-import { Configuration } from 'webpack';
-export declare function config(entry?: string[]): string[];
-export declare function managerEntries(entry?: string[]): string[];
-declare global {
-    const __CREEVEY_SERVER_PORT__: number;
-    const __CREEVEY_CLIENT_PORT__: number | null;
-}
-export interface CreeveyAddonOptions {
-    creeveyConfigPath?: string;
-    creeveyPreExtract?: string;
-    creeveyPort?: number;
-    clientPort?: number;
-    configType: string;
-    configDir: string;
-    outputDir: string;
-    skipExtract?: boolean;
-    presets?: {
-        apply: <T>(preset: string) => Promise<T | undefined>;
-    };
-}
-export declare function managerWebpack(config: Configuration, options: CreeveyAddonOptions): Promise<Configuration>;
+/// <reference types="webpack-dev-server" />
+import { Configuration } from 'webpack';
+export declare function config(entry?: string[]): string[];
+export declare function managerEntries(entry?: string[]): string[];
+declare global {
+    const __CREEVEY_SERVER_PORT__: number;
+    const __CREEVEY_CLIENT_PORT__: number | null;
+}
+export interface CreeveyAddonOptions {
+    creeveyConfigPath?: string;
+    creeveyPreExtract?: string;
+    creeveyPort?: number;
+    clientPort?: number;
+    configType: string;
+    configDir: string;
+    outputDir: string;
+    skipExtract?: boolean;
+    presets?: {
+        apply: <T>(preset: string) => Promise<T | undefined>;
+    };
+}
+export declare function managerWebpack(config: Configuration, options: CreeveyAddonOptions): Promise<Configuration>;

package/lib/types/client/addon/register.d.ts

@@ -1,3 +1,3 @@
-import { API } from '@storybook/api';
-export declare const ADDON_ID = "creevey";
-export declare function registerCreeveyPanels(storybookApi: API): Promise<void>;
+import { API } from '@storybook/api';
+export declare const ADDON_ID = "creevey";
+export declare function registerCreeveyPanels(storybookApi: API): Promise<void>;

package/lib/types/client/addon/utils.d.ts

@@ -1,6 +1,2 @@
-import { Parameters } from '@storybook/api';
-import { SetStoriesPayload } from '@storybook/api/dist/ts3.9/lib/stories';
-import { StoriesRaw, TestStatus } from '../../types';
-export declare function getEmojiByTestStatus(status: TestStatus | undefined, skip?: string | boolean): string;
-export declare const combineParameters: (...parameterSets: Parameters[]) => Parameters;
-export declare const denormalizeStoryParameters: ({ globalParameters, kindParameters, stories, }: SetStoriesPayload) => StoriesRaw;
+import { TestStatus } from '../../types';
+export declare function getEmojiByTestStatus(status: TestStatus | undefined, skip?: string | boolean): string;

package/lib/types/client/addon/withCreevey.d.ts

@@ -1,46 +1,13 @@
-import { MakeDecoratorResult, Channel } from '@storybook/addons';
-import { StorybookGlobals } from '../../types';
-declare global {
-    interface Window {
-        __CREEVEY_SELECT_STORY__: (storyId: string, kind: string, name: string, shouldWaitForReady: boolean, callback: (error?: string) => void) => void;
-        __CREEVEY_UPDATE_GLOBALS__: (globals: StorybookGlobals) => void;
-        __CREEVEY_INSERT_IGNORE_STYLES__: (ignoreElements: string[]) => HTMLStyleElement;
-        __CREEVEY_REMOVE_IGNORE_STYLES__: (ignoreStyles: HTMLStyleElement) => void;
-        __CREEVEY_SET_READY_FOR_CAPTURE__?: () => void;
-        __STORYBOOK_ADDONS_CHANNEL__: Channel;
-    }
-    interface Document {
-        fonts: FontFaceSet;
-    }
-    type CSSOMString = string;
-    type FontFaceLoadStatus = 'unloaded' | 'loading' | 'loaded' | 'error';
-    type FontFaceSetStatus = 'loading' | 'loaded';
-    class FontFace extends FontFaceDescriptors {
-        constructor(family: string, source: string | ArrayBuffer, descriptors?: FontFaceDescriptors);
-        readonly status: FontFaceLoadStatus;
-        readonly loaded: Promise<FontFace>;
-        variationSettings: CSSOMString;
-        display: CSSOMString;
-        load(): Promise<FontFace>;
-    }
-    class FontFaceDescriptors {
-        family: CSSOMString;
-        style: CSSOMString;
-        weight: CSSOMString;
-        stretch: CSSOMString;
-        unicodeRange: CSSOMString;
-        variant: CSSOMString;
-        featureSettings: CSSOMString;
-    }
-    interface FontFaceSet extends Iterable<FontFace>, EventTarget {
-        readonly status: FontFaceSetStatus;
-        readonly ready: Promise<FontFaceSet>;
-        readonly size: number;
-        add(font: FontFace): void;
-        check(font: string, text?: string): boolean;
-        load(font: string, text?: string): Promise<FontFace[]>;
-        delete(font: FontFace): void;
-        clear(): void;
-    }
-}
-export declare function withCreevey(): MakeDecoratorResult;
+import { MakeDecoratorResult, Channel } from '@storybook/addons';
+import { StorybookGlobals } from '../../types';
+declare global {
+    interface Window {
+        __CREEVEY_SELECT_STORY__: (storyId: string, kind: string, name: string, shouldWaitForReady: boolean, callback: (error?: string) => void) => void;
+        __CREEVEY_UPDATE_GLOBALS__: (globals: StorybookGlobals) => void;
+        __CREEVEY_INSERT_IGNORE_STYLES__: (ignoreElements: string[]) => HTMLStyleElement;
+        __CREEVEY_REMOVE_IGNORE_STYLES__: (ignoreStyles: HTMLStyleElement) => void;
+        __CREEVEY_SET_READY_FOR_CAPTURE__?: () => void;
+        __STORYBOOK_ADDONS_CHANNEL__: Channel;
+    }
+}
+export declare function withCreevey(): MakeDecoratorResult;

package/lib/types/client/shared/components/ImagesView/BlendView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { ViewPropsWithTheme } from './ImagesView';
-export declare const BlendView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;
+import React from 'react';
+import { ViewPropsWithTheme } from './ImagesView';
+export declare const BlendView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;

package/lib/types/client/shared/components/ImagesView/ImagesView.d.ts

@@ -1,25 +1,25 @@
-/// <reference types="react" />
-import { Images, ImagesViewMode } from '../../../../types';
-import { Theme } from '@storybook/theming';
-export declare const themeBorderColors: {
-    actual: string;
-    expect: string;
-    diff: string;
-};
-export declare function getBorderColor(theme: Theme, color: string): string;
-interface ViewProps {
-    actual: string;
-    diff: string;
-    expect: string;
-}
-export interface ViewPropsWithTheme extends ViewProps {
-    theme: Theme;
-}
-interface ImagesViewProps {
-    url: string;
-    image: Images;
-    canApprove: boolean;
-    mode: ImagesViewMode;
-}
-export declare function ImagesView({ url, image, canApprove, mode }: ImagesViewProps): JSX.Element;
-export {};
+/// <reference types="react" />
+import { Images, ImagesViewMode } from '../../../../types';
+import { Theme } from '@storybook/theming';
+export declare const themeBorderColors: {
+    actual: string;
+    expect: string;
+    diff: string;
+};
+export declare function getBorderColor(theme: Theme, color: string): string;
+interface ViewProps {
+    actual: string;
+    diff: string;
+    expect: string;
+}
+export interface ViewPropsWithTheme extends ViewProps {
+    theme: Theme;
+}
+interface ImagesViewProps {
+    url: string;
+    image: Images;
+    canApprove: boolean;
+    mode: ImagesViewMode;
+}
+export declare function ImagesView({ url, image, canApprove, mode }: ImagesViewProps): JSX.Element;
+export {};

package/lib/types/client/shared/components/ImagesView/SideBySideView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { ViewPropsWithTheme } from './ImagesView';
-export declare const SideBySideView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;
+import React from 'react';
+import { ViewPropsWithTheme } from './ImagesView';
+export declare const SideBySideView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;

package/lib/types/client/shared/components/ImagesView/SlideView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { ViewPropsWithTheme } from './ImagesView';
-export declare const SlideView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;
+import React from 'react';
+import { ViewPropsWithTheme } from './ImagesView';
+export declare const SlideView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;

package/lib/types/client/shared/components/ImagesView/SwapView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { ViewPropsWithTheme } from './ImagesView';
-export declare const SwapView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;
+import React from 'react';
+import { ViewPropsWithTheme } from './ImagesView';
+export declare const SwapView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;

package/lib/types/client/shared/components/ImagesView/index.d.ts

@@ -1,5 +1,5 @@
-export { ImagesView } from './ImagesView';
-export { BlendView } from './BlendView';
-export { SideBySideView } from './SideBySideView';
-export { SlideView } from './SlideView';
-export { SwapView } from './SwapView';
+export { ImagesView } from './ImagesView';
+export { BlendView } from './BlendView';
+export { SideBySideView } from './SideBySideView';
+export { SlideView } from './SlideView';
+export { SwapView } from './SwapView';

package/lib/types/client/shared/components/PageFooter/PageFooter.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-export interface PageFooterProps {
-    canApprove: boolean;
-    retriesCount: number;
-    retry: number;
-    onRetryChange: (retry: number) => void;
-    onApprove: () => void;
-}
-export declare function PageFooter({ canApprove, retriesCount, retry, onRetryChange, onApprove, }: PageFooterProps): JSX.Element;
+/// <reference types="react" />
+export interface PageFooterProps {
+    canApprove: boolean;
+    retriesCount: number;
+    retry: number;
+    onRetryChange: (retry: number) => void;
+    onApprove: () => void;
+}
+export declare function PageFooter({ canApprove, retriesCount, retry, onRetryChange, onApprove, }: PageFooterProps): JSX.Element;

package/lib/types/client/shared/components/PageFooter/Paging.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-export interface PagingProps {
-    activePage: number;
-    onPageChange: (pageNumber: number) => void;
-    pagesCount: number;
-}
-export declare type ItemType = number | '.' | 'forward';
-export declare function Paging(props: PagingProps): JSX.Element;
+/// <reference types="react" />
+export interface PagingProps {
+    activePage: number;
+    onPageChange: (pageNumber: number) => void;
+    pagesCount: number;
+}
+export declare type ItemType = number | '.' | 'forward';
+export declare function Paging(props: PagingProps): JSX.Element;

package/lib/types/client/shared/components/PageHeader/ImagePreview.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { Theme } from '@storybook/theming';
-interface ImageSwapProps {
-    url: string;
-    isActive: boolean;
-    onClick: (imageName: string) => void;
-    imageName: string;
-    theme: Theme;
-    error?: boolean;
-}
-export declare const ImagePreview: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ImageSwapProps, "theme">>;
-export {};
+import React from 'react';
+import { Theme } from '@storybook/theming';
+interface ImageSwapProps {
+    url: string;
+    isActive: boolean;
+    onClick: (imageName: string) => void;
+    imageName: string;
+    theme: Theme;
+    error?: boolean;
+}
+export declare const ImagePreview: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ImageSwapProps, "theme">>;
+export {};

package/lib/types/client/shared/components/PageHeader/PageHeader.d.ts

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-import { ImagesViewMode, Images } from '../../../../types';
-interface PageHeaderProps {
-    title: string[];
-    images?: Partial<{
-        [name: string]: Images;
-    }>;
-    errorMessage?: string | null;
-    showViewModes: boolean;
-    showTitle?: boolean;
-    viewMode: ImagesViewMode;
-    imagesWithError?: string[];
-    onImageChange: (name: string) => void;
-    onViewModeChange: (viewMode: ImagesViewMode) => void;
-}
-export declare function PageHeader({ title, images, errorMessage, showViewModes, showTitle, viewMode, imagesWithError, onImageChange, onViewModeChange, }: PageHeaderProps): JSX.Element | null;
-export {};
+/// <reference types="react" />
+import { ImagesViewMode, Images } from '../../../../types';
+interface PageHeaderProps {
+    title: string[];
+    images?: Partial<{
+        [name: string]: Images;
+    }>;
+    errorMessage?: string | null;
+    showViewModes: boolean;
+    showTitle?: boolean;
+    viewMode: ImagesViewMode;
+    imagesWithError?: string[];
+    onImageChange: (name: string) => void;
+    onViewModeChange: (viewMode: ImagesViewMode) => void;
+}
+export declare function PageHeader({ title, images, errorMessage, showViewModes, showTitle, viewMode, imagesWithError, onImageChange, onViewModeChange, }: PageHeaderProps): JSX.Element | null;
+export {};

package/lib/types/client/shared/components/ResultsPage.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-import { Theme } from '@storybook/theming';
-import { TestResult } from '../../../types';
-interface TestResultsProps {
-    id: string;
-    path: string[];
-    results?: TestResult[];
-    approved?: Partial<{
-        [image: string]: number;
-    }>;
-    showTitle?: boolean;
-    onImageApprove: (id: string, retry: number, image: string) => void;
-    theme: Theme;
-    height?: string;
-}
-export declare function ResultsPageInternal({ id, path, results, approved, theme, onImageApprove, showTitle, height, }: TestResultsProps): JSX.Element;
-export declare const ResultsPage: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<TestResultsProps, "theme">>;
-export {};
+import React from 'react';
+import { Theme } from '@storybook/theming';
+import { TestResult } from '../../../types';
+interface TestResultsProps {
+    id: string;
+    path: string[];
+    results?: TestResult[];
+    approved?: Partial<{
+        [image: string]: number;
+    }>;
+    showTitle?: boolean;
+    onImageApprove: (id: string, retry: number, image: string) => void;
+    theme: Theme;
+    height?: string;
+}
+export declare function ResultsPageInternal({ id, path, results, approved, theme, onImageApprove, showTitle, height, }: TestResultsProps): JSX.Element;
+export declare const ResultsPage: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<TestResultsProps, "theme">>;
+export {};

package/lib/types/client/shared/creeveyClientApi.d.ts

@@ -1,9 +1,9 @@
-import { CreeveyUpdate, CreeveyStatus } from '../../types';
-export interface CreeveyClientApi {
-    start: (ids: string[]) => void;
-    stop: () => void;
-    approve: (id: string, retry: number, image: string) => void;
-    onUpdate: (fn: (update: CreeveyUpdate) => void) => () => void;
-    readonly status: Promise<CreeveyStatus>;
-}
-export declare function initCreeveyClientApi(): Promise<CreeveyClientApi>;
+import { CreeveyUpdate, CreeveyStatus } from '../../types';
+export interface CreeveyClientApi {
+    start: (ids: string[]) => void;
+    stop: () => void;
+    approve: (id: string, retry: number, image: string) => void;
+    onUpdate: (fn: (update: CreeveyUpdate) => void) => () => void;
+    readonly status: Promise<CreeveyStatus>;
+}
+export declare function initCreeveyClientApi(): Promise<CreeveyClientApi>;