skin-deep/skin-deep.d.ts

Testing helpers for use with React's shallowRender test utils.

import { ReactElement, ComponentClass } from 'react';

export type Selector = string | ComponentClass<{}>;
export type Matcher = {} | ((node: JSX.Element) => boolean);

export interface Tree<P, C> {
  type: ComponentClass<P> | string;
  props: P;
  reRender(props: P, context?: C): void;
  getMountedInstance(): {};
  subTree(query: Selector, predicate?: Matcher): Tree<{}, C>;
  everySubTree(query: Selector, predicate?: Matcher): Tree<{}, C>[];
  dive(paths: Selector[]): Tree<{}, {}>;
  dive<C>(paths: Selector[], context: C): Tree<{}, C>;
  text(): string;
  getRenderOutput(): ReactElement<P>;
  toString(): string;
}

export function shallowRender<P>(element: ReactElement<P>|JSX.Element): Tree<P, {}>;
export function shallowRender<P, C>(element: ReactElement<P>|JSX.Element, context: C): Tree<P, C>;

export function hasClass(node: JSX.Element, cls: string): boolean;