From fdafcbfd7efe3ba966b3bd1db3f258006cdcf7d6 Mon Sep 17 00:00:00 2001 From: Tom Coleman Date: Fri, 6 Apr 2018 12:27:50 +1000 Subject: [PATCH 1/8] Updated addon-notes to add params based app. Use official-storybook stories --- addons/notes/src/index.js | 50 ++++++++++++++----- .../stories/addon-notes.stories.js | 39 +++++++-------- 2 files changed, 56 insertions(+), 33 deletions(-) diff --git a/addons/notes/src/index.js b/addons/notes/src/index.js index 8e709f0b20ff..13d7cd210ebd 100644 --- a/addons/notes/src/index.js +++ b/addons/notes/src/index.js @@ -3,25 +3,49 @@ import addons from '@storybook/addons'; import marked from 'marked'; import { WithNotes as ReactWithNotes } from './react'; -export const withMarkdownNotes = (text, options) => { +function renderMarkdown(text, options) { + marked.setOptions({ ...marked.defaults, options }); + return marked(text); +} + +const decorator = options => { const channel = addons.getChannel(); - return getStory => context => { - marked.setOptions({ ...marked.defaults, options }); - // send the notes to the channel before the story is rendered - channel.emit('storybook/notes/add_notes', marked(text)); + return (getStory, context) => { + const { parameters: { notes } } = context; + console.log({ options, getStory, context, notes }); + const storyOptions = notes || options; + + if (storyOptions) { + const { text, markdown, markdownOptions } = + typeof storyOptions === 'string' ? { text: storyOptions } : storyOptions; + + if (!text && !markdown) { + throw new Error('You must set of one of `text` or `markdown` on the `notes` parameter'); + } + + channel.emit('storybook/notes/add_notes', text || renderMarkdown(markdown, markdownOptions)); + } + return getStory(context); }; }; -export const withNotes = textOrOptions => { - const channel = addons.getChannel(); - const options = typeof textOrOptions === 'string' ? { text: textOrOptions } : textOrOptions; +const hoc = options => story => context => decorator(options)(story, context); - return getStory => context => { - // send the notes to the channel before the story is rendered - channel.emit('storybook/notes/add_notes', options.text); - return getStory(context); - }; +export const withMarkdownNotes = (text, options) => + hoc({ + markdown: text, + markdownOptions: options, + }); + +export const withNotes = (...args) => { + // Used without options as .addDecorator(withNotes) + if (typeof args[0] === 'function') { + return decorator()(...args); + } + + // Input are options, ala .add('name', withNotes('note')(() => )) + return hoc(args[0]); }; Object.defineProperty(exports, 'WithNotes', { diff --git a/examples/official-storybook/stories/addon-notes.stories.js b/examples/official-storybook/stories/addon-notes.stories.js index 62dabca83797..38094a2c44da 100644 --- a/examples/official-storybook/stories/addon-notes.stories.js +++ b/examples/official-storybook/stories/addon-notes.stories.js @@ -7,22 +7,11 @@ import { action } from '@storybook/addon-actions'; import BaseButton from '../components/BaseButton'; import markdownNotes from './notes/notes.md'; -storiesOf('Addons|Notes', module) - .add( - 'withNotes', - withNotes( - 'This is the notes for a button. This is helpful for adding details about a story in a separate panel.' - )(() => ) - ) - .add( - 'withNotes rendering imported markdown', - withNotes(markdownNotes)(() => ( - - )) - ) - .add( - 'withNotes rendering inline, github-flavored markdown', - withMarkdownNotes(` +const baseStory = () => ( + +); + +const markdownString = ` # Documentation This is inline github-flavored markdown! @@ -37,10 +26,20 @@ storiesOf('Addons|Notes', module) )) ) ~~~ - `)(() => ( - - )) - ) + `; + +storiesOf('Addons|Notes', module) + .addDecorator(withNotes) + .add('withNotes', baseStory, { + notes: + 'This is the notes for a button. This is helpful for adding details about a story in a separate panel.', + }) + .add('withNotes rendering imported markdown', baseStory, { notes: { markdown: markdownNotes } }) + .add('withNotes rendering inline, github-flavored markdown', baseStory, { + notes: { markdown: markdownString }, + }) + .add('using decorator arguments, withNotes', withNotes('Notes into withNotes')(baseStory)) + .add('using decorator arguments, withMarkdownNotes', withMarkdownNotes(markdownString)(baseStory)) .add('using deprecated API', () => ( From b490fa4bfd5d121e70ea836fa78ecf46a7c0009c Mon Sep 17 00:00:00 2001 From: Tom Coleman Date: Fri, 6 Apr 2018 13:36:40 +1000 Subject: [PATCH 2/8] Update addon-notes README --- addons/notes/README.md | 54 +++++++++---------- .../stories/addon-notes.stories.js | 2 +- 2 files changed, 26 insertions(+), 30 deletions(-) diff --git a/addons/notes/README.md b/addons/notes/README.md index 368c2a834e0e..4916f859d416 100644 --- a/addons/notes/README.md +++ b/addons/notes/README.md @@ -7,7 +7,7 @@ [![Storybook Slack](https://now-examples-slackin-rrirkqohko.now.sh/badge.svg)](https://now-examples-slackin-rrirkqohko.now.sh/) [![Backers on Open Collective](https://opencollective.com/storybook/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/storybook/sponsors/badge.svg)](#sponsors) -* * * +--- Storybook Addon Notes allows you to write notes (text or HTML) for your stories in [Storybook](https://storybook.js.org). @@ -29,16 +29,24 @@ Add following content to it: import '@storybook/addon-notes/register'; ``` -Then write your stories like this: +Then add the `withNotes` decorator to all stories in your `config.js`: ```js -import { storiesOf } from '@storybook/react'; +import { configure, addDecorator } from '@storybook/react`; // <- whichever storybook version you use import { withNotes } from '@storybook/addon-notes'; +addDecorator(withNotes); +``` + +You can use the `notes` parameter to add a note to each story: + +```js +import { storiesOf } from '@storybook/react'; + import Component from './Component'; storiesOf('Component', module) - .add('with some emoji', withNotes('A very simple component')(() => )); + .add('with some emoji', () => , { notes: 'A very simple component' }); ``` #### Using Markdown @@ -47,25 +55,27 @@ To use markdown in your notes simply import a markdown file and use that in your ```js import { storiesOf } from '@storybook/react'; -import { withNotes } from '@storybook/addon-notes'; import Component from './Component'; import someMarkdownText from './someMarkdownText.md'; -storiesOf('Component', module) - .add('With Markdown', withNotes(someMarkdownText)(() => )); - +storiesOf('Component', module).add( + 'With Markdown', + () => + { notes: someMarkdownText } +); ``` -If you want to use Github flavored markdown inline, use `withMarkdownNotes`: +If you want to use Github flavored markdown inline, use `notes: { markdownText: 'your md' }`: ```js import { storiesOf } from '@storybook/react'; -import { withMarkdownNotes } from '@storybook/addon-notes'; import Component from './Component'; -storiesOf('Component', module) - .add('With Markdown', withMarkdownNotes(` -# Hello World +storiesOf('Component', module).add( + 'With Markdown', + () => + { notes: { markdown: ` + # Hello World This is some code showing usage of the component and other inline documentation @@ -75,20 +85,6 @@ This is some code showing usage of the component and other inline documentation ~~~ - `)(() => )); - -``` - -### Deprecated API -This API is slated for removal in 4.0 - -```js -import { WithNotes } from '@storybook/addon-notes'; - -storiesOf('Addon Notes', module) - .add('using deprecated API', () => ( - - - - )); +`} } +); ``` diff --git a/examples/official-storybook/stories/addon-notes.stories.js b/examples/official-storybook/stories/addon-notes.stories.js index 38094a2c44da..4c5e7b95e065 100644 --- a/examples/official-storybook/stories/addon-notes.stories.js +++ b/examples/official-storybook/stories/addon-notes.stories.js @@ -34,7 +34,7 @@ storiesOf('Addons|Notes', module) notes: 'This is the notes for a button. This is helpful for adding details about a story in a separate panel.', }) - .add('withNotes rendering imported markdown', baseStory, { notes: { markdown: markdownNotes } }) + .add('withNotes rendering imported markdown', baseStory, { notes: markdownNotes }) .add('withNotes rendering inline, github-flavored markdown', baseStory, { notes: { markdown: markdownString }, }) From 88212b2fe84cb1a89d4c4a2f3ecae11afad333f8 Mon Sep 17 00:00:00 2001 From: Tom Coleman Date: Fri, 13 Apr 2018 19:51:42 +1000 Subject: [PATCH 3/8] Small fixes from PR --- addons/notes/README.md | 3 ++- addons/notes/src/index.js | 1 - 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/addons/notes/README.md b/addons/notes/README.md index 4916f859d416..432ee9f6969b 100644 --- a/addons/notes/README.md +++ b/addons/notes/README.md @@ -32,7 +32,8 @@ import '@storybook/addon-notes/register'; Then add the `withNotes` decorator to all stories in your `config.js`: ```js -import { configure, addDecorator } from '@storybook/react`; // <- whichever storybook version you use +// Import from @storybook/X where X is your framework +import { configure, addDecorator } from '@storybook/react'; import { withNotes } from '@storybook/addon-notes'; addDecorator(withNotes); diff --git a/addons/notes/src/index.js b/addons/notes/src/index.js index 13d7cd210ebd..62f790fa7c71 100644 --- a/addons/notes/src/index.js +++ b/addons/notes/src/index.js @@ -12,7 +12,6 @@ const decorator = options => { const channel = addons.getChannel(); return (getStory, context) => { const { parameters: { notes } } = context; - console.log({ options, getStory, context, notes }); const storyOptions = notes || options; if (storyOptions) { From 194d6cd1836d4e3d7338e34d6dc76c111590f099 Mon Sep 17 00:00:00 2001 From: Tom Coleman Date: Fri, 13 Apr 2018 19:57:08 +1000 Subject: [PATCH 4/8] Remove deprecated `WithNotes` for 4.0 --- addons/notes/src/index.js | 11 ----------- .../stories/addon-notes.stories.js | 14 +++++--------- 2 files changed, 5 insertions(+), 20 deletions(-) diff --git a/addons/notes/src/index.js b/addons/notes/src/index.js index 62f790fa7c71..01e90aec2737 100644 --- a/addons/notes/src/index.js +++ b/addons/notes/src/index.js @@ -1,7 +1,5 @@ -import deprecate from 'util-deprecate'; import addons from '@storybook/addons'; import marked from 'marked'; -import { WithNotes as ReactWithNotes } from './react'; function renderMarkdown(text, options) { marked.setOptions({ ...marked.defaults, options }); @@ -46,12 +44,3 @@ export const withNotes = (...args) => { // Input are options, ala .add('name', withNotes('note')(() => )) return hoc(args[0]); }; - -Object.defineProperty(exports, 'WithNotes', { - configurable: true, - enumerable: true, - get: deprecate( - () => ReactWithNotes, - '@storybook/addon-notes WithNotes Component is deprecated, use withNotes() instead. See https://github.com/storybooks/storybook/tree/master/addons/notes' - ), -}); diff --git a/examples/official-storybook/stories/addon-notes.stories.js b/examples/official-storybook/stories/addon-notes.stories.js index 4c5e7b95e065..54d70f09f8ce 100644 --- a/examples/official-storybook/stories/addon-notes.stories.js +++ b/examples/official-storybook/stories/addon-notes.stories.js @@ -1,9 +1,7 @@ import React from 'react'; import { storiesOf } from '@storybook/react'; -// eslint-disable-next-line import/named -import { withNotes, WithNotes, withMarkdownNotes } from '@storybook/addon-notes'; -import { action } from '@storybook/addon-actions'; +import { withNotes, withMarkdownNotes } from '@storybook/addon-notes'; import BaseButton from '../components/BaseButton'; import markdownNotes from './notes/notes.md'; @@ -39,9 +37,7 @@ storiesOf('Addons|Notes', module) notes: { markdown: markdownString }, }) .add('using decorator arguments, withNotes', withNotes('Notes into withNotes')(baseStory)) - .add('using decorator arguments, withMarkdownNotes', withMarkdownNotes(markdownString)(baseStory)) - .add('using deprecated API', () => ( - - - - )); + .add( + 'using decorator arguments, withMarkdownNotes', + withMarkdownNotes(markdownString)(baseStory) + ); From c2fa6c33d7bd88c4ec9fae974ad82fd0968e345f Mon Sep 17 00:00:00 2001 From: Tom Coleman Date: Fri, 13 Apr 2018 20:06:32 +1000 Subject: [PATCH 5/8] Use new API in all `addon-notes` stories --- .../src/stories/addon-notes.stories.ts | 25 +++++++++-------- .../src/stories/addon-notes.stories.js | 27 ++++++++++--------- .../src/stories/addon-notes.stories.js | 19 +++++++------ .../src/stories/addon-notes.stories.js | 17 +++++++----- 4 files changed, 48 insertions(+), 40 deletions(-) diff --git a/examples/angular-cli/src/stories/addon-notes.stories.ts b/examples/angular-cli/src/stories/addon-notes.stories.ts index c47e63d39cba..f83cf704cf9e 100644 --- a/examples/angular-cli/src/stories/addon-notes.stories.ts +++ b/examples/angular-cli/src/stories/addon-notes.stories.ts @@ -3,31 +3,34 @@ import { withNotes } from '@storybook/addon-notes'; import { Button } from '@storybook/angular/demo'; storiesOf('Addon|Notes', module) + .addDecorator(withNotes) .add( 'Simple note', - withNotes({ text: 'My notes on some button' })(() => ({ + () => ({ component: Button, props: { text: 'Notes on some Button', onClick: () => {}, }, - })) + }), + { notes: 'My notes on some button' } ) .add( 'Note with HTML', - withNotes({ - text: ` + () => ({ + component: Button, + props: { + text: 'Notes with HTML', + onClick: () => {}, + }, + }), + { + notes: `

My notes on emojis

It's not all that important to be honest, but.. Emojis are great, I love emojis, in fact I like using them in my Component notes too! 😇 `, - })(() => ({ - component: Button, - props: { - text: 'Notes with HTML', - onClick: () => {}, - }, - })) + } ); diff --git a/examples/mithril-kitchen-sink/src/stories/addon-notes.stories.js b/examples/mithril-kitchen-sink/src/stories/addon-notes.stories.js index ba1edfa822f1..ff9030b4270c 100644 --- a/examples/mithril-kitchen-sink/src/stories/addon-notes.stories.js +++ b/examples/mithril-kitchen-sink/src/stories/addon-notes.stories.js @@ -7,9 +7,10 @@ import { storiesOf } from '@storybook/mithril'; import { withNotes } from '@storybook/addon-notes'; storiesOf('Addons|Notes', module) + .addDecorator(withNotes) .add( 'Simple note', - withNotes({ text: 'My notes on some bold text' })(() => ({ + () => ({ view: () => (

@@ -22,19 +23,12 @@ storiesOf('Addons|Notes', module)

), - })) + }), + { notes: 'My notes on some bold text' } ) .add( 'Note with HTML', - withNotes({ - text: ` -

My notes on emojies

- - It's not all that important to be honest, but.. - - Emojis are great, I love emojis, in fact I like using them in my Component notes too! 😇 - `, - })(() => ({ + () => ({ view: () => (

🤔😳😯😮 @@ -44,5 +38,14 @@ storiesOf('Addons|Notes', module) 🤓😑😶😊

), - })) + }), + { + notes: ` +

My notes on emojies

+ + It's not all that important to be honest, but.. + + Emojis are great, I love emojis, in fact I like using them in my Component notes too! 😇 + `, + } ); diff --git a/examples/polymer-cli/src/stories/addon-notes.stories.js b/examples/polymer-cli/src/stories/addon-notes.stories.js index cab392df79fe..789eac67b418 100644 --- a/examples/polymer-cli/src/stories/addon-notes.stories.js +++ b/examples/polymer-cli/src/stories/addon-notes.stories.js @@ -2,22 +2,21 @@ import { storiesOf } from '@storybook/polymer'; import { withNotes } from '@storybook/addon-notes'; storiesOf('Addon|Notes', module) + .addDecorator(withNotes) .add( 'Simple note', - withNotes({ text: 'My notes on some bold text' })( - () => - '

Etiam vulputate elit eu venenatis eleifend. Duis nec lectus augue. Morbi egestas diam sed vulputate mollis. Fusce egestas pretium vehicula. Integer sed neque diam. Donec consectetur velit vitae enim varius, ut placerat arcu imperdiet. Praesent sed faucibus arcu. Nullam sit amet nibh a enim eleifend rhoncus. Donec pretium elementum leo at fermentum. Nulla sollicitudin, mauris quis semper tempus, sem metus tristique diam, efficitur pulvinar mi urna id urna.

' - ) + () => + '

Etiam vulputate elit eu venenatis eleifend. Duis nec lectus augue. Morbi egestas diam sed vulputate mollis. Fusce egestas pretium vehicula. Integer sed neque diam. Donec consectetur velit vitae enim varius, ut placerat arcu imperdiet. Praesent sed faucibus arcu. Nullam sit amet nibh a enim eleifend rhoncus. Donec pretium elementum leo at fermentum. Nulla sollicitudin, mauris quis semper tempus, sem metus tristique diam, efficitur pulvinar mi urna id urna.

', + { + notes: 'My notes on some bold text', + } ) - .add( - 'Note with HTML', - withNotes({ - text: ` + .add('Note with HTML', () => '

🤔😳😯😮
😄😩😓😱
🤓😑😶😊

', { + notes: `

My notes on emojies

It's not all that important to be honest, but.. Emojis are great, I love emojis, in fact I like using them in my Component notes too! 😇 `, - })(() => '

🤔😳😯😮
😄😩😓😱
🤓😑😶😊

') - ); + }); diff --git a/examples/vue-kitchen-sink/src/stories/addon-notes.stories.js b/examples/vue-kitchen-sink/src/stories/addon-notes.stories.js index a35213b8ff2e..9a3f3a3b3959 100644 --- a/examples/vue-kitchen-sink/src/stories/addon-notes.stories.js +++ b/examples/vue-kitchen-sink/src/stories/addon-notes.stories.js @@ -2,24 +2,27 @@ import { storiesOf } from '@storybook/vue'; import { withNotes } from '@storybook/addon-notes'; storiesOf('Addon|Notes', module) + .addDecorator(withNotes) .add( 'Simple note', - withNotes({ text: 'My notes on some bold text' })(() => ({ + () => ({ template: '

Etiam vulputate elit eu venenatis eleifend. Duis nec lectus augue. Morbi egestas diam sed vulputate mollis. Fusce egestas pretium vehicula. Integer sed neque diam. Donec consectetur velit vitae enim varius, ut placerat arcu imperdiet. Praesent sed faucibus arcu. Nullam sit amet nibh a enim eleifend rhoncus. Donec pretium elementum leo at fermentum. Nulla sollicitudin, mauris quis semper tempus, sem metus tristique diam, efficitur pulvinar mi urna id urna.

', - })) + }), + { notes: 'My notes on some bold text' } ) .add( 'Note with HTML', - withNotes({ - text: ` + () => ({ + template: '

🤔😳😯😮
😄😩😓😱
🤓😑😶😊

', + }), + { + notes: `

My notes on emojies

It's not all that important to be honest, but.. Emojis are great, I love emojis, in fact I like using them in my Component notes too! 😇 `, - })(() => ({ - template: '

🤔😳😯😮
😄😩😓😱
🤓😑😶😊

', - })) + } ); From 3cb0823caa5f7983a20b592a117458a783a7b79f Mon Sep 17 00:00:00 2001 From: Tom Coleman Date: Fri, 13 Apr 2018 20:09:28 +1000 Subject: [PATCH 6/8] Render stories with context in mithril --- app/mithril/src/client/preview/render.js | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) diff --git a/app/mithril/src/client/preview/render.js b/app/mithril/src/client/preview/render.js index 1c6272a64110..6f45dfbf88df 100644 --- a/app/mithril/src/client/preview/render.js +++ b/app/mithril/src/client/preview/render.js @@ -44,7 +44,7 @@ export function renderMain(data, storyStore, forceRender) { const noPreview = ; const { selectedKind, selectedStory } = data; - const story = storyStore.getStory(selectedKind, selectedStory); + const story = storyStore.getStoryWithContext(selectedKind, selectedStory); if (!story) { m.mount(rootEl, { view: () => noPreview }); return; @@ -57,12 +57,7 @@ export function renderMain(data, storyStore, forceRender) { previousKind = selectedKind; previousStory = selectedStory; - const context = { - kind: selectedKind, - story: selectedStory, - }; - - const element = story(context); + const element = story(); if (!element) { const error = { From 83cc95b851a39cd3952fa105272a750e0a147dee Mon Sep 17 00:00:00 2001 From: Tom Coleman Date: Fri, 13 Apr 2018 20:23:49 +1000 Subject: [PATCH 7/8] Update tests with new API --- addons/notes/src/__tests__/index.js | 31 +++++++++++++++++++++++++++-- 1 file changed, 29 insertions(+), 2 deletions(-) diff --git a/addons/notes/src/__tests__/index.js b/addons/notes/src/__tests__/index.js index a21aec2a7f25..611a8a2bb66e 100644 --- a/addons/notes/src/__tests__/index.js +++ b/addons/notes/src/__tests__/index.js @@ -4,12 +4,39 @@ import { withNotes } from '..'; jest.mock('@storybook/addons'); describe('Storybook Addon Notes', () => { - it('should inject info', () => { + it('should inject text from `notes` parameter', () => { const channel = { emit: jest.fn() }; addons.getChannel.mockReturnValue(channel); const getStory = jest.fn(); - const context = {}; + const context = { parameters: { notes: 'hello' } }; + + withNotes(getStory, context); + expect(channel.emit).toHaveBeenCalledWith('storybook/notes/add_notes', 'hello'); + expect(getStory).toHaveBeenCalledWith(context); + }); + + it('should inject markdown from `notes.markdown` parameter', () => { + const channel = { emit: jest.fn() }; + addons.getChannel.mockReturnValue(channel); + + const getStory = jest.fn(); + const context = { parameters: { notes: { markdown: '# hello' } } }; + + withNotes(getStory, context); + expect(channel.emit).toHaveBeenCalledWith( + 'storybook/notes/add_notes', + expect.stringContaining('

hello

') + ); + expect(getStory).toHaveBeenCalledWith(context); + }); + + it('should inject info (deprecated API)', () => { + const channel = { emit: jest.fn() }; + addons.getChannel.mockReturnValue(channel); + + const getStory = jest.fn(); + const context = { parameters: {} }; const decoratedStory = withNotes('hello')(getStory); decoratedStory(context); From e2f2c4bb543abf83411f8c6080146babf28759b8 Mon Sep 17 00:00:00 2001 From: Tom Coleman Date: Fri, 13 Apr 2018 20:30:43 +1000 Subject: [PATCH 8/8] Update storyshots and fix cra too --- .../cra-kitchen-sink/src/stories/index.stories.js | 15 ++++++++------- .../__snapshots__/addon-notes.stories.storyshot | 12 +++++++++--- 2 files changed, 17 insertions(+), 10 deletions(-) diff --git a/examples/cra-kitchen-sink/src/stories/index.stories.js b/examples/cra-kitchen-sink/src/stories/index.stories.js index a13abed14f90..b7c5b7c2a077 100644 --- a/examples/cra-kitchen-sink/src/stories/index.stories.js +++ b/examples/cra-kitchen-sink/src/stories/index.stories.js @@ -3,8 +3,7 @@ import React from 'react'; import { storiesOf } from '@storybook/react'; import { setOptions } from '@storybook/addon-options'; import { action } from '@storybook/addon-actions'; -// eslint-disable-next-line import/named -import { withNotes, WithNotes } from '@storybook/addon-notes'; +import { withNotes } from '@storybook/addon-notes'; import centered from '@storybook/addon-centered'; import { withInfo } from '@storybook/addon-info'; import { Button } from '@storybook/react/demo'; @@ -32,6 +31,7 @@ const InfoButton = () => ( ); storiesOf('Button', module) + .addDecorator(withNotes) .add('with text', () => ( )) - .add('with notes', () => ( - // deprecated usage - + .add( + 'with notes', + () => ( - - )) + ), + { notes: 'A very simple button' } + ) .addWithInfo( 'with some info', 'Use the [info addon](https://github.com/storybooks/storybook/tree/master/addons/info) with its painful API.', diff --git a/examples/official-storybook/stories/__snapshots__/addon-notes.stories.storyshot b/examples/official-storybook/stories/__snapshots__/addon-notes.stories.storyshot index 326234325191..ed6cc4ddcbe4 100644 --- a/examples/official-storybook/stories/__snapshots__/addon-notes.stories.storyshot +++ b/examples/official-storybook/stories/__snapshots__/addon-notes.stories.storyshot @@ -1,8 +1,14 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Storyshots Addons|Notes using deprecated API 1`] = ` +exports[`Storyshots Addons|Notes using decorator arguments, withMarkdownNotes 1`] = ` +`; + +exports[`Storyshots Addons|Notes using decorator arguments, withNotes 1`] = ` + `; @@ -20,6 +26,6 @@ exports[`Storyshots Addons|Notes withNotes rendering imported markdown 1`] = ` exports[`Storyshots Addons|Notes withNotes rendering inline, github-flavored markdown 1`] = ` `;