Addon Test: Add interactions functionality

[yannbf]

Closes https://github.com/storybookjs/storybook/issues/29215

What I did

This PR brings the addon-interactions panel and functionality into addon test. It's mostly a copy-paste, including e2e tests and unit tests!

Checklist for Contributors

Testing

The changes in this PR are covered in the following automated tests:

• [ ] stories
• [ ] unit tests
• [ ] integration tests
• [ ] end-to-end tests

Manual testing

This section is mandatory for all contributions. If you believe no manual test is necessary, please state so explicitly. Thanks!

Documentation

• [ ] Add or update documentation reflecting your changes
• [ ] If you are deprecating/removing a feature, make sure to update MIGRATION.MD

Checklist for Maintainers

• [ ] When this PR is ready for testing, make sure to add ci:normal, ci:merged or ci:daily GH label to it to run a specific set of sandboxes. The particular set of sandboxes can be found in code/lib/cli/src/sandbox-templates.ts

• [ ] Make sure this PR contains one of the labels below:

  Available labels

  - `bug`: Internal changes that fixes incorrect behavior. - `maintenance`: User-facing maintenance tasks. - `dependencies`: Upgrading (sometimes downgrading) dependencies. - `build`: Internal-facing build tooling & test updates. Will not show up in release changelog. - `cleanup`: Minor cleanup style change. Will not show up in release changelog. - `documentation`: Documentation **only** changes. Will not show up in release changelog. - `feature request`: Introducing a new feature. - `BREAKING CHANGE`: Changes that break compatibility in some way with current major version. - `other`: Changes that don't fit in the above categories.

🦋 Canary release

This PR does not have a canary release associated. You can request a canary release of this pull request by mentioning the @storybookjs/core team here.

_core team members can create a canary release here or locally with gh workflow run --repo storybookjs/storybook canary-release-pr.yml --field pr=<PR_NUMBER>_

name	before	after	diff	z	%
createSize	0 B	0 B	0 B	-	-
generateSize	0 B	77.7 MB	77.7 MB	-	100%
initSize	0 B	163 MB	163 MB	-	100%
diffSize	0 B	84.9 MB	84.9 MB	-	100%
buildSize	0 B	6.96 MB	6.96 MB	-	100%
buildSbAddonsSize	0 B	1.57 MB	1.57 MB	-	100%
buildSbCommonSize	0 B	195 kB	195 kB	-	100%
buildSbManagerSize	0 B	1.92 MB	1.92 MB	-	100%
buildSbPreviewSize	0 B	312 kB	312 kB	-	100%
buildStaticSize	0 B	0 B	0 B	-	-
buildPrebuildSize	0 B	3.99 MB	3.99 MB	-	100%
buildPreviewSize	0 B	2.97 MB	2.97 MB	-	100%
testBuildSize	0 B	0 B	0 B	-	-
testBuildSbAddonsSize	0 B	0 B	0 B	-	-
testBuildSbCommonSize	0 B	0 B	0 B	-	-
testBuildSbManagerSize	0 B	0 B	0 B	-	-
testBuildSbPreviewSize	0 B	0 B	0 B	-	-
testBuildStaticSize	0 B	0 B	0 B	-	-
testBuildPrebuildSize	0 B	0 B	0 B	-	-
testBuildPreviewSize	0 B	0 B	0 B	-	-

name	before	after	diff	z	%
createTime	0ms	8.6s	8.6s	-	100%
generateTime	0ms	26s	26s	-	100%
initTime	0ms	19.7s	19.7s	-	100%
buildTime	0ms	9.1s	9.1s	-	100%
testBuildTime	0ms	0ms	0ms	-	-
devPreviewResponsive	0ms	8.6s	8.6s	-	100%
devManagerResponsive	0ms	5.7s	5.7s	-	100%
devManagerHeaderVisible	0ms	788ms	788ms	-	100%
devManagerIndexVisible	0ms	822ms	822ms	-	100%
devStoryVisibleUncached	0ms	1.6s	1.6s	-	100%
devStoryVisible	0ms	823ms	823ms	-	100%
devAutodocsVisible	0ms	623ms	623ms	-	100%
devMDXVisible	0ms	652ms	652ms	-	100%
buildManagerHeaderVisible	0ms	549ms	549ms	-	100%
buildManagerIndexVisible	0ms	551ms	551ms	-	100%
buildStoryVisible	0ms	893ms	893ms	-	100%
buildAutodocsVisible	0ms	573ms	573ms	-	100%
buildMDXVisible	0ms	525ms	525ms	-	100%

Greptile Summary

This PR introduces the interactions functionality from addon-interactions into addon-test, focusing on integrating the Interactions panel and related components.

• Added new Panel component in src/Panel.tsx to handle rendering and state management of interactions
• Introduced InteractionsPanel component in src/components/InteractionsPanel.tsx for displaying test results and exceptions
• Updated src/manager.tsx to include the new Component Tests panel with dynamic title showing interaction count and exceptions
• Added utility functions in src/utils.ts for error handling and ANSI to HTML conversion
• Introduced test stories in stories/basics.stories.ts demonstrating various interaction testing scenarios

[nx-cloud[bot]]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit ff5ee958ff74be24f8fce27fa922aae8b269a6d5. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 1 target

- [`nx run-many -t build --parallel=3`](https://cloud.nx.app/runs/wSK2M0q3pL?utm_source=pull-request&utm_medium=comment)

---

Sent with 💌 from NxCloud.