Merge pull request #20982 from storybookjs/norbert/default-background

Tech: add a default background to newly initialized storybooks
storybookjs · Feb 7, 2023 · 6c46a3d · 6c46a3d
2 parents d7c648f + 30816d0
commit 6c46a3d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/code/lib/cli/src/generators/configure.test.ts b/code/lib/cli/src/generators/configure.test.ts
@@ -85,6 +85,9 @@ describe('configurePreview', () => {
     expect(previewConfigPath).toEqual('./.storybook/preview.js');
     expect(previewConfigContent).toMatchInlineSnapshot(`
       "export const parameters = {
+        backgrounds: {
+          default: 'light',
+        },
         actions: { argTypesRegex: \\"^on[A-Z].*\\" },
         controls: {
           matchers: {
@@ -108,6 +111,9 @@ describe('configurePreview', () => {
     expect(previewConfigPath).toEqual('./.storybook/preview.ts');
     expect(previewConfigContent).toMatchInlineSnapshot(`
       "export const parameters = {
+        backgrounds: {
+          default: 'light',
+        },
         actions: { argTypesRegex: \\"^on[A-Z].*\\" },
         controls: {
           matchers: {
@@ -150,6 +156,9 @@ describe('configurePreview', () => {
       import docJson from \\"../documentation.json\\";
       setCompodocJson(docJson);
       export const parameters = {
+        backgrounds: {
+          default: 'light',
+        },
         actions: { argTypesRegex: \\"^on[A-Z].*\\" },
         controls: {
           matchers: {

diff --git a/code/lib/cli/src/generators/configure.ts b/code/lib/cli/src/generators/configure.ts
@@ -83,6 +83,9 @@ export async function configurePreview(options: ConfigurePreviewOptions) {
   const preview = dedent`
     ${prefix}
     export const parameters = {
+      backgrounds: {
+        default: 'light',
+      },
       actions: { argTypesRegex: "^on[A-Z].*" },
       controls: {
         matchers: {