Add stories to check shortcuts aren't called from play

code/lib/preview-web/src/PreviewWeb.test.ts

@@ -3333,8 +3333,7 @@ describe('PreviewWeb', () => {
       componentOneExports.b.play.mockImplementationOnce(async () => gate);
       preview.renderStoryToElement(
         await preview.storyStore.loadStory({ storyId: 'component-one--b' }),
-        {} as any,
+        {} as any
-        { runPlayFunction: true }
       );
       await waitForRenderPhase('playing');
 

code/lib/store/template/stories/shortcuts.stories.ts

@@ -0,0 +1,29 @@
+import globalThis from 'global';
+import { userEvent, within } from '@storybook/testing-library';
+import { PREVIEW_KEYDOWN } from '@storybook/core-events';
+import { jest, expect } from '@storybook/jest';
+
+export default {
+  component: globalThis.Components.Form,
+  tags: ['docsPage'],
+};
+
+export const KeydownDuringPlay = {
+  play: async ({ canvasElement }) => {
+    const channel = globalThis.__STORYBOOK_ADDONS_CHANNEL__;
+
+    const previewKeydown = jest.fn();
+    channel.on(PREVIEW_KEYDOWN, previewKeydown);
+    // eslint-disable-next-line storybook/await-interactions
+    const promise = userEvent.type(await within(canvasElement).findByTestId('value'), '000000', {
+      delay: 100,
+    });
+
+    const button = await within(canvasElement).findByRole('button');
+    button.focus();
+
+    await promise;
+
+    expect(previewKeydown).not.toBeCalled();
+  },
+};