about summary refs log tree commit diff
path: root/spec/javascript/components/avatar.test.js
blob: 34949f2b56dccc3fa14e3ac68410b45c90c81619 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
import React from 'react';
import Avatar from '../../../app/javascript/mastodon/components/avatar';

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

describe('<Avatar />', () => {
  const account = fromJS({
    username: 'alice',
    acct: 'alice',
    display_name: 'Alice',
    avatar: '/animated/alice.gif',
    avatar_static: '/static/alice.jpg',
  });

  const size = 100;
  const animated = render(<Avatar account={account} animate size={size} />);
  const still = render(<Avatar account={account} size={size} />);

  // Autoplay
  xit('renders a div element with the given src as background', () => {
    expect(animated.find('div')).to.have.style('background-image', `url(${account.get('avatar')})`);
  });

  xit('renders a div element of the given size', () => {
    ['width', 'height'].map((attr) => {
      expect(animated.find('div')).to.have.style(attr, `${size}px`);
    });
  });

  // Still
  xit('renders a div element with the given static src as background if not autoplay', () => {
    expect(still.find('div')).to.have.style('background-image', `url(${account.get('avatar_static')})`);
  });

  xit('renders a div element of the given size if not autoplay', () => {
    ['width', 'height'].map((attr) => {
      expect(still.find('div')).to.have.style(attr, `${size}px`);
    });
  });

  // TODO add autoplay test if possible
});