diff --git a/plugins/woocommerce-admin/client/components/animation-slider/test/__snapshots__/index.js.snap b/plugins/woocommerce-admin/client/components/animation-slider/test/__snapshots__/index.js.snap
new file mode 100644
index 00000000000..96fe83cf4fb
--- /dev/null
+++ b/plugins/woocommerce-admin/client/components/animation-slider/test/__snapshots__/index.js.snap
@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AnimationSlider it renders correctly 1`] = `
+<div
+  className="woocommerce-slide-animation animate-left"
+>
+  <div>
+    <div />
+  </div>
+</div>
+`;
diff --git a/plugins/woocommerce-admin/client/components/animation-slider/test/index.js b/plugins/woocommerce-admin/client/components/animation-slider/test/index.js
new file mode 100644
index 00000000000..d0bf1d86f20
--- /dev/null
+++ b/plugins/woocommerce-admin/client/components/animation-slider/test/index.js
@@ -0,0 +1,23 @@
+/** @format */
+/**
+ * External dependencies
+ */
+import renderer from 'react-test-renderer';
+
+/**
+ * Internal dependencies
+ */
+import AnimationSlider from '../';
+
+describe( 'AnimationSlider', () => {
+	test( 'it renders correctly', () => {
+		const tree = renderer
+			.create(
+				<AnimationSlider animationKey={ 0 } animate={ 'left' }>
+					{ () => <div /> }
+				</AnimationSlider>
+			)
+			.toJSON();
+		expect( tree ).toMatchSnapshot();
+	} );
+} );