Merge pull request #418 from fdc-viktor-luft/vl/239

Add tests for Vue

test/typescript/custom-paths/subfolder2/export.ts

@@ -4,4 +4,4 @@ class ExportClass {
 	}
 }
 
-export = ExportClass;
+export default ExportClass;

test/typescript/export.ts

@@ -4,4 +4,4 @@ class ExportClass {
 	}
 }
 
-export = ExportClass;
+export default ExportClass;

test/vue.js

@@ -0,0 +1,37 @@
+/* eslint-env mocha */
+'use strict';
+
+const madge = require('../lib/api');
+require('should');
+
+describe('Vue', () => {
+	const dir = __dirname + '/vue';
+	// this seems necessary to run the tests successfully
+	const emptyTsConfig = {compilerOptions: {}};
+
+	it('finds import in Vue files using TS', (done) => {
+		madge(dir + '/BasicComponentTs.vue', {tsConfig: emptyTsConfig}).then((res) => {
+			res.obj().should.eql({
+				'one.ts': [],
+				'BasicComponentTs.vue': ['OneNestedTs.vue', 'TwoNested.vue'],
+				'OneNestedTs.vue': ['ThreeNested.vue', 'one.ts'],
+				'ThreeNested.vue': [],
+				'TwoNested.vue': []
+			});
+			done();
+		}).catch(done);
+	});
+
+	it('finds import in Vue files', (done) => {
+		madge(dir + '/BasicComponent.vue', {tsConfig: emptyTsConfig}).then((res) => {
+			res.obj().should.eql({
+				'two.js': [],
+				'BasicComponent.vue': ['OneNested.vue', 'TwoNested.vue'],
+				'OneNested.vue': ['ThreeNested.vue', 'two.js'],
+				'ThreeNested.vue': [],
+				'TwoNested.vue': []
+			});
+			done();
+		}).catch(done);
+	});
+});

test/vue/BasicComponent.vue

@@ -0,0 +1,9 @@
+<script setup>
+import OneNested from './OneNested.vue';
+import TwoNested from './TwoNested.vue';
+</script>
+
+<template>
+	<OneNested />
+	<TwoNested />
+</template>

test/vue/BasicComponentTs.vue

@@ -0,0 +1,9 @@
+<script lang="ts" setup>
+import OneNested from './OneNestedTs.vue';
+import TwoNested from './TwoNested.vue';
+</script>
+
+<template>
+	<OneNested />
+	<TwoNested />
+</template>

test/vue/OneNested.vue

@@ -0,0 +1,11 @@
+<script setup>
+import { ref } from "vue";
+import ThreeNested from "./ThreeNested.vue";
+import "./two";
+
+const count = ref(0);
+</script>
+
+<template>
+	<button @click="count++">{{ count }}</button>
+</template>

test/vue/OneNestedTs.vue

@@ -0,0 +1,11 @@
+<script lang="ts" setup>
+import { ref } from "vue";
+import ThreeNested from "./ThreeNested.vue";
+import "./one";
+
+const count = ref(0);
+</script>
+
+<template>
+	<button @click="count++">{{ count }}</button>
+</template>

test/vue/ThreeNested.vue

@@ -0,0 +1 @@
+<template>Content without deps</template>

test/vue/TwoNested.vue

@@ -0,0 +1 @@
+<template>Content without deps</template>

test/vue/one.ts

@@ -0,0 +1 @@
+// no content

test/vue/two.js

@@ -0,0 +1 @@
+// no content