diff --git a/test/hydration/samples/attribute-class-array/_after.html b/test/hydration/samples/attribute-class-array/_after.html
new file mode 100644
index 0000000000..f9bfb245a7
--- /dev/null
+++ b/test/hydration/samples/attribute-class-array/_after.html
@@ -0,0 +1 @@
+<div class="bg-red text-white size-sm"></div>
diff --git a/test/hydration/samples/attribute-class-array/_before.html b/test/hydration/samples/attribute-class-array/_before.html
new file mode 100644
index 0000000000..f9bfb245a7
--- /dev/null
+++ b/test/hydration/samples/attribute-class-array/_before.html
@@ -0,0 +1 @@
+<div class="bg-red text-white size-sm"></div>
diff --git a/test/hydration/samples/attribute-class-array/_config.js b/test/hydration/samples/attribute-class-array/_config.js
new file mode 100644
index 0000000000..d9d220b6e5
--- /dev/null
+++ b/test/hydration/samples/attribute-class-array/_config.js
@@ -0,0 +1,15 @@
+export default {
+	snapshot(target) {
+		const div = target.querySelector('div');
+
+		return {
+			div
+		};
+	},
+
+	test(assert, target, snapshot) {
+		const div = target.querySelector('div');
+
+		assert.equal(div, snapshot.div);
+	}
+};
diff --git a/test/hydration/samples/attribute-class-array/main.svelte b/test/hydration/samples/attribute-class-array/main.svelte
new file mode 100644
index 0000000000..3287ac6951
--- /dev/null
+++ b/test/hydration/samples/attribute-class-array/main.svelte
@@ -0,0 +1,5 @@
+<script>
+  const collection = ['bg-red', 'text-white', 'size-sm'];
+</script>
+
+<div class={collection}></div>