Introduce logLevel configuration

[yannbf]

This PR adds a feature to tweak with logLevels in the test-runner.

As part of this work, the following methods are also collected (in verbose log level): info, table, dir, debug

logLevel

When tests fail and there were browser logs during the rendering of a story, the test-runner provides the logs alongside the error message. The logLevel property defines what kind of logs should be displayed:

• info (default): Shows console logs, warnings, and errors.
• warn: Shows only warnings and errors.
• error: Displays only error messages.
• verbose: Includes all console outputs, including debug information and stack traces.
• none: Suppresses all log output.

// .storybook/test-runner.ts
import type { TestRunnerConfig } from '@storybook/test-runner';

const config: TestRunnerConfig = {
  logLevel: 'verbose',
};
export default config;

📦 Published PR as canary version: 0.16.0--canary.406.dd7eb64.0

✨ Test out this PR locally via:

npm install @storybook/[email protected]
# or 
yarn add @storybook/[email protected]

Version

Published prerelease version: v0.16.0-next.0

Changelog

🚀 Enhancement

• Introduce logLevel configuration #406 (@yannbf)

🐛 Bug Fix

• Filter duplicated error messages in browser logs #405 (@yannbf)
• Fix sync issues between tests #404 (@yannbf)
• Refactor: Extract the setup page scripts into a separate file #403 (@yannbf)
• Docs: Adds feedback form to migration documentation #402 (@jonniebigodes)
• Bump jest-playwright-preset from v3.0.1 to v4.0.0 #400 (@kemuridama)
• Improve type safety and code quality #383 (@bryanjtc @yannbf)
• Refactor: Improve internal code #378 (@bryanjtc @yannbf)

Authors: 4

• @jonniebigodes
• Bryan Thomas (@bryanjtc)
• Ryo Ochiai (@kemuridama)
• Yann Braga (@yannbf)

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (ad3d401) 93.72% compared to head (dd7eb64) 93.72%.

Additional details and impacted files

@@           Coverage Diff           @@
##             next     #406   +/-   ##
=======================================
  Coverage   93.72%   93.72%           
=======================================
  Files          15       15           
  Lines         271      271           
  Branches       70       70           
=======================================
  Hits          254      254           
  Misses         17       17           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[IanVS]

Great feature!

[github-actions]

🚀 PR was released in v0.16.0 🚀