jpglens/dist/integrations/storybook.d.ts

🔍 Universal AI-Powered UI Testing - See your interfaces through the lens of intelligence

/**
 * 🔍 jpglens - Storybook Integration
 * Universal AI-Powered UI Testing
 *
 * @author Taha Bahrami (Kaito)
 * @license MIT
 */
import { AnalysisContext, AnalysisResult, JPGLensConfig } from '../core/types.js';
/**
 * Storybook integration for jpglens
 * Analyze component states and interactions within Storybook stories
 */
export declare class StorybookJPGLens {
    private aiAnalyzer;
    private screenshotCapture;
    private config;
    constructor(config?: JPGLensConfig);
    /**
     * Analyze component states within Storybook
     */
    analyzeComponentStates(canvas: any, context: AnalysisContext & {
        component: string;
        states: string[];
        designSystem?: string;
    }): Promise<AnalysisResult>;
    /**
     * Analyze complete component library
     */
    analyzeComponentLibrary(components: Array<{
        name: string;
        canvas: any;
        states: string[];
        category?: string;
    }>): Promise<AnalysisResult[]>;
    /**
     * Analyze accessibility across component states
     */
    analyzeComponentAccessibility(canvas: any, component: string, states: string[]): Promise<AnalysisResult>;
    /**
     * Capture screenshot from Storybook canvas
     */
    private captureCanvasScreenshot;
}
/**
 * Analyze component states (main function for stories)
 */
export declare function analyzeComponentStates(canvas: any, context: AnalysisContext & {
    component: string;
    states: string[];
    designSystem?: string;
}): Promise<AnalysisResult>;
/**
 * Quick component analysis with minimal setup
 */
export declare function analyzeComponent(canvas: any, componentName: string, options?: {
    states?: string[];
    designSystem?: string;
    focus?: string;
}): Promise<AnalysisResult>;
/**
 * Accessibility-focused component analysis
 */
export declare function analyzeComponentA11y(canvas: any, componentName: string, states?: string[]): Promise<AnalysisResult>;
/**
 * Design system consistency analysis
 */
export declare function analyzeDesignSystemConsistency(canvas: any, componentName: string, designSystemName: string): Promise<AnalysisResult>;
//# sourceMappingURL=storybook.d.ts.map