mirror of
https://github.com/lunaisnotaboy/mastodon.git
synced 2024-11-25 00:05:20 +00:00
Add OnboadingModal story (#3578)
This commit is contained in:
parent
6a4b224397
commit
ab914ce6d5
|
@ -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",
|
||||
|
|
24
storybook/initial_state.js
Normal file
24
storybook/initial_state.js
Normal 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: [],
|
||||
},
|
||||
};
|
24
storybook/stories/onboarding_modal.story.js
Normal file
24
storybook/stories/onboarding_modal.story.js
Normal 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>
|
||||
));
|
Loading…
Reference in a new issue