From 07354380c57cb71060116c137e23bb8f5178f0cd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jarda=20Kot=C4=9B=C5=A1ovec?= <jarda.kotesovec@gmail.com>
Date: Thu, 11 Jan 2024 10:49:50 +0100
Subject: [PATCH] pkp/pkp-lib#9527 Also automatically open dialogs for
 snapshotting

---
 src/composables/useDialog.stories.js | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/src/composables/useDialog.stories.js b/src/composables/useDialog.stories.js
index ad4a133a3..68856439c 100644
--- a/src/composables/useDialog.stories.js
+++ b/src/composables/useDialog.stories.js
@@ -1,3 +1,5 @@
+import {within, userEvent} from '@storybook/testing-library';
+
 import {useDialog} from './useDialog';
 import PkpButton from '@/components/Button/Button.vue';
 
@@ -38,6 +40,18 @@ export const BasicExample = {
 			},
 		],
 	},
+	play: async ({canvasElement}) => {
+		// Assigns canvas to the component root element
+		const canvas = within(canvasElement);
+		const user = userEvent.setup();
+
+		await user.click(canvas.getByText('Basic Example'));
+	},
+	decorators: [
+		() => ({
+			template: '<div style="height: 400px"><story/></div>',
+		}),
+	],
 };
 
 export const FullExample = {
@@ -70,4 +84,16 @@ export const FullExample = {
 		],
 		close: () => console.log('closed full example dialog'), // eslint-disable-line
 	},
+	play: async ({canvasElement}) => {
+		// Assigns canvas to the component root element
+		const canvas = within(canvasElement);
+		const user = userEvent.setup();
+
+		await user.click(canvas.getByText('Full Example'));
+	},
+	decorators: [
+		() => ({
+			template: '<div style="height: 400px"><story/></div>',
+		}),
+	],
 };