achhunna

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

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

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

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

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

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

achhunna

let wrapper;
const factory = (computed = {}) => {
    return shallowMount(Component, {
        propsData: {},
        mocks: {},
        stubs: {},
        methods: {},
        computed,
    });
};

achhunna

// using jest.fn() to mock action and mutation functions
beforeEach(() => {
    actions = {
        someAction: jest.fn(() => true)
    };
    mutations = {
        someMutation: jest.fn(() => false)
    };
    state = {
        key: {}

achhunna

// used in component
<script>
import Constants from '../constants';

console.log(Constants.myConstant);
</script>

// in test file
jest.mock('../constants', () => ({
    'myConstant': 'myValue',

achhunna

test('check async block', async() => {
    await wrapper.vm.asyncFunction(); // where asyncFunction() has a resolved Promise or other async stuff
});