Fix broken storybook (#3030)

This commit is contained in:
Yamagishi Kazutoshi 2017-05-13 22:55:56 +09:00 committed by Eugen Rochko
parent 3dcb5fa28f
commit 1027556614
9 changed files with 54 additions and 41 deletions

View file

@ -0,0 +1,17 @@
import React from 'react';
import { List } from 'immutable'
import { action, storiesOf } from '@kadira/storybook';
import AutosuggestTextarea from 'mastodon/components/autosuggest_textarea'
const props = {
onChange: action('changed'),
onPaste: action('pasted'),
onSuggestionSelected: action('suggestionsSelected'),
onSuggestionsClearRequested: action('suggestionsClearRequested'),
onSuggestionsFetchRequested: action('suggestionsFetchRequested'),
suggestions: List([])
}
storiesOf('AutosuggestTextarea', module)
.add('default state', () => <AutosuggestTextarea value='' {...props} />)
.add('with text', () => <AutosuggestTextarea value='Hello' {...props} />)

View file

@ -1,6 +0,0 @@
import { storiesOf } from '@kadira/storybook';
import AutosuggestTextarea from '../../app/assets/javascripts/components/components/autosuggest_textarea.jsx'
storiesOf('AutosuggestTextarea', module)
.add('default state', () => <AutosuggestTextarea value='' suggestions={[]} />)
.add('with text', () => <AutosuggestTextarea value='Hello' suggestions={[]} />)

View file

@ -1,5 +1,6 @@
import { storiesOf } from '@kadira/storybook';
import Button from '../../app/assets/javascripts/components/components/button.jsx'
import React from 'react';
import { action, storiesOf } from '@kadira/storybook';
import Button from 'mastodon/components/button';
storiesOf('Button', module)
.add('default state', () => (

View file

@ -1,20 +1,21 @@
import React from 'react';
import { storiesOf } from '@kadira/storybook';
import CharacterCounter from '../../app/assets/javascripts/components/features/compose/components/character_counter';
import CharacterCounter from 'mastodon/features/compose/components/character_counter';
storiesOf('CharacterCounter', module)
.add('no text', () => {
const text = '';
return <CharacterCounter text={text} max="500" />;
return <CharacterCounter text={text} max={500} />;
})
.add('a few strings text', () => {
const text = '0123456789';
return <CharacterCounter text={text} max="500" />;
return <CharacterCounter text={text} max={500} />;
})
.add('the same text', () => {
const text = '01234567890123456789';
return <CharacterCounter text={text} max="20" />;
return <CharacterCounter text={text} max={20} />;
})
.add('over text', () => {
const text = '01234567890123456789012345678901234567890123456789';
return <CharacterCounter text={text} max="10" />;
return <CharacterCounter text={text} max={10} />;
});

View file

@ -0,0 +1,12 @@
import React from 'react';
import { IntlProvider } from 'react-intl';
import { storiesOf } from '@kadira/storybook';
import getMessagesForLocale from 'mastodon/locales';
import LoadingIndicator from 'mastodon/components/loading_indicator';
storiesOf('LoadingIndicator', module)
.add('default state', () => (
<IntlProvider locale='en' messages={getMessagesForLocale('en')}>
<LoadingIndicator />
</IntlProvider>
));

View file

@ -1,6 +0,0 @@
import { storiesOf } from '@kadira/storybook';
import LoadingIndicator from '../../app/assets/javascripts/components/components/loading_indicator.jsx'
import { IntlProvider } from 'react-intl';
storiesOf('LoadingIndicator', module)
.add('default state', () => <IntlProvider><LoadingIndicator /></IntlProvider>);