creevey 0.8.0-beta.0 → 0.9.0-beta.1

package/lib/types/cli.d.ts

@@ -1 +1 @@
-#!/usr/bin/env node
+#!/usr/bin/env node

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,24 @@
-/// <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_HOST__: string;
+    const __CREEVEY_SERVER_PORT__: number;
+    const __CREEVEY_CLIENT_PORT__: number | null;
+}
+export interface CreeveyAddonOptions {
+    creeveyConfigPath?: string;
+    creeveyPreExtract?: string;
+    creeveyHost?: 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/readyForCapture.d.ts

@@ -0,0 +1,6 @@
+declare global {
+    interface Window {
+        __CREEVEY_SET_READY_FOR_CAPTURE__?: () => void;
+    }
+}
+export declare function readyForCapture(): void;

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,2 +1,2 @@
-import { TestStatus } from '../../types';
-export declare function getEmojiByTestStatus(status: TestStatus | undefined, skip?: string | boolean): string;
+import { TestStatus } from '../../types';
+export declare function getEmojiByTestStatus(status: TestStatus | undefined, skip?: string | boolean): string;

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

@@ -1,13 +1,24 @@
-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;
+import type { PreviewWeb } from '@storybook/preview-web';
+import type { AnyFramework } from '@storybook/csf';
+import type { StoryStore } from '@storybook/client-api';
+import { MakeDecoratorResult, Channel } from '@storybook/addons';
+import { CaptureOptions, StoriesRaw, StorybookGlobals } from '../../types';
+declare global {
+    interface Window {
+        __CREEVEY_SERVER_HOST__: string;
+        __CREEVEY_SERVER_PORT__: number;
+        __CREEVEY_WORKER_ID__: number;
+        __CREEVEY_GET_STORIES__: () => Promise<StoriesRaw | void>;
+        __CREEVEY_SELECT_STORY__: (storyId: string, kind: string, name: string, shouldWaitForReady: boolean, callback: (response: [error?: string | null, isCaptureCalled?: boolean]) => void) => void;
+        __CREEVEY_UPDATE_GLOBALS__: (globals: StorybookGlobals) => void;
+        __CREEVEY_INSERT_IGNORE_STYLES__: (ignoreElements: string[]) => HTMLStyleElement;
+        __CREEVEY_REMOVE_IGNORE_STYLES__: (ignoreStyles: HTMLStyleElement) => void;
+        __CREEVEY_HAS_PLAY_COMPLETED_YET__: (callback: (isPlayCompleted: boolean) => void) => void;
+        __CREEVEY_SET_READY_FOR_CAPTURE__?: () => void;
+        __STORYBOOK_ADDONS_CHANNEL__: Channel;
+        __STORYBOOK_STORY_STORE__: StoryStore<AnyFramework>;
+        __STORYBOOK_PREVIEW__: PreviewWeb<AnyFramework>;
+    }
+}
+export declare function withCreevey(): MakeDecoratorResult;
+export declare function capture(options?: CaptureOptions): Promise<void>;

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>;

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

@@ -1,46 +1,46 @@
-import { ThemeVars } from '@storybook/theming';
-import { RefObject } from 'react';
-import { TestData, TestStatus, CreeveySuite, CreeveyTest, CreeveyStatus } from '../../types';
-export interface CreeveyViewFilter {
-    status: TestStatus | null;
-    subStrings: string[];
-}
-export interface CreeveyTestsStatus {
-    successCount: number;
-    failedCount: number;
-    pendingCount: number;
-    skippedCount: number;
-}
-export declare function calcStatus(oldStatus?: TestStatus, newStatus?: TestStatus): TestStatus | undefined;
-export declare function getTestPath(test: Pick<TestData, 'browser' | 'testName' | 'storyPath'>): string[];
-export declare function getSuiteByPath(suite: CreeveySuite, path: string[]): CreeveySuite | CreeveyTest | undefined;
-export declare function getTestByPath(suite: CreeveySuite, path: string[]): CreeveyTest | null;
-export declare function getTestsByStoryId(suite: CreeveySuite, storyId: string): CreeveyTest[];
-export declare function checkSuite(suite: CreeveySuite, path: string[], checked: boolean): void;
-export declare function treeifyTests(testsById: CreeveyStatus['tests']): CreeveySuite;
-export declare function getCheckedTests(suite: CreeveySuite): CreeveyTest[];
-export declare function updateTestStatus(suite: CreeveySuite, path: string[], update: Partial<TestData>): void;
-export declare function removeTests(suite: CreeveySuite, path: string[]): void;
-export declare function filterTests(suite: CreeveySuite, filter: CreeveyViewFilter): CreeveySuite;
-export declare function openSuite(suite: CreeveySuite, path: string[], opened: boolean): void;
-export declare function flattenSuite(suite: CreeveySuite): Array<{
-    title: string;
-    suite: CreeveySuite | CreeveyTest;
-}>;
-export declare function countTestsStatus(suite: CreeveySuite): CreeveyTestsStatus;
-export declare function getConnectionUrl(): string;
-export declare function getImageUrl(path: string[], imageName: string): string;
-export declare function getBorderSize(element: HTMLElement): number;
-export declare function useLoadImages(s1: string, s2: string, s3: string): boolean;
-/**
- * Uses the ResizeObserver API to observe changes within the given HTML Element DOM Rect.
- *
- * @returns dimensions of element's content box (which means without paddings and border width)
- */
-export declare function useResizeObserver<T extends Element>(elementRef: RefObject<T>, onResize: () => void, debounceTimeout?: number): void;
-export declare function useApplyScale(imageRef: RefObject<HTMLImageElement>, scale: number, dependency?: unknown): void;
-export declare function useCalcScale(diffImageRef: RefObject<HTMLImageElement>, loaded: boolean): number;
-export declare function useTheme(): [ThemeVars['base'], (theme: ThemeVars['base']) => void];
-export declare function setSearchParams(testPath: string[]): void;
-export declare function getTestPathFromSearch(): string[];
-export declare function useForceUpdate(): () => void;
+import { ThemeVars } from '@storybook/theming';
+import { RefObject } from 'react';
+import { TestData, TestStatus, CreeveySuite, CreeveyTest, CreeveyStatus } from '../../types';
+export interface CreeveyViewFilter {
+    status: TestStatus | null;
+    subStrings: string[];
+}
+export interface CreeveyTestsStatus {
+    successCount: number;
+    failedCount: number;
+    pendingCount: number;
+    skippedCount: number;
+}
+export declare function calcStatus(oldStatus?: TestStatus, newStatus?: TestStatus): TestStatus | undefined;
+export declare function getTestPath(test: Pick<TestData, 'browser' | 'testName' | 'storyPath'>): string[];
+export declare function getSuiteByPath(suite: CreeveySuite, path: string[]): CreeveySuite | CreeveyTest | undefined;
+export declare function getTestByPath(suite: CreeveySuite, path: string[]): CreeveyTest | null;
+export declare function getTestsByStoryId(suite: CreeveySuite, storyId: string): CreeveyTest[];
+export declare function checkSuite(suite: CreeveySuite, path: string[], checked: boolean): void;
+export declare function treeifyTests(testsById: CreeveyStatus['tests']): CreeveySuite;
+export declare function getCheckedTests(suite: CreeveySuite): CreeveyTest[];
+export declare function updateTestStatus(suite: CreeveySuite, path: string[], update: Partial<TestData>): void;
+export declare function removeTests(suite: CreeveySuite, path: string[]): void;
+export declare function filterTests(suite: CreeveySuite, filter: CreeveyViewFilter): CreeveySuite;
+export declare function openSuite(suite: CreeveySuite, path: string[], opened: boolean): void;
+export declare function flattenSuite(suite: CreeveySuite): Array<{
+    title: string;
+    suite: CreeveySuite | CreeveyTest;
+}>;
+export declare function countTestsStatus(suite: CreeveySuite): CreeveyTestsStatus;
+export declare function getConnectionUrl(): string;
+export declare function getImageUrl(path: string[], imageName: string): string;
+export declare function getBorderSize(element: HTMLElement): number;
+export declare function useLoadImages(s1: string, s2: string, s3: string): boolean;
+/**
+ * Uses the ResizeObserver API to observe changes within the given HTML Element DOM Rect.
+ *
+ * @returns dimensions of element's content box (which means without paddings and border width)
+ */
+export declare function useResizeObserver<T extends Element>(elementRef: RefObject<T>, onResize: () => void, debounceTimeout?: number): void;
+export declare function useApplyScale(imageRef: RefObject<HTMLImageElement>, scale: number, dependency?: unknown): void;
+export declare function useCalcScale(diffImageRef: RefObject<HTMLImageElement>, loaded: boolean): number;
+export declare function useTheme(): [ThemeVars['base'], (theme: ThemeVars['base']) => void];
+export declare function setSearchParams(testPath: string[]): void;
+export declare function getTestPathFromSearch(): string[];
+export declare function useForceUpdate(): () => void;