/**
 * QA360 Device Emulation Module
 *
 * P0: Mobile and tablet device emulation
 * - Predefined device profiles
 * - Viewport resizing
 * - User agent emulation
 * - Touch/Mouse interaction switching
 * - Device pixel ratio handling
 * - Orientation (portrait/landscape)
 */
import type { Page } from '@playwright/test';
/**
 * Device viewport configuration
 */
export interface ViewportConfig {
    /** Viewport width in pixels */
    width: number;
    /** Viewport height in pixels */
    height: number;
    /** Device scale factor (default: 1) */
    deviceScaleFactor?: number;
    /** Whether to emulate mobile (default: false) */
    isMobile?: boolean;
    /** Whether to emulate touch (default: false for desktop, true for mobile) */
    hasTouch?: boolean;
    /** Screen orientation */
    landscape?: boolean;
}
/**
 * Device profile with full configuration
 */
export interface DeviceProfile extends ViewportConfig {
    /** Device name */
    name: string;
    /** User agent string */
    userAgent: string;
    /** Device category */
    category: 'desktop' | 'tablet' | 'mobile';
}
/**
 * Orientation options
 */
export type Orientation = 'portrait' | 'landscape';
/**
 * Device Emulation Helper
 */
export declare class DeviceEmulator {
    private page;
    private static profiles;
    constructor(page: Page);
    /**
     * Get all available device profiles
     */
    static getProfiles(): Record<string, DeviceProfile>;
    /**
     * Get a specific device profile
     */
    static getProfile(name: string): DeviceProfile | undefined;
    /**
     * Get all profiles by category
     */
    static getProfilesByCategory(category: 'desktop' | 'tablet' | 'mobile'): DeviceProfile[];
    /**
     * Emulate a device by name
     */
    emulate(device: string): Promise<void>;
    /**
     * Emulate a device profile
     */
    emulateProfile(profile: DeviceProfile): Promise<void>;
    /**
     * Set viewport size
     */
    setViewport(width: number, height: number, options?: Partial<ViewportConfig>): Promise<void>;
    /**
     * Set viewport to predefined dimensions
     */
    desktop(): Promise<void>;
    tablet(): Promise<void>;
    mobile(): Promise<void>;
    /**
     * Set screen orientation
     */
    setOrientation(orientation: Orientation): Promise<void>;
    /**
     * Rotate device (swap width and height)
     */
    rotate(): Promise<void>;
    /**
     * Set device pixel ratio
     */
    setDeviceScaleFactor(dpr: number): Promise<void>;
    /**
     * Enable/disable touch emulation
     */
    setTouch(enabled: boolean): Promise<void>;
    /**
     * Get current viewport info
     */
    getViewport(): Promise<ViewportConfig | null>;
    /**
     * Test at multiple viewport sizes (responsive testing)
     */
    testAtSizes(sizes: Array<{
        width: number;
        height: number;
    }>, testFn: () => Promise<void>): Promise<Array<{
        size: {
            width: number;
            height: number;
        };
        passed: boolean;
        error?: Error;
    }>>;
    /**
     * Test at multiple breakpoints (common responsive sizes)
     */
    testResponsive(testFn: () => Promise<void>): Promise<Array<{
        breakpoint: string;
        passed: boolean;
        error?: Error;
    }>>;
    /**
     * Test on multiple device profiles
     */
    testOnDevices(devices: string[], testFn: () => Promise<void>): Promise<Array<{
        device: string;
        passed: boolean;
        error?: Error;
    }>>;
}
/**
 * Convenience function to create device emulator
 */
export declare function device(page: Page): DeviceEmulator;
/**
 * Common viewport presets
 */
export declare const Viewport: {
    'desktop-xl': {
        width: number;
        height: number;
    };
    'desktop-lg': {
        width: number;
        height: number;
    };
    'desktop-md': {
        width: number;
        height: number;
    };
    'desktop-sm': {
        width: number;
        height: number;
    };
    'tablet-lg': {
        width: number;
        height: number;
    };
    'tablet-md': {
        width: number;
        height: number;
    };
    'tablet-sm': {
        width: number;
        height: number;
    };
    'mobile-lg': {
        width: number;
        height: number;
    };
    'mobile-md': {
        width: number;
        height: number;
    };
    'mobile-sm': {
        width: number;
        height: number;
    };
    'mobile-xs': {
        width: number;
        height: number;
    };
};
/**
 * Common device lists
 */
export declare const Devices: {
    desktop: readonly ["desktop-1920x1080", "desktop-1366x768", "macbook-16"];
    tablet: readonly ["ipad-pro", "ipad", "ipad-mini", "surface-pro"];
    mobile: readonly ["iphone-15-pro-max", "iphone-15-pro", "iphone-se", "pixel-7-pro", "samsung-s23"];
    popular: readonly ["desktop-1920x1080", "ipad", "iphone-15-pro", "pixel-7-pro"];
};