2017-09-29 22:29:56 -04:00
|
|
|
import React from 'react';
|
|
|
|
import AvatarOverlay from '../../../app/javascript/mastodon/components/avatar_overlay';
|
|
|
|
|
2017-08-07 13:44:55 -04:00
|
|
|
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',
|
|
|
|
});
|
2017-09-29 22:29:56 -04:00
|
|
|
|
2017-08-07 13:44:55 -04:00
|
|
|
const friend = fromJS({
|
|
|
|
username: 'eve',
|
|
|
|
acct: 'eve@blackhat.lair',
|
|
|
|
display_name: 'Evelyn',
|
|
|
|
avatar: '/animated/eve.gif',
|
|
|
|
avatar_static: '/static/eve.jpg',
|
|
|
|
});
|
|
|
|
|
|
|
|
const overlay = render(<AvatarOverlay account={account} friend={friend} />);
|
|
|
|
|
2017-09-29 22:29:56 -04:00
|
|
|
xit('renders account static src as base of overlay avatar', () => {
|
2017-08-07 13:44:55 -04:00
|
|
|
expect(overlay.find('.account__avatar-overlay-base'))
|
|
|
|
.to.have.style('background-image', `url(${account.get('avatar_static')})`);
|
|
|
|
});
|
|
|
|
|
2017-09-29 22:29:56 -04:00
|
|
|
xit('renders friend static src as overlay of overlay avatar', () => {
|
2017-08-07 13:44:55 -04:00
|
|
|
expect(overlay.find('.account__avatar-overlay-overlay'))
|
|
|
|
.to.have.style('background-image', `url(${friend.get('avatar_static')})`);
|
|
|
|
});
|
|
|
|
});
|