diff --git a/mailpoet/assets/js/src/automation/automation.tsx b/mailpoet/assets/js/src/automation/automation.tsx
index e6c72f1cf3..7e40db55cf 100644
--- a/mailpoet/assets/js/src/automation/automation.tsx
+++ b/mailpoet/assets/js/src/automation/automation.tsx
@@ -1,5 +1,6 @@
import React from 'react';
import ReactDOM from 'react-dom';
+import { CreateTestingWorkflowButton } from './testing';
import { useMutation, useQuery } from './api';
function ApiCheck(): JSX.Element {
@@ -53,6 +54,7 @@ function App(): JSX.Element {
return (
diff --git a/mailpoet/assets/js/src/automation/testing.tsx b/mailpoet/assets/js/src/automation/testing.tsx
new file mode 100644
index 0000000000..4043f8703d
--- /dev/null
+++ b/mailpoet/assets/js/src/automation/testing.tsx
@@ -0,0 +1,50 @@
+import React from 'react';
+import { useMutation } from './api';
+import { id } from './id';
+
+const createWaitStep = () => ({
+ id: id(),
+ type: 'action',
+ key: 'core:wait',
+ args: {
+ seconds: 60,
+ },
+});
+
+const createTrigger = (nextStepId: string) => ({
+ id: id(),
+ type: 'trigger',
+ key: 'mailpoet:segment:subscribed',
+ next_step_id: nextStepId,
+});
+
+const createWorkflow = () => {
+ const wait = createWaitStep();
+ const trigger = createTrigger(wait.id);
+ return {
+ name: `Test ${new Date().toISOString()}`,
+ steps: {
+ [trigger.id]: trigger,
+ [wait.id]: wait,
+ },
+ };
+};
+
+export function CreateTestingWorkflowButton(): JSX.Element {
+ const [createSchema, { loading, error }] = useMutation('workflows', { method: 'POST' });
+
+ return (
+
+
+ {error && (
{error?.data?.message ?? 'An unknown error occurred'}
)}
+
+ );
+}