Misago/frontend/src/utils/test-utils.js

import React from 'react'; // jshint ignore:line
import ReactDOM from 'react-dom';
import ReactTestUtils from 'react-addons-test-utils';

// clean test mounts from components
export function render(containerOrComponent, Component) {
  if (Component) {
    return ReactDOM.render(
      Component, document.getElementById(containerOrComponent + '-mount'));
  } else {
    return ReactDOM.render(
      containerOrComponent, document.getElementById('test-mount'));
  }
}

export function unmountComponents() {
  ReactDOM.unmountComponentAtNode(document.getElementById('dropdown-mount'));
  ReactDOM.unmountComponentAtNode(document.getElementById('modal-mount'));
  ReactDOM.unmountComponentAtNode(document.getElementById('page-mount'));
  ReactDOM.unmountComponentAtNode(document.getElementById('test-mount'));
}

// global utility for mocking context
export function contextClear(misago) {
  misago._context = {};
}

export function mockUser(overrides) {
  let user = {
    id : 42,
    absolute_url: "/user/loremipsum-42/",
    api_url: {
      avatar: "/test-api/users/42/avatar/",
      change_email: "/test-api/users/42/change-email/",
      change_password: "/test-api/users/42/change-password/",
      options: "/test-api/users/42/forum-options/",
      username: "/test-api/users/42/username/"
    },
    avatar_hash: "5c6a04b4",
    email: "test@example.com",
    is_hiding_presence: false,
    joined_on: "2015-05-09T16:13:33.973603Z",
    limits_private_thread_invites_to: 0,
    new_notifications: 0,
    posts: 30,
    rank: {
      id: 1,

      css_class: "team",
      description: '<p>Lorem ipsum dolor met sit amet elit, si vis pacem para bellum.</p>\n<p>To help see <a href="http://wololo.com/something.php?page=2131">http://wololo.com/something.php?page=2131</a></p>',
      is_tab: true,
      name: "Forum team",
      slug: "forum-team",
      title: "Team"
    },
    slug: "loremipsum",
    subscribe_to_replied_threads: 2,
    subscribe_to_started_threads: 1,
    threads: 0,
    title: "",
    unread_private_threads: 0,
    username: "LoremIpsum",

    status: null,

    acl: {}
  };

  if (overrides) {
    return Object.assign(user, overrides);
  } else {
    return user;
  }
}

export function contextGuest(misago) {
  misago._context = Object.assign({}, misago._context, {
    isAuthenticated: false,

    user: {
      id : null,

      acl: {}
    }
  });
}

export function contextAuthenticated(misago, overrides) {
  misago._context = Object.assign({}, misago._context, {
    isAuthenticated: true,

    user: mockUser(overrides)
  });
}

// global utility function for store mocking
export function initEmptyStore(store) {
  store.constructor();
  store.addReducer('tick', function(state={}, action=null) { return {}; }, {}); // jshint ignore:line
  store.init();
}

export function snackbarStoreMock() {
  return {
    message: null,
    _callback: null,

    callback: function(callback) {
      this._callback = callback;
    },

    dispatch: function(action) {
      if (action.type === 'SHOW_SNACKBAR') {
        this.message = {
          message: action.message,
          type: action.messageType
        };

        if (this._callback) {
          window.setTimeout(() => {
            this._callback(this.message);
          }, 100);
        }
      }
    }
  };
}

// global init function for modal and dropdown services
export function initModal(modal) {
  $('#modal-mount').off();
  modal.init(document.getElementById('modal-mount'));
}

export function initDropdown(dropdown) {
  dropdown.init(document.getElementById('dropdown-mount'));
}

// global util for reseting snackbar
export function snackbarClear(snackbar) {
  // NOTE: Never ever cause situation when snackbar is triggered more than once
  // in the single test, because this results in race condition within tests
  // suite where one tests check's snackbar state before it has reopened with
  // new message set by current test
  if (snackbar._timeout) {
    window.clearTimeout(snackbar._timeout);
    snackbar._timeout = null;
  }
}

// global util functions for events
export function simulateClick(selector) {
  if ($(selector).length) {
    ReactTestUtils.Simulate.click($(selector).get(0));
  } else {
    throw 'selector "' + selector + '" did not match anything';
  }
}

export function simulateSubmit(selector) {
  if ($(selector).length) {
    ReactTestUtils.Simulate.submit($(selector).get(0));
  } else {
    throw 'selector "' + selector + '" did not match anything';
  }
}

export function simulateChange(selector, value) {
  if ($(selector).length) {
    $(selector).val(value);
    ReactTestUtils.Simulate.change($(selector).get(0));
  } else {
    throw 'selector "' + selector + '" did not match anything';
  }
}

export function afterAjax(callback) {
  window.setTimeout(function() {
    callback();
  }, 200);
}

export function onElement(selector, callback) {
  let _getElement = function() {
    window.setTimeout(function() {
      let element = $(selector);
      if (element.length >= 1) {
        callback(element);
      } else {
        _getElement();
      }
    }, 50);
  };

  _getElement();
}