Class App

specs/Modal.spec.js:770–804

      let modal = null;

      class App extends Component {
        constructor(props) {
          super(props);
          this.state = { classModifier: "" };
        }

        componentDidMount() {
          modal.node.className.should.be.eql("portal");

          this.setState({ classModifier: "-modifier" });
        }

        componentDidUpdate() {
          modal.node.className.should.be.eql("portal-modifier");
        }

        render() {
          const { classModifier } = this.state;
          const portalClassName = `portal${classModifier}`;

          return (
            <div>
              <Modal
                ref={modalComponent => {
                  modal = modalComponent;
                }}
                isOpen
                portalClassName={portalClassName}
              >
                <span>Test</span>
              </Modal>
            </div>
          );
        }
      }

      Modal.setAppElement(node);
      ReactDOM.render(<App />, node);