Respect viewport set via Playwright

[thafryer]

Issue: #

What Changed

The generated Stories.json file now includes viewport values, which allows viewports set via Playwright to be passed to the Chromatic Capture Cloud.

How to test

1. Set a viewport in your e2e tests via the Playwright API.
2. Run a Build

Change Type

• maintenance
• documentation
• patch
• minor
• major

📦 Published PR as canary version: 0.0.19--canary.10.b280b3a.0

✨ Test out this PR locally via:

npm install @chromaui/test-archiver@0.0.19--canary.10.b280b3a.0
# or 
yarn add @chromaui/test-archiver@0.0.19--canary.10.b280b3a.0

[linear]

AP-3327 Viewport in Playwright config not respected by Chromatic

// playwright.config.ts

export default defineConfig({
  use: {
    viewport: { width: 1024, height: 768 }
  }
});

Has no effect on Chromatic

[skitterm]

@thafryer that was fast! Will this handle both playwright viewports set at the config level and at the page level? https://playwright.dev/docs/emulation#viewport

[tmeasday]

Awesome! We should really have tests for this write-archive/index.ts but I guess that's outside of the scope of this PR.

[tmeasday]

Awesome! We should really have tests for this write-archive/index.ts but I guess that's outside of the scope of this PR.

[thafryer]

Awesome! We should really have tests for this write-archive/index.ts but I guess that's outside of the scope of this PR.

@tmeasday I went ahead and added a test.

[tmeasday]

🚀 PR was released in v0.0.19 🚀