Misago/frontend/tests/components/avatar.js

import assert from 'assert';
import React from 'react'; // jshint ignore:line
import ReactDOM from 'react-dom'; // jshint ignore:line
import Avatar from 'misago/components/avatar'; // jshint ignore:line

describe("Avatar", function() {
  afterEach(function() {
    window.emptyTestContainers();
  });

  it('renders guest avatar', function() {
    /* jshint ignore:start */
    ReactDOM.render(
      <Avatar size="42" />,
      document.getElementById('test-mount')
    );
    /* jshint ignore:end */

    let element = $('#test-mount img.user-avatar');
    assert.ok(element.length, "component renders for guest");
    assert.equal(element.attr('src'), '/test-runner/user-avatar/42.png', "component builds valid avatar url");
  });

  it('renders user avatar', function() {
    /* jshint ignore:start */
    let user = {
      id: 1234,
      avatar_hash: 'aabbccddeeff'
    };

    ReactDOM.render(
      <Avatar user={user} size="42" />,
      document.getElementById('test-mount')
    );
    /* jshint ignore:end */

    let element = $('#test-mount img.user-avatar');
    assert.ok(element.length, "component renders for user");
    assert.equal(element.attr('src'), '/test-runner/user-avatar/aabbccddeeff/42/1234.png',
      "component builds valid avatar url for authenticated");
  });
});