chore(alert dialog): add vertical button display test + story

Author: cdransf

components/alertdialog/stories/alertdialog.stories.js

@@ -184,3 +184,12 @@ Scroll.args = {
 Scroll.parameters = {
 	chromatic: { disableSnapshot: true },
 };
+
+export const VerticalButtons = Template.bind({});
+VerticalButtons.tags = ["!dev"];
+VerticalButtons.args = {
+	buttonsAreVertical: true,
+	isOpen: true,
+	heading: "Vertical button group",
+	content: "This is what an alert dialog looks like with buttons arranged vertically.",
+};

components/alertdialog/stories/alertdialog.test.js

@@ -12,6 +12,10 @@ export const AlertDialogGroup = Variants({
 		"min-block-size": "auto",
 	},
 	testData: [{}, {
+		heading: "Vertical button group",
+		content: "This is what an alert dialog looks like with buttons arranged vertically.",
+		buttonsAreVertical: true,
+	}, {
 		variant: "warning",
 		heading: "Unverified format",
 		content: "This format has not been verified and may not be viewable for some users. Do you want to continue publishing?",