@argos-ci/storybook 3.0.0 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/test-runner.js +11 -11
  2. package/dist/vitest-plugin.js +13 -13
  3. package/package.json +5 -5
package/dist/test-runner.js CHANGED
@@ -70,7 +70,7 @@ function getFitToContentFromParameters(parameters) {
70
70
  }
71
71
 
72
72
  // src/utils/screenshot.ts
73
- async function storybookArgosScreenshot(page, context, options) {
73
+ async function storybookArgosScreenshot(handler, context, options) {
74
74
  const argosOptions = {
75
75
  ...options,
76
76
  // Disable aria-busy stabilization by default
@@ -96,7 +96,7 @@ async function storybookArgosScreenshot(page, context, options) {
96
96
  continue;
97
97
  }
98
98
  const attachments = await runHooksAndScreenshot({
99
- page,
99
+ handler,
100
100
  context,
101
101
  metadata,
102
102
  options: argosOptions,
@@ -110,7 +110,7 @@ async function storybookArgosScreenshot(page, context, options) {
110
110
  }
111
111
  } else {
112
112
  const attachments = await runHooksAndScreenshot({
113
- page,
113
+ handler,
114
114
  context,
115
115
  metadata,
116
116
  options: argosOptions,
@@ -121,16 +121,16 @@ async function storybookArgosScreenshot(page, context, options) {
121
121
  await context.setViewportSize("default");
122
122
  if (context.applyGlobals) {
123
123
  await context.applyGlobals({
124
- handler: page,
124
+ handler,
125
125
  globals: {}
126
126
  });
127
127
  }
128
- await setStorybookGlobals({ page, globals: {} });
128
+ await setStorybookGlobals({ handler, globals: {} });
129
129
  return allAttachments;
130
130
  }
131
131
  async function setStorybookGlobals(args) {
132
- const { page, globals } = args;
133
- await page.evaluate((globals2) => {
132
+ const { handler, globals } = args;
133
+ await handler.evaluate((globals2) => {
134
134
  const channel = (() => {
135
135
  if ("__STORYBOOK_PREVIEW__" in globalThis) {
136
136
  return globalThis.__STORYBOOK_PREVIEW__.channel;
@@ -152,14 +152,14 @@ async function setStorybookGlobals(args) {
152
152
  }, globals);
153
153
  }
154
154
  async function runHooksAndScreenshot(args) {
155
- const { page, context, options, globals, metadata } = args;
155
+ const { handler, context, options, globals, metadata } = args;
156
156
  if (context.applyGlobals) {
157
157
  await context.applyGlobals({
158
- handler: page,
158
+ handler,
159
159
  globals
160
160
  });
161
161
  }
162
- await setStorybookGlobals({ page, globals });
162
+ await setStorybookGlobals({ handler, globals });
163
163
  const viewportFromGlobals = globals.viewport ? getViewport(context.story.parameters, globals.viewport) : null;
164
164
  const viewport = viewportFromGlobals ?? getDefaultViewport(context.story.parameters) ?? "default";
165
165
  await context.setViewportSize(viewport);
@@ -168,7 +168,7 @@ async function runHooksAndScreenshot(args) {
168
168
  viewport: viewport && viewport !== "default" ? viewport : void 0
169
169
  });
170
170
  return argosPlaywrightScreenshot(
171
- page,
171
+ handler,
172
172
  context.name + (args.suffix ?? ""),
173
173
  options
174
174
  );
package/dist/vitest-plugin.js CHANGED
@@ -67,7 +67,7 @@ function getFitToContentFromParameters(parameters) {
67
67
  }
68
68
 
69
69
  // src/utils/screenshot.ts
70
- async function storybookArgosScreenshot(page, context, options) {
70
+ async function storybookArgosScreenshot(handler, context, options) {
71
71
  const argosOptions = {
72
72
  ...options,
73
73
  // Disable aria-busy stabilization by default
@@ -93,7 +93,7 @@ async function storybookArgosScreenshot(page, context, options) {
93
93
  continue;
94
94
  }
95
95
  const attachments = await runHooksAndScreenshot({
96
- page,
96
+ handler,
97
97
  context,
98
98
  metadata,
99
99
  options: argosOptions,
@@ -107,7 +107,7 @@ async function storybookArgosScreenshot(page, context, options) {
107
107
  }
108
108
  } else {
109
109
  const attachments = await runHooksAndScreenshot({
110
- page,
110
+ handler,
111
111
  context,
112
112
  metadata,
113
113
  options: argosOptions,
@@ -118,16 +118,16 @@ async function storybookArgosScreenshot(page, context, options) {
118
118
  await context.setViewportSize("default");
119
119
  if (context.applyGlobals) {
120
120
  await context.applyGlobals({
121
- handler: page,
121
+ handler,
122
122
  globals: {}
123
123
  });
124
124
  }
125
- await setStorybookGlobals({ page, globals: {} });
125
+ await setStorybookGlobals({ handler, globals: {} });
126
126
  return allAttachments;
127
127
  }
128
128
  async function setStorybookGlobals(args) {
129
- const { page, globals } = args;
130
- await page.evaluate((globals2) => {
129
+ const { handler, globals } = args;
130
+ await handler.evaluate((globals2) => {
131
131
  const channel = (() => {
132
132
  if ("__STORYBOOK_PREVIEW__" in globalThis) {
133
133
  return globalThis.__STORYBOOK_PREVIEW__.channel;
@@ -149,14 +149,14 @@ async function setStorybookGlobals(args) {
149
149
  }, globals);
150
150
  }
151
151
  async function runHooksAndScreenshot(args) {
152
- const { page, context, options, globals, metadata } = args;
152
+ const { handler, context, options, globals, metadata } = args;
153
153
  if (context.applyGlobals) {
154
154
  await context.applyGlobals({
155
- handler: page,
155
+ handler,
156
156
  globals
157
157
  });
158
158
  }
159
- await setStorybookGlobals({ page, globals });
159
+ await setStorybookGlobals({ handler, globals });
160
160
  const viewportFromGlobals = globals.viewport ? getViewport(context.story.parameters, globals.viewport) : null;
161
161
  const viewport = viewportFromGlobals ?? getDefaultViewport(context.story.parameters) ?? "default";
162
162
  await context.setViewportSize(viewport);
@@ -165,7 +165,7 @@ async function runHooksAndScreenshot(args) {
165
165
  viewport: viewport && viewport !== "default" ? viewport : void 0
166
166
  });
167
167
  return argosPlaywrightScreenshot(
168
- page,
168
+ handler,
169
169
  context.name + (args.suffix ?? ""),
170
170
  options
171
171
  );
@@ -265,8 +265,8 @@ function applyFitToContent(options, fitToContent) {
265
265
  const { padding, zoom } = fitToContent;
266
266
  return {
267
267
  ...options,
268
- element: "body > div:not(.sb-wrapper)",
269
- argosCSS: `body > div:not(.sb-wrapper) { padding: ${padding}px; width: fit-content; height: fit-content; zoom: ${zoom}; }` + (options?.argosCSS ?? "")
268
+ element: "body > div:nth-child(5)",
269
+ argosCSS: `body > div:nth-child(5) { padding: ${padding}px; width: fit-content; height: fit-content; zoom: ${zoom}; }` + (options?.argosCSS ?? "")
270
270
  };
271
271
  }
272
272
  var cwd = process.cwd();
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@argos-ci/storybook",
3
3
  "description": "Visual testing for Storybook test runner.",
4
- "version": "3.0.0",
4
+ "version": "3.0.1",
5
5
  "author": "Smooth Code",
6
6
  "license": "MIT",
7
7
  "repository": {
@@ -50,12 +50,12 @@
50
50
  "node": ">=18.16.0"
51
51
  },
52
52
  "dependencies": {
53
- "@argos-ci/playwright": "5.0.10",
53
+ "@argos-ci/playwright": "5.0.11",
54
54
  "@argos-ci/util": "2.3.3"
55
55
  },
56
56
  "devDependencies": {
57
- "@argos-ci/cli": "2.5.9",
58
- "@argos-ci/core": "3.2.2",
57
+ "@argos-ci/cli": "2.5.10",
58
+ "@argos-ci/core": "3.2.3",
59
59
  "@argos-ci/util": "workspace:*",
60
60
  "@storybook/addon-docs": "^9.0.18",
61
61
  "@storybook/addon-links": "^9.0.18",
@@ -97,5 +97,5 @@
97
97
  "check-format": "prettier --check --ignore-unknown --ignore-path=./.gitignore --ignore-path=../../.gitignore --ignore-path=../../.prettierignore .",
98
98
  "lint": "eslint ."
99
99
  },
100
- "gitHead": "ecab2281c36828d0c43728e3ed98e1eefe227c99"
100
+ "gitHead": "c54dac3320a10630c31549153473b70a2b42c2b6"
101
101
  }