use isTestRunner in internal example

.storybook/preview.js

@@ -0,0 +1,11 @@
+import { isTestRunner } from '../dist/esm/is-test-runner';
+
+const withSkippableTests = (StoryFn, { parameters }) => {
+  if (parameters.test?.skip && isTestRunner()) {
+    return () => {};
+  }
+
+  return StoryFn();
+};
+
+export const decorators = [withSkippableTests];

stories/atoms/Button.stories.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { expect } from '@storybook/jest';
+import { isTestRunner } from '../../dist/esm/is-test-runner';
 import { within, waitFor, userEvent, waitForElementToBeRemoved } from '@storybook/testing-library';
 
 import { Button } from './Button';
@@ -109,3 +110,25 @@ WithLoaders.play = async ({ args, canvasElement }) => {
   await userEvent.click(todoItem);
   await expect(args.onSubmit).toHaveBeenCalledWith('delectus aut autem');
 };
+
+export const UserAgent = () => (
+  <div>
+    <p>
+      <strong>isTestRunner:</strong> {isTestRunner().toString()}
+    </p>
+    <p>
+      <strong>User agent:</strong> {window.navigator.userAgent}
+    </p>
+  </div>
+);
+UserAgent.play = async () => {
+  if (isTestRunner()) {
+    await expect(window.navigator.userAgent).toContain('StorybookTestRunner');
+  }
+};
+UserAgent.parameters = {
+  tests: {
+    skip: true,
+    disableSnapshots: true,
+  },
+};