import { expect } from 'chai';
import { render } from 'enzyme';
import Immutable  from 'immutable';

import DisplayName from '../../../app/assets/javascripts/components/components/display_name'

describe('<DisplayName />', () => {
  it('renders display name + account name', () => {
    const account = Immutable.fromJS({
      username: 'bar',
      acct: 'bar@baz',
      display_name: 'Foo'
    });
    const wrapper = render(<DisplayName account={account} />);
    expect(wrapper).to.have.text('Foo @bar@baz');
  });

  it('renders the username + account name if display name is empty', () => {
    const account = Immutable.fromJS({
      username: 'bar',
      acct: 'bar@baz',
      display_name: ''
    });
    const wrapper = render(<DisplayName account={account} />);
    expect(wrapper).to.have.text('bar @bar@baz');
  });
});