iFrame in CSF stories

[ashleyryan]

To minimize the number of snapshots we take for our Visual Regression tests (using Percy, not Chromatic, for what it's worth) we combine a bunch of stories into one large one using composeStories. Something like this:

export const MegaStory = () => {
  return (
    <>
      {allFiles.map(storyFile => {
        const composedStories = composeStories(storyFile)
        return Object.values(composedStories).map(Story => <Story />)
      })}
    </>
  )
}

This works great until we get to ModalDialogs that take over the whole screen and really should be rendered inside of an iframe. Is there a way to render a CSF story in an iframe? Or is there a way to retrieve the iframe URL for a story and render than in an iframe instead? All I can find is the information for MDX/addon-docs, but I don't use the docs tab, nor is that is used to take the snapshot tests.

I see info for embedding stories here, but that also requires me to know the URL I want to include: https://storybook.js.org/docs/react/sharing/embed