primevue-mirror/components/ripple/Ripple.spec.js

32 lines
675 B
JavaScript

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');
});
});