33 lines
678 B
JavaScript
33 lines
678 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');
|
||
|
|
});
|
||
|
|
});
|