diff --git a/src/components/ripple/Ripple.spec.js b/src/components/ripple/Ripple.spec.js
new file mode 100644
index 000000000..f3a9b220a
--- /dev/null
+++ b/src/components/ripple/Ripple.spec.js
@@ -0,0 +1,32 @@
+import { config, mount } from '@vue/test-utils';
+import Ripple from './Ripple';
+
+config.global.mocks = {
+    $primevue: {
+        config: {
+            ripple: true
+        }
+    }
+}
+
+config.global.directives = {
+    Ripple
+}
+
+describe('Ripple', () => {
+    it('should exist', async () => {
+        const wrapper = mount({
+            template: `
+                <div class="card p-ripple" v-ripple>Default</div>
+            `
+        });
+
+        const card = wrapper.find('.card');
+
+        expect(wrapper.find('.p-ink').exists()).toBe(true);
+
+        await card.trigger('mousedown');
+
+        expect(wrapper.find('.p-ink').classes()).toContain('p-ink-active');
+    });
+});
\ No newline at end of file