[Bug]: How do I get chrome browser logs working?

[ctanner-move]

Describe the bug

If I run the test runner i get browser logs when a test fails, but if I run with chrome I get nothing, how can I view the chrome console logs? I've tried adding this to test-runner.js:

  async preVisit(page) {
    page.on('console', (err) => {
      console.log(err);
    });
  },
};```

### To Reproduce

run test runner in chrome

### System

```bash
Storybook Environment Info:

  System:
    OS: Linux 5.15 Ubuntu 22.04.2 LTS 22.04.2 LTS (Jammy Jellyfish)
    CPU: (24) x64 AMD Ryzen 9 7900X 12-Core Processor
    Shell: 5.8.1 - /usr/bin/zsh
  Binaries:
    Node: 20.13.0 - ~/.nvm/versions/node/v20.13.0/bin/node
    Yarn: 1.22.22 - ~/mason-web/node_modules/.bin/yarn <----- active
    npm: 10.5.2 - ~/.nvm/versions/node/v20.13.0/bin/npm
  npmPackages:
    @storybook/addon-actions: ^8.0.10 => 8.0.10
    @storybook/addon-controls: ^8.0.10 => 8.0.10
    @storybook/addon-designs: ^8.0.1 => 8.0.1
    @storybook/addon-essentials: ^8.0.10 => 8.0.10
    @storybook/addon-interactions: ^8.0.10 => 8.0.10
    @storybook/addon-links: ^8.0.10 => 8.0.10
    @storybook/addon-storysource: ^8.0.10 => 8.0.10
    @storybook/addon-viewport: ^8.0.10 => 8.0.10
    @storybook/addon-webpack5-compiler-babel: ^3.0.3 => 3.0.3
    @storybook/builder-webpack5: ^8.1.1 => 8.1.1
    @storybook/manager-api: ^8.0.10 => 8.0.10
    @storybook/react: ^8.0.10 => 8.0.10
    @storybook/react-webpack5: ^8.0.10 => 8.0.10
    @storybook/source-loader: ^8.0.10 => 8.0.10
    @storybook/test: ^8.0.10 => 8.0.10
    @storybook/test-runner: ^0.18.0 => 0.18.0
    msw-storybook-addon: ^2.0.2 => 2.0.2
    storybook: ^8.0.10 => 8.0.10

Additional context

No response