parent
e19fc6a9f8
commit
fc2c8b50dd
@ -1,35 +0,0 @@ |
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`<Avatar /> Autoplay renders a animated avatar 1`] = ` |
||||
<div |
||||
className="account__avatar" |
||||
data-avatar-of="@alice" |
||||
onMouseEnter={[Function]} |
||||
onMouseLeave={[Function]} |
||||
style={ |
||||
Object { |
||||
"backgroundImage": "url(/animated/alice.gif)", |
||||
"backgroundSize": "100px 100px", |
||||
"height": "100px", |
||||
"width": "100px", |
||||
} |
||||
} |
||||
/> |
||||
`; |
||||
|
||||
exports[`<Avatar /> Still renders a still avatar 1`] = ` |
||||
<div |
||||
className="account__avatar" |
||||
data-avatar-of="@alice" |
||||
onMouseEnter={[Function]} |
||||
onMouseLeave={[Function]} |
||||
style={ |
||||
Object { |
||||
"backgroundImage": "url(/static/alice.jpg)", |
||||
"backgroundSize": "100px 100px", |
||||
"height": "100px", |
||||
"width": "100px", |
||||
} |
||||
} |
||||
/> |
||||
`; |
@ -1,26 +0,0 @@ |
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`<AvatarOverlay renders a overlay avatar 1`] = ` |
||||
<div |
||||
className="account__avatar-overlay" |
||||
> |
||||
<div |
||||
className="account__avatar-overlay-base" |
||||
data-avatar-of="@alice" |
||||
style={ |
||||
Object { |
||||
"backgroundImage": "url(/static/alice.jpg)", |
||||
} |
||||
} |
||||
/> |
||||
<div |
||||
className="account__avatar-overlay-overlay" |
||||
data-avatar-of="@eve@blackhat.lair" |
||||
style={ |
||||
Object { |
||||
"backgroundImage": "url(/static/eve.jpg)", |
||||
} |
||||
} |
||||
/> |
||||
</div> |
||||
`; |
@ -1,130 +0,0 @@ |
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`<Button /> adds class "button-secondary" if props.secondary given 1`] = ` |
||||
<button |
||||
className="button button-secondary" |
||||
disabled={undefined} |
||||
onClick={[Function]} |
||||
style={ |
||||
Object { |
||||
"height": "36px", |
||||
"lineHeight": "36px", |
||||
"padding": "0 16px", |
||||
} |
||||
} |
||||
/> |
||||
`; |
||||
|
||||
exports[`<Button /> renders a button element 1`] = ` |
||||
<button |
||||
className="button" |
||||
disabled={undefined} |
||||
onClick={[Function]} |
||||
style={ |
||||
Object { |
||||
"height": "36px", |
||||
"lineHeight": "36px", |
||||
"padding": "0 16px", |
||||
} |
||||
} |
||||
/> |
||||
`; |
||||
|
||||
exports[`<Button /> renders a disabled attribute if props.disabled given 1`] = ` |
||||
<button |
||||
className="button" |
||||
disabled={true} |
||||
onClick={[Function]} |
||||
style={ |
||||
Object { |
||||
"height": "36px", |
||||
"lineHeight": "36px", |
||||
"padding": "0 16px", |
||||
} |
||||
} |
||||
/> |
||||
`; |
||||
|
||||
exports[`<Button /> renders class="button--block" if props.block given 1`] = ` |
||||
<button |
||||
className="button button--block" |
||||
disabled={undefined} |
||||
onClick={[Function]} |
||||
style={ |
||||
Object { |
||||
"height": "36px", |
||||
"lineHeight": "36px", |
||||
"padding": "0 16px", |
||||
} |
||||
} |
||||
/> |
||||
`; |
||||
|
||||
exports[`<Button /> renders the children 1`] = ` |
||||
<button |
||||
className="button" |
||||
disabled={undefined} |
||||
onClick={[Function]} |
||||
style={ |
||||
Object { |
||||
"height": "36px", |
||||
"lineHeight": "36px", |
||||
"padding": "0 16px", |
||||
} |
||||
} |
||||
> |
||||
<p> |
||||
children |
||||
</p> |
||||
</button> |
||||
`; |
||||
|
||||
exports[`<Button /> renders the given text 1`] = ` |
||||
<button |
||||
className="button" |
||||
disabled={undefined} |
||||
onClick={[Function]} |
||||
style={ |
||||
Object { |
||||
"height": "36px", |
||||
"lineHeight": "36px", |
||||
"padding": "0 16px", |
||||
} |
||||
} |
||||
> |
||||
foo |
||||
</button> |
||||
`; |
||||
|
||||
exports[`<Button /> renders the props.text instead of children 1`] = ` |
||||
<button |
||||
className="button" |
||||
disabled={undefined} |
||||
onClick={[Function]} |
||||
style={ |
||||
Object { |
||||
"height": "36px", |
||||
"lineHeight": "36px", |
||||
"padding": "0 16px", |
||||
} |
||||
} |
||||
> |
||||
foo |
||||
</button> |
||||
`; |
||||
|
||||
exports[`<Button /> renders title if props.title is given 1`] = ` |
||||
<button |
||||
className="button" |
||||
disabled={undefined} |
||||
onClick={[Function]} |
||||
style={ |
||||
Object { |
||||
"height": "36px", |
||||
"lineHeight": "36px", |
||||
"padding": "0 16px", |
||||
} |
||||
} |
||||
title="foo" |
||||
/> |
||||
`; |
@ -1,23 +0,0 @@ |
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`<DisplayName /> renders display name + account name 1`] = ` |
||||
<span |
||||
className="display-name" |
||||
> |
||||
<strong |
||||
className="display-name__html" |
||||
dangerouslySetInnerHTML={ |
||||
Object { |
||||
"__html": "<p>Foo</p>", |
||||
} |
||||
} |
||||
/> |
||||
|
||||
<span |
||||
className="display-name__account" |
||||
> |
||||
@ |
||||
bar@baz |
||||
</span> |
||||
</span> |
||||
`; |
@ -1,36 +0,0 @@ |
||||
import React from 'react'; |
||||
import renderer from 'react-test-renderer'; |
||||
import { fromJS } from 'immutable'; |
||||
import Avatar from '../avatar'; |
||||
|
||||
describe('<Avatar />', () => { |
||||
const account = fromJS({ |
||||
username: 'alice', |
||||
acct: 'alice', |
||||
display_name: 'Alice', |
||||
avatar: '/animated/alice.gif', |
||||
avatar_static: '/static/alice.jpg', |
||||
}); |
||||
|
||||
const size = 100; |
||||
|
||||
describe('Autoplay', () => { |
||||
it('renders a animated avatar', () => { |
||||
const component = renderer.create(<Avatar account={account} animate size={size} />); |
||||
const tree = component.toJSON(); |
||||
|
||||
expect(tree).toMatchSnapshot(); |
||||
}); |
||||
}); |
||||
|
||||
describe('Still', () => { |
||||
it('renders a still avatar', () => { |
||||
const component = renderer.create(<Avatar account={account} size={size} />); |
||||
const tree = component.toJSON(); |
||||
|
||||
expect(tree).toMatchSnapshot(); |
||||
}); |
||||
}); |
||||
|
||||
// TODO add autoplay test if possible
|
||||
}); |
@ -1,29 +0,0 @@ |
||||
import React from 'react'; |
||||
import renderer from 'react-test-renderer'; |
||||
import { fromJS } from 'immutable'; |
||||
import AvatarOverlay from '../avatar_overlay'; |
||||
|
||||
describe('<AvatarOverlay', () => { |
||||
const account = fromJS({ |
||||
username: 'alice', |
||||
acct: 'alice', |
||||
display_name: 'Alice', |
||||
avatar: '/animated/alice.gif', |
||||
avatar_static: '/static/alice.jpg', |
||||
}); |
||||
|
||||
const friend = fromJS({ |
||||
username: 'eve', |
||||
acct: 'eve@blackhat.lair', |
||||
display_name: 'Evelyn', |
||||
avatar: '/animated/eve.gif', |
||||
avatar_static: '/static/eve.jpg', |
||||
}); |
||||
|
||||
it('renders a overlay avatar', () => { |
||||
const component = renderer.create(<AvatarOverlay account={account} friend={friend} />); |
||||
const tree = component.toJSON(); |
||||
|
||||
expect(tree).toMatchSnapshot(); |
||||
}); |
||||
}); |
@ -1,82 +0,0 @@ |
||||
import { shallow } from 'enzyme'; |
||||
import React from 'react'; |
||||
import renderer from 'react-test-renderer'; |
||||
import Button from '../button'; |
||||
|
||||
describe('<Button />', () => { |
||||
it('renders a button element', () => { |
||||
const component = renderer.create(<Button />); |
||||
const tree = component.toJSON(); |
||||
|
||||
expect(tree).toMatchSnapshot(); |
||||
}); |
||||
|
||||
it('renders the given text', () => { |
||||
const text = 'foo'; |
||||
const component = renderer.create(<Button text={text} />); |
||||
const tree = component.toJSON(); |
||||
|
||||
expect(tree).toMatchSnapshot(); |
||||
}); |
||||
|
||||
it('handles click events using the given handler', () => { |
||||
const handler = jest.fn(); |
||||
const button = shallow(<Button onClick={handler} />); |
||||
button.find('button').simulate('click'); |
||||
|
||||
expect(handler.mock.calls.length).toEqual(1); |
||||
}); |
||||
|
||||
it('does not handle click events if props.disabled given', () => { |
||||
const handler = jest.fn(); |
||||
const button = shallow(<Button onClick={handler} disabled />); |
||||
button.find('button').simulate('click'); |
||||
|
||||
expect(handler.mock.calls.length).toEqual(0); |
||||
}); |
||||
|
||||
it('renders a disabled attribute if props.disabled given', () => { |
||||
const component = renderer.create(<Button disabled />); |
||||
const tree = component.toJSON(); |
||||
|
||||
expect(tree).toMatchSnapshot(); |
||||
}); |
||||
|
||||
it('renders the children', () => { |
||||
const children = <p>children</p>; |
||||
const component = renderer.create(<Button>{children}</Button>); |
||||
const tree = component.toJSON(); |
||||
|
||||
expect(tree).toMatchSnapshot(); |
||||
}); |
||||
|
||||
it('renders the props.text instead of children', () => { |
||||
const text = 'foo'; |
||||
const children = <p>children</p>; |
||||
const component = renderer.create(<Button text={text}>{children}</Button>); |
||||
const tree = component.toJSON(); |
||||
|
||||
expect(tree).toMatchSnapshot(); |
||||
}); |
||||
|
||||
it('renders class="button--block" if props.block given', () => { |
||||
const component = renderer.create(<Button block />); |
||||
const tree = component.toJSON(); |
||||
|
||||
expect(tree).toMatchSnapshot(); |
||||
}); |
||||
|
||||
it('adds class "button-secondary" if props.secondary given', () => { |
||||
const component = renderer.create(<Button secondary />); |
||||
const tree = component.toJSON(); |
||||
|
||||
expect(tree).toMatchSnapshot(); |
||||
}); |
||||
|
||||
it('renders title if props.title is given', () => { |
||||
const component = renderer.create(<Button title='foo' />); |
||||
const tree = component.toJSON(); |
||||
|
||||
expect(tree).toMatchSnapshot(); |
||||
}); |
||||
}); |
@ -1,18 +0,0 @@ |
||||
import React from 'react'; |
||||
import renderer from 'react-test-renderer'; |
||||
import { fromJS } from 'immutable'; |
||||
import DisplayName from '../display_name'; |
||||
|
||||
describe('<DisplayName />', () => { |
||||
it('renders display name + account name', () => { |
||||
const account = fromJS({ |
||||
username: 'bar', |
||||
acct: 'bar@baz', |
||||
display_name_html: '<p>Foo</p>', |
||||
}); |
||||
const component = renderer.create(<DisplayName account={account} />); |
||||
const tree = component.toJSON(); |
||||
|
||||
expect(tree).toMatchSnapshot(); |
||||
}); |
||||
}); |
@ -1,34 +0,0 @@ |
||||
import React from 'react'; |
||||
import { mount } from 'enzyme'; |
||||
import Column from '../column'; |
||||
import ColumnHeader from '../column_header'; |
||||
|
||||
describe('<Column />', () => { |
||||
describe('<ColumnHeader /> click handler', () => { |
||||
const originalRaf = global.requestAnimationFrame; |
||||
|
||||
beforeEach(() => { |
||||
global.requestAnimationFrame = jest.fn(); |
||||
}); |
||||
|
||||
afterAll(() => { |
||||
global.requestAnimationFrame = originalRaf; |
||||
}); |
||||
|
||||
it('runs the scroll animation if the column contains scrollable content', () => { |
||||
const wrapper = mount( |
||||
<Column heading='notifications'> |
||||
<div className='scrollable' /> |
||||
</Column> |
||||
); |
||||
wrapper.find(ColumnHeader).simulate('click'); |
||||
expect(global.requestAnimationFrame.mock.calls.length).toEqual(1); |
||||
}); |
||||
|
||||
it('does not try to scroll if there is no scrollable content', () => { |
||||
const wrapper = mount(<Column heading='notifications' />); |
||||
wrapper.find(ColumnHeader).simulate('click'); |
||||
expect(global.requestAnimationFrame.mock.calls.length).toEqual(0); |
||||
}); |
||||
}); |
||||
}); |
Loading…
Reference in new issue