diff options
author | kibigo! <marrus-sh@users.noreply.github.com> | 2017-10-11 10:43:10 -0700 |
---|---|---|
committer | kibigo! <marrus-sh@users.noreply.github.com> | 2017-10-11 10:43:10 -0700 |
commit | 8d6b9ba4946b5b159af0fbd130637a226a286796 (patch) | |
tree | 9def26711682d29338cfa1b081822029a01669eb /spec/javascript/components/button.test.js | |
parent | f0a2a6c875e9294f0ea1d4c6bc90529e41a2dc37 (diff) | |
parent | 476e79b8e340c9103352a0799e102e4aca1a5593 (diff) |
Merge upstream 2.0ish #165
Diffstat (limited to 'spec/javascript/components/button.test.js')
-rw-r--r-- | spec/javascript/components/button.test.js | 23 |
1 files changed, 12 insertions, 11 deletions
diff --git a/spec/javascript/components/button.test.js b/spec/javascript/components/button.test.js index 9cf8b1eed..d2cd0b4e7 100644 --- a/spec/javascript/components/button.test.js +++ b/spec/javascript/components/button.test.js @@ -1,16 +1,17 @@ +import React from 'react'; +import Button from '../../../app/javascript/mastodon/components/button'; + import { expect } from 'chai'; import { shallow } from 'enzyme'; import sinon from 'sinon'; -import React from 'react'; -import Button from '../../../app/javascript/mastodon/components/button'; describe('<Button />', () => { - it('renders a button element', () => { + xit('renders a button element', () => { const wrapper = shallow(<Button />); expect(wrapper).to.match('button'); }); - it('renders the given text', () => { + xit('renders the given text', () => { const text = 'foo'; const wrapper = shallow(<Button text={text} />); expect(wrapper.find('button')).to.have.text(text); @@ -30,18 +31,18 @@ describe('<Button />', () => { expect(handler.called).to.equal(false); }); - it('renders a disabled attribute if props.disabled given', () => { + xit('renders a disabled attribute if props.disabled given', () => { const wrapper = shallow(<Button disabled />); expect(wrapper.find('button')).to.be.disabled(); }); - it('renders the children', () => { + xit('renders the children', () => { const children = <p>children</p>; const wrapper = shallow(<Button>{children}</Button>); expect(wrapper.find('button')).to.contain(children); }); - it('renders the props.text instead of children', () => { + xit('renders the props.text instead of children', () => { const text = 'foo'; const children = <p>children</p>; const wrapper = shallow(<Button text={text}>{children}</Button>); @@ -49,22 +50,22 @@ describe('<Button />', () => { expect(wrapper.find('button')).to.not.contain(children); }); - it('renders style="display: block; width: 100%;" if props.block given', () => { + xit('renders style="display: block; width: 100%;" if props.block given', () => { const wrapper = shallow(<Button block />); expect(wrapper.find('button')).to.have.className('button--block'); }); - it('renders style="display: inline-block; width: auto;" by default', () => { + xit('renders style="display: inline-block; width: auto;" by default', () => { const wrapper = shallow(<Button />); expect(wrapper.find('button')).to.not.have.className('button--block'); }); - it('adds class "button-secondary" if props.secondary given', () => { + xit('adds class "button-secondary" if props.secondary given', () => { const wrapper = shallow(<Button secondary />); expect(wrapper.find('button')).to.have.className('button-secondary'); }); - it('does not add class "button-secondary" by default', () => { + xit('does not add class "button-secondary" by default', () => { const wrapper = shallow(<Button />); expect(wrapper.find('button')).to.not.have.className('button-secondary'); }); |