achhunna

test('emit events when close-btn clicked', () => {
    const closeBtn = wrapper.find('.close-btn');
    closeBtn.trigger('click');
    expect(wrapper.emitted().close.length).toBe(1);
});

achhunna

test('has blah class', () => {
    expect(wrapper.contains('.blah')).toBe(true);
});

// check multiple elements by verifying count
test('has blah classes', () => {
    expect(wrapper.findAll('.blah').length).toBe(10);
});

achhunna

import { shallowMount, createLocalVue } from '@vue/test-utils';
import Vuex from 'vuex';
import Component from './component';

let wrapper;
let store;
let actions;
let mutations;
let state;
const localVue = createLocalVue();

achhunna

{
    "presets": [
        ["env", { "modules": false }]
    ],
    "env": {
        "test": {
        "presets": [
                ["env", { "targets": { "node": "current" }}]
            ]
        }

achhunna

import { shallowMount } from '@vue/test-utils';
import Component from './component'; // name of your Vue component

let wrapper;

beforeEach(() => {
    wrapper = shallowMount(Component, {
        propsData: {},
        mocks: {},
        stubs: {},

achhunna

module.exports = {
    verbose: true,
    moduleFileExtensions: [
        "js",
        "json",
        "vue"
    ],
    transform: {
        ".*\\.(vue)$": "vue-jest",
        "^.+\\.js$": "<rootDir>/node_modules/babel-jest"