/
listeners.spec.ts
97 lines (90 loc) · 2.38 KB
/
listeners.spec.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
import { it, expect } from 'vitest';
import { findManualMigrations, transform } from 'vue-metamorph';
import { removeListenersCodemodPlugin, removeListenersManualMigrationPlugin } from './listeners';
it('should remove v-on="$listeners"', () => {
const input = `
<template>
<div v-bind="$attrs" v-on="$listeners">Has close listener: {{ !!$listeners.close }}</div>
</template>
<script>
export default {
computed: {
hasCloseListener() {
return !!this.$listeners.close;
}
}
}
</script>
`;
expect(transform(input, 'file.vue', [removeListenersCodemodPlugin]).code).toMatchInlineSnapshot(`
"
<template>
<div v-bind="$attrs">Has close listener: {{ !!$listeners.close }}</div>
</template>
<script>
export default {
computed: {
hasCloseListener() {
return !!this.$listeners.close;
}
}
}
</script>
"
`);
});
it('should report on remaining $listeners usages', () => {
const input = `
<template>
<div>Has close listener: {{ !!$listeners.close }}</div>
</template>
<script>
export default {
computed: {
hasCloseListener() {
return !!this.$listeners.close;
}
}
}
</script>
`;
expect(findManualMigrations(input, 'file.vue', [removeListenersManualMigrationPlugin])).toMatchInlineSnapshot(`
[
{
"columnEnd": 30,
"columnStart": 21,
"file": "file.vue",
"lineEnd": 10,
"lineStart": 10,
"message": "$listeners has been removed.
See: https://v3-migration.vuejs.org/breaking-changes/listeners-removed.html#listeners-removed",
"pluginName": "remove-listeners",
"snippet": " 7 | export default {
8 | computed: {
9 | hasCloseListener() {
10 | return !!this.$listeners.close;
| ^^^^^^^^^^
11 | }
12 | }
13 | }",
},
{
"columnEnd": 42,
"columnStart": 33,
"file": "file.vue",
"lineEnd": 3,
"lineStart": 3,
"message": "$listeners has been removed.
See: https://v3-migration.vuejs.org/breaking-changes/listeners-removed.html#listeners-removed",
"pluginName": "remove-listeners",
"snippet": "1 |
2 | <template>
3 | <div>Has close listener: {{ !!$listeners.close }}</div>
| ^^^^^^^^^^
4 | </template>
5 |
6 | <script>",
},
]
`);
});