43 lines
1.3 KiB
JavaScript
43 lines
1.3 KiB
JavaScript
import { describe, expect, it } from '@jest/globals';
|
|
import { installQuasarPlugin } from '@quasar/quasar-app-extension-testing-unit-jest';
|
|
import { mount, shallowMount } from '@vue/test-utils';
|
|
import { QBtn } from 'quasar';
|
|
import MyButton from './demo/MyButton';
|
|
|
|
// Specify here Quasar config you'll need to test your component
|
|
installQuasarPlugin();
|
|
|
|
describe('MyButton', () => {
|
|
it('has increment method', () => {
|
|
const wrapper = mount(MyButton);
|
|
const { vm } = wrapper;
|
|
|
|
expect(typeof vm.increment).toBe('function');
|
|
});
|
|
|
|
it('can check the inner text content', () => {
|
|
const wrapper = mount(MyButton);
|
|
const { vm } = wrapper;
|
|
|
|
expect(vm.$el.textContent).toContain('rocket muffin');
|
|
expect(wrapper.find('.content').text()).toContain('rocket muffin');
|
|
});
|
|
|
|
it('sets the correct default data', () => {
|
|
const wrapper = mount(MyButton);
|
|
const { vm } = wrapper;
|
|
|
|
expect(typeof vm.counter).toBe('number');
|
|
expect(vm.counter).toBe(0);
|
|
});
|
|
|
|
it('correctly updates counter when button is pressed', async () => {
|
|
const wrapper = shallowMount(MyButton);
|
|
const { vm } = wrapper;
|
|
|
|
const button = wrapper.findComponent(QBtn);
|
|
await button.trigger('click');
|
|
expect(vm.counter).toBe(1);
|
|
});
|
|
});
|