GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-02 05:03:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

FIX flaky story

Browse Source
This commit is contained in:
Norbert de Langen 2019-10-17 17:00:33 +02:00
parent 5aa2eb746d
commit 8d13506969
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
lib/ui/src/components/layout/layout.stories.js
View File

@ -5,6 +5,8 @@ import { storiesOf } from '@storybook/react';
import { withKnobs, boolean, number } from '@storybook/addon-knobs';
import { styled } from '@storybook/theming';
import { isChromatic } from 'storybook-chromatic/isChromatic';
import { Desktop } from './desktop';
import { Mobile } from './mobile';
@ -16,6 +18,7 @@ import { panels } from '../panel/panel.stories';
import { previewProps } from '../preview/preview.stories';
import { mockDataset } from '../sidebar/treeview/treeview.mockdata';
import { store } from './persist';
const realNavProps = {
title: 'Title',
@ -145,8 +148,12 @@ storiesOf('UI|Layout/Desktop', module)
.addDecorator(withKnobs)
.addDecorator(storyFn => {
const mocked = boolean('mock', true);
const height = number('height', window.innerHeight);
const width = number('width', window.innerWidth);
const height = number('height', 1200);
const width = number('width', 1200);
if (isChromatic) {
store.local.set(`storybook-layout`, {});
}
const props = {
height,
@ -154,7 +161,7 @@ storiesOf('UI|Layout/Desktop', module)
...(mocked ? mockProps : realProps),
};
return <div style={{ minHeight: 600, minWidth: 600 }}>{storyFn({ props })}</div>;
return <div style={{ minHeight: 1200, minWidth: 1200 }}>{storyFn({ props })}</div>;
})
.add('default', ({ props }) => <Desktop {...props} />)
.add('no addons', ({ props }) => <Desktop {...props} panelCount={0} />)

2
lib/ui/src/components/layout/persist.js
View File

@ -2,6 +2,8 @@ import store from 'store2';
import debounce from 'lodash/debounce';
import memoize from 'memoizerific';
export { store };
export const get = () => {
try {
const data = store.local.get(`storybook-layout`);