Add OnboadingModal story (#3578)

signup-info-prompt
Yamagishi Kazutoshi 2017-06-05 17:08:07 +09:00 committed by Eugen Rochko
parent 6a4b224397
commit ab914ce6d5
3 changed files with 49 additions and 1 deletions

View File

@ -7,7 +7,7 @@
"build:production": "NODE_ENV=production yarn webpack -- --config config/webpack/production.js",
"manage:translations": "node ./config/webpack/translationRunner.js",
"start": "rimraf ./tmp/streaming && babel ./streaming/index.js --out-dir ./tmp && node ./tmp/streaming/index.js",
"storybook": "NODE_ENV=test start-storybook -p 9001 -c storybook",
"storybook": "NODE_ENV=test start-storybook -s ./public -p 9001 -c storybook",
"test": "npm run test:lint && npm run test:mocha",
"test:lint": "eslint -c .eslintrc.yml --ext=js app/javascript/ config/webpack/ spec/javascript/ storyboard/ streaming/",
"test:mocha": "NODE_ENV=test mocha --require ./spec/javascript/setup.js --compilers js:babel-register ./spec/javascript/components/*.test.js",

View File

@ -0,0 +1,24 @@
export default {
meta: {
admin: 1,
domain: 'example.com',
me: 2,
},
accounts: {
1: {
acct: 'admin',
avatar: '/avatars/original/missing.png',
id: 1,
url: 'https://example.com/@admin',
},
2: {
acct: 'user',
avatar: '/avatars/original/missing.png',
id: 1,
url: 'https://example.com/@user',
},
},
media_attachments: {
accept_content_types: [],
},
};

View File

@ -0,0 +1,24 @@
import React from 'react';
import { Provider } from 'react-redux';
import { IntlProvider } from 'react-intl';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import en from 'mastodon/locales/en.json';
import configureStore from 'mastodon/store/configureStore';
import { hydrateStore } from 'mastodon/actions/store';
import OnboadingModal from 'mastodon/features/ui/components/onboarding_modal';
import initialState from '../initial_state';
const store = configureStore();
store.dispatch(hydrateStore(initialState));
storiesOf('OnboadingModal', module)
.add('default state', () => (
<IntlProvider locale='en' messages={en}>
<Provider store={store}>
<div style={{ position: 'absolute' }}>
<OnboadingModal onClose={action('close')} />
</div>
</Provider>
</IntlProvider>
));