import assert from 'assert';
import React from 'react'; // jshint ignore:line
import { UserMenu, UserNav, CompactUserNav } from 'misago/components/user-menu/user-nav'; // jshint ignore:line
import misago from 'misago/index';
import dropdown from 'misago/services/mobile-navbar-dropdown';
import store from 'misago/services/store';
import * as testUtils from 'misago/utils/test-utils';

describe("UserMenu", function() {
  beforeEach(function() {
    testUtils.contextClear(misago);
    testUtils.contextAuthenticated(misago);

    testUtils.initEmptyStore(store);
    testUtils.initDropdown(dropdown);

    /* jshint ignore:start */
    testUtils.render(<UserMenu user={misago._context.user} />, 'test-mount');
    /* jshint ignore:end */
  });

  afterEach(function() {
    testUtils.emptyTestContainers();
  });

  it('renders', function() {
    let element = $('#test-mount .dropdown-menu');
    assert.ok(element.length, "component renders");
  });
});

describe("UserNav", function() {
  beforeEach(function() {
    testUtils.contextClear(misago);
    testUtils.contextAuthenticated(misago);

    testUtils.initEmptyStore(store);
    testUtils.initDropdown(dropdown);

    /* jshint ignore:start */
    testUtils.render(<UserNav user={misago._context.user} />, 'test-mount');
    /* jshint ignore:end */
  });

  afterEach(function() {
    testUtils.emptyTestContainers();
  });

  it('renders', function() {
    let element = $('#test-mount .user-dropdown');
    assert.ok(element.length, "component renders");
  });
});

describe("CompactUserNav", function() {
  beforeEach(function() {
    testUtils.contextClear(misago);
    testUtils.contextAuthenticated(misago);

    store.constructor();
    store.addReducer('auth', function(state={}, action=null){
      if (action) {
        return state;
      }
    }, {
      'isAuthenticated': misago.get('isAuthenticated'),
      'isAnonymous': !misago.get('isAuthenticated'),

      'user': misago.get('user')
    });
    store.init();

    testUtils.initDropdown(dropdown);

    /* jshint ignore:start */
    testUtils.render(
      <CompactUserNav user={misago._context.user} />,
      'test-mount'
    );
    /* jshint ignore:end */
  });

  afterEach(function() {
    testUtils.emptyTestContainers();
  });

  it('renders', function() {
    let element = $('#test-mount img.user-avatar');
    assert.ok(element.length, "component renders");
  });

  it('opens dropdown on click', function() {
    testUtils.simulateClick('#test-mount button');

    let element = $('#dropdown-mount>.user-dropdown');
    assert.ok(element.length, "component opened dropdown");
  });
});