2022-09-06 12:03:37 +00:00
|
|
|
import { mount } from '@vue/test-utils';
|
|
|
|
import Card from './Card.vue';
|
|
|
|
|
|
|
|
describe('Card.vue', () => {
|
|
|
|
it('should exist', () => {
|
|
|
|
const wrapper = mount(Card, {
|
|
|
|
slots: {
|
|
|
|
header: 'Advanced Card Header',
|
|
|
|
title: 'Advanced Card',
|
|
|
|
subtitle: 'Advanced subtitle',
|
|
|
|
content: '<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>',
|
|
|
|
footer: 'Advanced Card Footer'
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
expect(wrapper.find('.p-card.p-component').exists()).toBe(true);
|
|
|
|
expect(wrapper.find('.p-card-header').text()).toBe('Advanced Card Header');
|
|
|
|
expect(wrapper.find('.p-card-title').text()).toBe('Advanced Card');
|
|
|
|
expect(wrapper.find('.p-card-subtitle').text()).toBe('Advanced subtitle');
|
|
|
|
expect(wrapper.find('.p-card-content').text()).toBe('Lorem ipsum dolor sit amet, consectetur adipisicing elit.');
|
|
|
|
expect(wrapper.find('.p-card-footer').text()).toBe('Advanced Card Footer');
|
|
|
|
});
|
2022-09-14 11:26:01 +00:00
|
|
|
});
|