Backgrounds addons do not show by default

[hipstersmoothie]

UPDATE:

This issue describes problems with both addon-backgrounds and addon-viewports. The viewports bug is a duplicate to #5757, so I'm reappropriating this issue to backgrounds since it's a separate work item. --@shilman

---

Describe the bug

addon-backgrounds and addon-viewport do not display in any way

To Reproduce
Steps to reproduce the behavior:

1. Go to https://github.com/hipstersmoothie/story-bug
2. Click on yarn && yarn storybook
3. backgrounds and viewport do not display

Expected behavior

Should display

Screenshots

System:

• OS: Mac High Sierra
• Device: Macbook Pro 2018
• Browser: chrome
• Framework: react
• Addons: viewport, backgrounds
• Version: 5.0.0-rc.8

[hipstersmoothie]

I got it to work but only by doing the following

stories.add('Basic', () => <Card style={styles}>I'm a simple card</Card>, {
  notes: {
    markdown
  },
  backgrounds: [
    { name: 'white', value: 'white', default: true },
    { name: 'twitter', value: '#00aced' },
    { name: 'facebook', value: '#3b5998' }
  ]
});

[hipstersmoothie]

It seems like this can also be done for the viewport with

addParameters({
  backgrounds: [
    { name: 'white', value: 'white', default: true },
    { name: 'twitter', value: '#00aced' },
    { name: 'facebook', value: '#3b5998' }
  ],
  viewports: INITIAL_VIEWPORTS
});

all current documented ways are incorrect (i think)

[shilman]

@hipstersmoothie Great catch, we should fix this before launch.

Your repo also revealed another good one: #5822

[shilman]

Yippee!! I just released https://github.com/storybooks/storybook/releases/tag/v5.0.0-rc.10 containing PR #5828 that references this issue. Upgrade today to try it out!

Because it's a pre-release you can find it on the @next NPM tag.

Closing this issue. Please re-open if you think there's still more to do.

[Pushplaybang]

@shilman @hipstersmoothie - not certain if this is related, but currently using the viewport addon obscures the very useful background grid, let me know if this should be a separate issue.