From 0803e96073733457d670e079d50c94a66fdbaef7 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 24 Nov 2021 21:48:12 +0100
Subject: [PATCH] Consistent story data

---
 addons/interactions/src/Panel.stories.tsx     |  8 ++++
 .../src/components/Subnav/Subnav.stories.tsx  | 46 +++++++++++++++----
 2 files changed, 44 insertions(+), 10 deletions(-)

diff --git a/addons/interactions/src/Panel.stories.tsx b/addons/interactions/src/Panel.stories.tsx
index 8600768aff8..8e22606d4ec 100644
--- a/addons/interactions/src/Panel.stories.tsx
+++ b/addons/interactions/src/Panel.stories.tsx
@@ -60,6 +60,14 @@ export const Paused: Story = {
   args: {
     isPlaying: true,
     interactions: [getCall(CallStates.WAITING)],
+    controlStates: {
+      debugger: true,
+      start: false,
+      back: false,
+      goto: true,
+      next: true,
+      end: true,
+    },
   },
 };
 
diff --git a/addons/interactions/src/components/Subnav/Subnav.stories.tsx b/addons/interactions/src/components/Subnav/Subnav.stories.tsx
index a734036b813..9605bc53252 100644
--- a/addons/interactions/src/components/Subnav/Subnav.stories.tsx
+++ b/addons/interactions/src/components/Subnav/Subnav.stories.tsx
@@ -18,8 +18,8 @@ export default {
       start: true,
       back: true,
       goto: true,
-      next: true,
-      end: true,
+      next: false,
+      end: false,
     },
     storyFileName: 'Subnav.stories.tsx',
     hasNext: true,
@@ -45,18 +45,44 @@ export const Runs = {
   },
 };
 
-export const AtTheBeginning = {
-  name: 'at the beginning',
+export const AtStart = {
   args: {
-    status: CallStates.DONE,
-    hasPrevious: false,
+    status: CallStates.WAITING,
+    controlStates: {
+      debugger: true,
+      start: false,
+      back: false,
+      goto: true,
+      next: true,
+      end: true,
+    },
   },
 };
 
-export const AtTheEnd = {
-  name: 'at the end',
+export const Midway = {
   args: {
-    status: CallStates.DONE,
-    hasNext: false,
+    status: CallStates.WAITING,
+    controlStates: {
+      debugger: true,
+      start: true,
+      back: true,
+      goto: true,
+      next: true,
+      end: true,
+    },
+  },
+};
+
+export const Locked = {
+  args: {
+    status: CallStates.ACTIVE,
+    controlStates: {
+      debugger: true,
+      start: false,
+      back: false,
+      goto: false,
+      next: false,
+      end: false,
+    },
   },
 };