diff --git a/tests/Slider.test.svelte b/tests/Slider.test.svelte
index 90136f8b..419bfbff 100644
--- a/tests/Slider.test.svelte
+++ b/tests/Slider.test.svelte
@@ -11,6 +11,9 @@
   maxLabel="990 MB"
   value="{100}"
   fullWidth
+  on:change="{(e) => {
+    console.log(e.detail); // number
+  }}"
 />
 
 <Slider
diff --git a/tests/StructuredList.test.svelte b/tests/StructuredList.test.svelte
index e5cbdbc8..4afa869c 100644
--- a/tests/StructuredList.test.svelte
+++ b/tests/StructuredList.test.svelte
@@ -11,7 +11,13 @@
   import CheckmarkFilled from "carbon-icons-svelte/lib/CheckmarkFilled.svelte";
 </script>
 
-<StructuredList>
+<StructuredList
+  selection
+  selected="row-1-value"
+  on:change="{(e) => {
+    console.log(e.detail); // string
+  }}"
+>
   <StructuredListHead>
     <StructuredListRow head>
       <StructuredListCell head>Column A</StructuredListCell>
diff --git a/tests/Tabs.test.svelte b/tests/Tabs.test.svelte
index 8f1f1b88..dbf4dace 100644
--- a/tests/Tabs.test.svelte
+++ b/tests/Tabs.test.svelte
@@ -2,7 +2,11 @@
   import { Tabs, Tab, TabContent, TabsSkeleton } from "../types";
 </script>
 
-<Tabs>
+<Tabs
+  on:change="{(e) => {
+    console.log(e.detail); // number
+  }}"
+>
   <Tab label="Tab label 1" />
   <Tab label="Tab label 2" />
   <Tab label="Tab label 3" />