forked from vuejs/eslint-plugin-vue
/
no-invalid-attribute-name.js
116 lines (113 loc) · 2.55 KB
/
no-invalid-attribute-name.js
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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
/**
* @author *****your name*****
* See LICENSE file in root directory for full license.
*/
'use strict'
const RuleTester = require('eslint').RuleTester
const rule = require('../../../lib/rules/no-invalid-attribute-name')
const tester = new RuleTester({
parser: require.resolve('vue-eslint-parser'),
parserOptions: {
ecmaVersion: 2020,
sourceType: 'module'
}
})
tester.run('no-invalid-attribute-name', rule, {
valid: [
{
filename: 'test.vue',
code: '<template><p foo /></template>'
},
{
filename: 'test.vue',
code: `<template><p foo="bar" /></template>`
},
{
filename: 'test.vue',
code: `<template><p foo-bar /></template>`
},
{
filename: 'test.vue',
code: `<template><p _foo-bar /></template>`
},
{
filename: 'test.vue',
code: `<template><p :foo-bar /></template>`
},
{
filename: 'test.vue',
code: `<template><p foo.bar /></template>`
},
{
filename: 'test.vue',
code: `<template><p quux-.9 /></template>`
},
{
filename: 'test.vue',
code: `<template><MyComponent 0abc="foo" /></template>`
},
{
filename: 'test.vue',
code: `<template><MyComponent :0abc="foo" /></template>`
},
{
filename: 'test.vue',
code: `<template><a :href="url"> ... </a></template>`
},
{
filename: 'test.vue',
code: `<template><div v-bind:class="{ active: isActive }"></div></template>`
},
{
filename: 'test.vue',
code: `<template><p v-if="seen">Now you see me</p></template>`
},
{
filename: 'test.vue',
code: `<a v-on:[eventName]="doSomething"> ... </a>`
},
{
filename: 'test.vue',
code: `<form v-on:submit.prevent="onSubmit"> ... </form>`
},
{
filename: 'test.vue',
code: `<a @[event]="doSomething"> ... </a>`
}
],
invalid: [
{
filename: 'test.vue',
code: `<template><p 0abc /></template>`,
errors: [
{
message: 'Attribute name 0abc is not valid.',
line: 1,
column: 14
}
]
},
{
filename: 'test.vue',
code: `<template><p -def></template>`,
errors: [
{
message: 'Attribute name -def is not valid.',
line: 1,
column: 14
}
]
},
{
filename: 'test.vue',
code: `<template><p !ghi /></template>`,
errors: [
{
message: 'Attribute name !ghi is not valid.',
line: 1,
column: 14
}
]
}
]
})