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

Merge pull request #5428 from storybooks/add-preview-stories

Browse Source 
Added iframe stories
This commit is contained in:
Tom Coleman 2019-02-01 12:09:44 +11:00 committed by GitHub
commit fe825ec0e1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 69 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
examples/official-storybook/tests/__snapshots__/storyshots.test.js.snap
View File

@ -1,5 +1,35 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Storyshots Components|Preview/Iframe errorStory 1`] = `
<iframe
allowfullscreen=""
id="iframe"
src="/iframe.html?id=core-errors--story-throws-exception"
style="width:100%;height:500px"
title="Missing"
/>
`;
exports[`Storyshots Components|Preview/Iframe missingStory 1`] = `
<iframe
allowfullscreen=""
id="iframe"
src="/iframe.html?id=missing"
style="width:100%;height:500px"
title="Missing"
/>
`;
exports[`Storyshots Components|Preview/Iframe workingStory 1`] = `
<iframe
allowfullscreen=""
id="iframe"
src="/iframe.html?id=ui-panel--default"
style="width:100%;height:500px"
title="Missing"
/>
`;
exports[`Storyshots Core|Events Force re-render 1`] = `
.emotion-0 {
padding: 0 10px;

39
lib/components/src/preview/iframe.stories.js Normal file
View File

@ -0,0 +1,39 @@
import React from 'react';
import { IFrame } from './iframe';
export default {
Component: IFrame,
title: 'Components|Preview/Iframe',
};
const style = { width: '100%', height: '500px' };
export const workingStory = () => (
<IFrame
id="iframe"
title="Missing"
src="/iframe.html?id=ui-panel--default"
allowFullScreen
style={style}
/>
);
export const missingStory = () => (
<IFrame id="iframe" title="Missing" src="/iframe.html?id=missing" allowFullScreen style={style} />
);
export const errorStory = () => (
<IFrame
id="iframe"
title="Missing"
src="/iframe.html?id=core-errors--story-throws-exception"
allowFullScreen
style={style}
/>
);
// We need to disable this one in Chromatic because the screenshot includes the uploaded URL sadly:
// eg. https://www.chromaticqa.com/snapshot?appId=5a375b97f4b14f0020b0cda3&id=5c52edb4323f9000249aae72
errorStory.parameters = {
chromatic: { disable: true },
};