diff options
author | Ondřej Hruška <ondra@ondrovo.com> | 2017-08-06 21:49:26 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-08-06 21:49:26 +0200 |
commit | eb7fc34708e7e31bcce559801563ff497595c247 (patch) | |
tree | 3c88f745c397db2893dc7927504c8582a400a68d /spec/javascript/components/avatar.test.js | |
parent | 7b42d14f456d036e768015c2e12aa93c1bf9226d (diff) | |
parent | 91836d577e1f02ffbeb417246ef13e211455a123 (diff) |
Merge pull request #124 from glitch-soc/data-avatar-of
all checks have failed woooooo \*merges*
Diffstat (limited to 'spec/javascript/components/avatar.test.js')
-rw-r--r-- | spec/javascript/components/avatar.test.js | 30 |
1 files changed, 26 insertions, 4 deletions
diff --git a/spec/javascript/components/avatar.test.js b/spec/javascript/components/avatar.test.js index 03b71dc9d..ee40812ca 100644 --- a/spec/javascript/components/avatar.test.js +++ b/spec/javascript/components/avatar.test.js @@ -1,20 +1,42 @@ import { expect } from 'chai'; import { render } from 'enzyme'; +import { fromJS } from 'immutable'; import React from 'react'; import Avatar from '../../../app/javascript/mastodon/components/avatar'; describe('<Avatar />', () => { - const src = '/path/to/image.jpg'; + const account = fromJS({ + username: 'alice', + acct: 'alice', + display_name: 'Alice', + avatar: '/animated/alice.gif', + avatar_static: '/static/alice.jpg', + }); const size = 100; - const wrapper = render(<Avatar src={src} animate size={size} />); + const animated = render(<Avatar account={account} animate size={size} />); + const still = render(<Avatar account={account} size={size} />); + // Autoplay it('renders a div element with the given src as background', () => { - expect(wrapper.find('div')).to.have.style('background-image', `url(${src})`); + expect(animated.find('div')).to.have.style('background-image', `url(${account.get('avatar')})`); }); it('renders a div element of the given size', () => { ['width', 'height'].map((attr) => { - expect(wrapper.find('div')).to.have.style(attr, `${size}px`); + expect(animated.find('div')).to.have.style(attr, `${size}px`); + }); + }); + + // Still + it('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')})`); + }); + + it('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 }); |