Introduce portable stories support for Angular

[yannbf]

When running portable stories tests with a setup file that does:

import { setProjectAnnotations } from "@storybook/angular"

setProjectAnnotations([])

the renderToCanvas annotation is used, which is the most important bit that provides PS support for a renderer.

This issue encompasses:

• Checking how much effort it actually is to add PS support for Angular (with analogjs)
• Updating the storybook add postinstall script to allow installation for this renderer
• Updating docs

[jagipas]

Hello @yannbf ,

I hope you're doing well! I wanted to kindly ask if there are any updates or an estimated timeline for this issue. I saw that there is a related pull request (#28662), and I believe this would be a very interesting and useful feature to start using and testing.

Is there any additional information or progress regarding its review or merge?

Thank you so much for your time and all the hard work you put into this project!

[yannbf]

Hey there @jagipas thanks for your words <3

Currently portable stories are already is possible with the https://github.com/storybookjs/testing-angular package which is community led so you can use it in your project!

Our current testing efforts are towards Vite based projects, so there is a chance it could "just work" with Angular projects using Vite, however that needs further testing and investment which we are not doing at this very moment, but have plans to do in a near future. So try @storybook/testing-angular out, keep feedback coming, and keep an eye out for Angular support in Storybook Test!