diff --git a/docs/src/examples/components/Popup/Types/PopupContentWrapperExample.shorthand.steps.ts b/docs/src/examples/components/Popup/Types/PopupContentWrapperExample.shorthand.steps.ts
new file mode 100644
index 0000000000..1cb9ccc3f9
--- /dev/null
+++ b/docs/src/examples/components/Popup/Types/PopupContentWrapperExample.shorthand.steps.ts
@@ -0,0 +1,11 @@
+import { Button } from '@stardust-ui/react'
+
+const config: ScreenerTestsConfig = {
+  themes: ['teams', 'teamsDark', 'teamsHighContrast'],
+  steps: [
+    builder => builder.click(`.${Button.className}`).snapshot('Shows plain popup'),
+    builder => builder.click(`.${Button.className}:nth-of-type(2)`).snapshot('Shows wrapper popup'),
+  ],
+}
+
+export default config
diff --git a/docs/src/examples/components/Popup/Types/PopupExample.shorthand.steps.ts b/docs/src/examples/components/Popup/Types/PopupExample.shorthand.steps.ts
new file mode 100644
index 0000000000..dc5ee5dbbb
--- /dev/null
+++ b/docs/src/examples/components/Popup/Types/PopupExample.shorthand.steps.ts
@@ -0,0 +1,8 @@
+import { Button } from '@stardust-ui/react'
+
+const config: ScreenerTestsConfig = {
+  themes: ['teams', 'teamsDark', 'teamsHighContrast'],
+  steps: [builder => builder.click(`.${Button.className}`).snapshot('Shows popup')],
+}
+
+export default config