Initial commit

Author: Djaler

babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+    presets: ["@babel/preset-env"]
+}

jest.config.js

@@ -0,0 +1,17 @@
+module.exports = {
+    moduleFileExtensions: [
+        "js",
+        "json",
+        "vue"
+    ],
+    transform: {
+        ".*\\.(js)$": "babel-jest",
+        ".*\\.(vue)$": "vue-jest",
+        ".+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$": "jest-transform-stub"
+    },
+    transformIgnorePatterns: ['node_modules/(?!vuetify)'],
+    testMatch: [
+        '<rootDir>/tests/**/*.spec.js',
+    ],
+    setupFiles: ['<rootDir>/tests/setup.js']
+}

package-lock.json

@@ -0,0 +1,22 @@
+{
+  "name": "vue-test-utils-functional-components-shallow-mount",
+  "private": true,
+  "scripts": {
+    "test": "jest"
+  },
+  "dependencies": {
+    "vue": "2.6.12",
+    "vuetify": "2.4.8"
+  },
+  "devDependencies": {
+    "@babel/core": "7.13.14",
+    "@babel/preset-env": "7.13.12",
+    "@vue/test-utils": "1.1.3",
+    "babel-core": "7.0.0-bridge.0",
+    "babel-jest": "26.6.3",
+    "jest": "26.6.3",
+    "jest-transform-stub": "2.0.0",
+    "vue-jest": "3.0.7",
+    "vue-template-compiler": "2.6.12"
+  }
+}

package.json

@@ -0,0 +1,15 @@
+<template>
+    <div>
+        <v-icon>save</v-icon>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "Example"
+    }
+</script>
+
+<style scoped>
+
+</style>

src/Example.vue

@@ -0,0 +1,4 @@
+import Vue from 'vue';
+import Vuetify from 'vuetify';
+
+Vue.use(Vuetify);

src/main.ts

@@ -0,0 +1,26 @@
+import { createLocalVue, shallowMount } from "@vue/test-utils";
+import Example from "../src/Example.vue";
+import Vuetify from "vuetify";
+import { VIcon } from "vuetify/lib";
+
+test("by functional selector", () => {
+    const localVue = createLocalVue()
+    const vuetify = new Vuetify()
+    const wrapper = shallowMount(Example, {
+        localVue,
+        vuetify,
+    });
+    let icon = wrapper.findComponent(VIcon);
+    expect(icon.exists()).toBe(true);
+})
+
+test("by name selector", () => {
+    const localVue = createLocalVue()
+    const vuetify = new Vuetify()
+    const wrapper = shallowMount(Example, {
+        localVue,
+        vuetify,
+    });
+    let icon = wrapper.findComponent({ name: 'v-icon' });
+    expect(icon.exists()).toBe(true);
+})

tests/Example.spec.js

@@ -0,0 +1,4 @@
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+
+Vue.use(Vuetify)