@types/react-addons-test-utils/index.d.ts

TypeScript definitions for React (react-addons-test-utils)

// Type definitions for React (react-addons-test-utils) 15.6
// Project: http://facebook.github.io/react/
// Definitions by: Asana <https://asana.com>, AssureSign <http://www.assuresign.com>, Microsoft <https://microsoft.com>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// TypeScript Version: 2.8

import { AbstractView, Component, ComponentClass,
    ReactElement, ReactInstance, ClassType,
    DOMElement, SFCElement, CElement,
    ReactHTMLElement, DOMAttributes, SFC } from 'react';

export = TestUtils;

declare namespace TestUtils {
    export interface OptionalEventProperties {
        bubbles?: boolean | undefined;
        cancelable?: boolean | undefined;
        currentTarget?: EventTarget | undefined;
        defaultPrevented?: boolean | undefined;
        eventPhase?: number | undefined;
        isTrusted?: boolean | undefined;
        nativeEvent?: Event | undefined;
        preventDefault?(): void;
        stopPropagation?(): void;
        target?: EventTarget | undefined;
        timeStamp?: Date | undefined;
        type?: string | undefined;
    }

    export interface SyntheticEventData extends OptionalEventProperties {
        altKey?: boolean | undefined;
        button?: number | undefined;
        buttons?: number | undefined;
        clientX?: number | undefined;
        clientY?: number | undefined;
        changedTouches?: TouchList | undefined;
        charCode?: boolean | undefined;
        clipboardData?: DataTransfer | undefined;
        ctrlKey?: boolean | undefined;
        deltaMode?: number | undefined;
        deltaX?: number | undefined;
        deltaY?: number | undefined;
        deltaZ?: number | undefined;
        detail?: number | undefined;
        getModifierState?(key: string): boolean;
        key?: string | undefined;
        keyCode?: number | undefined;
        locale?: string | undefined;
        location?: number | undefined;
        metaKey?: boolean | undefined;
        pageX?: number | undefined;
        pageY?: number | undefined;
        relatedTarget?: EventTarget | undefined;
        repeat?: boolean | undefined;
        screenX?: number | undefined;
        screenY?: number | undefined;
        shiftKey?: boolean | undefined;
        targetTouches?: TouchList | undefined;
        touches?: TouchList | undefined;
        view?: AbstractView | undefined;
        which?: number | undefined;
    }

    export interface EventSimulator {
        (element: Element | Component<any>, eventData?: SyntheticEventData): void;
    }

    export interface MockedComponentClass {
        new(): any;
    }

    export interface ShallowRenderer {
        getRenderOutput<E extends ReactElement>(): E;
        render(element: ReactElement, context?: any): void;
        unmount(): void;
    }

    export namespace Simulate {
        export var blur: EventSimulator;
        export var change: EventSimulator;
        export var click: EventSimulator;
        export var contextMenu: EventSimulator;
        export var copy: EventSimulator;
        export var cut: EventSimulator;
        export var doubleClick: EventSimulator;
        export var drag: EventSimulator;
        export var dragEnd: EventSimulator;
        export var dragEnter: EventSimulator;
        export var dragExit: EventSimulator;
        export var dragLeave: EventSimulator;
        export var dragOver: EventSimulator;
        export var dragStart: EventSimulator;
        export var drop: EventSimulator;
        export var error: EventSimulator;
        export var focus: EventSimulator;
        export var input: EventSimulator;
        export var keyDown: EventSimulator;
        export var keyPress: EventSimulator;
        export var keyUp: EventSimulator;
        export var load: EventSimulator;
        export var mouseDown: EventSimulator;
        export var mouseEnter: EventSimulator;
        export var mouseLeave: EventSimulator;
        export var mouseMove: EventSimulator;
        export var mouseOut: EventSimulator;
        export var mouseOver: EventSimulator;
        export var mouseUp: EventSimulator;
        export var paste: EventSimulator;
        export var scroll: EventSimulator;
        export var submit: EventSimulator;
        export var touchCancel: EventSimulator;
        export var touchEnd: EventSimulator;
        export var touchMove: EventSimulator;
        export var touchStart: EventSimulator;
        export var wheel: EventSimulator;
    }

    export function renderIntoDocument<T extends Element>(
        element: DOMElement<any, T>): T;
    export function renderIntoDocument(
        element: SFCElement<any>): void;
    export function renderIntoDocument<T extends Component<any>>(
        element: CElement<any, T>): T;
    export function renderIntoDocument<P>(
        element: ReactElement<P>): Component<P> | Element | void;

    export function mockComponent(
        mocked: MockedComponentClass, mockTagName?: string): typeof TestUtils;

    export function isElementOfType<T extends HTMLElement>(
        element: ReactElement, type: string): element is ReactHTMLElement<T>;
    export function isElementOfType<P extends DOMAttributes<{}>, T extends Element>(
        element: ReactElement, type: string): element is DOMElement<P, T>;
    export function isElementOfType<P>(
        element: ReactElement, type: SFC<P>): element is SFCElement<P>;
    export function isElementOfType<P, T extends Component<P>, C extends ComponentClass<P>>(
        element: ReactElement, type: ClassType<P, T, C>): element is CElement<P, T>;

    export function isDOMComponent(instance: ReactInstance): instance is Element;
    export function isCompositeComponent(instance: ReactInstance): instance is Component<any>;
    export function isCompositeComponentWithType<T extends Component<any>, C extends ComponentClass<any>>(
        instance: ReactInstance, type: ClassType<any, T, C>): T;

    export function findAllInRenderedTree(
        root: Component<any>,
        fn: (i: ReactInstance) => boolean): ReactInstance[];

    export function scryRenderedDOMComponentsWithClass(
        root: Component<any>,
        className: string): Element[];
    export function findRenderedDOMComponentWithClass(
        root: Component<any>,
        className: string): Element;

    export function scryRenderedDOMComponentsWithTag(
        root: Component<any>,
        tagName: string): Element[];
    export function findRenderedDOMComponentWithTag(
        root: Component<any>,
        tagName: string): Element;

    export function scryRenderedComponentsWithType<T extends Component<any>, C extends ComponentClass<any>>(
        root: Component<any>,
        type: ClassType<any, T, C>): T[];

    export function findRenderedComponentWithType<T extends Component<any>, C extends ComponentClass<any>>(
        root: Component<any>,
        type: ClassType<any, T, C>): T;

    export function createRenderer(): ShallowRenderer;
}