fix: overlay config's autoScreenshotStorybookGlobals with story's value

README.md

@@ -91,8 +91,6 @@ For example, with `autoScreenshotStorybookGlobals` set to:
 
 If you have `ts-node` in your project, you can write your Testplane tests right inside of storybook story files:
 
-> ⚠️ *Storybook story files must have `.js` or `.ts` extension for this to work*
-
 ```ts
 import type { StoryObj } from "@storybook/react";
 import type { WithTestplane } from "@testplane/storybook"
@@ -125,9 +123,7 @@ const meta: WithTestplane<Meta<typeof Button>> = {
         skip: false, // if true, skips all Testplane tests from this story file
         autoscreenshotSelector: ".my-selector", // Custom selector to auto-screenshot elements
         browserIds: ["chrome"], // Testplane browsers to run tests from this story file
-        autoScreenshotStorybookGlobals: {
-            // override default autoScreenshotStorybookGlobals options from plugin config
-            // tests for default autoScreenshotStorybookGlobals from plugin config won't be generated
+        autoScreenshotStorybookGlobals: { // add extra storybook global suites to the plugin config
             "es locale": { locale: "es" },
             "fr locale": { locale: "fr" }
         },

src/storybook/story-test-runner/index.ts

@@ -21,9 +21,10 @@ function createTestplaneTests(
     { autoScreenshots, autoScreenshotStorybookGlobals }: TestplaneOpts,
 ): void {
     nestedDescribe(story, () => {
-        const rawAutoScreenshotGlobalSets = Object.keys(story.autoScreenshotStorybookGlobals).length
-            ? story.autoScreenshotStorybookGlobals
-            : autoScreenshotStorybookGlobals;
+        const rawAutoScreenshotGlobalSets = {
+            ...autoScreenshotStorybookGlobals,
+            ...story.autoScreenshotStorybookGlobals,
+        };
 
         const screenshotGlobalSetNames = Object.keys(rawAutoScreenshotGlobalSets);