react-skylight/test/skylightinteractor.js

A react component for modals and dialogs.

/* eslint-disable no-unused-expressions */
/* eslint-disable no-return-assign */
import {
  renderIntoDocument,
  scryRenderedDOMComponentsWithClass,
  findRenderedDOMComponentWithClass,
  Simulate,
} from 'react-addons-test-utils';

/**
 * A test wrapper for skylight components that performs DOM interaction.
 */
export default class SkylightInteractor {
  constructor(jsx) {
    this._component = renderIntoDocument(jsx);
  }

  show() {
    this._component.show();
  }

  hide() {
    this._component.hide();
  }

  isOverlayVisible() {
    const found = scryRenderedDOMComponentsWithClass(this._component, 'skylight-overlay');
    return found.length === 1;
  }

  clickOnOverlay() {
    const overlay = findRenderedDOMComponentWithClass(this._component, 'skylight-overlay');
    Simulate.click(overlay);
  }

  clickOnClose() {
    const closeButton = findRenderedDOMComponentWithClass(this._component, 'skylight-close-button');
    Simulate.click(closeButton);
  }

  isOpen() {
    const found = scryRenderedDOMComponentsWithClass(this._component, 'skylight-overlay');
    return found.length === 1;
  }
}