@@ -30,197 +30,197 @@ const ruleTester = new RuleTester({parserOptions});
30
30
ruleTester . run ( 'no-did-mount-set-state' , rule , {
31
31
32
32
valid : [ {
33
- code : [
34
- ' var Hello = createReactClass({' ,
35
- ' render: function() {' ,
36
- ' return <div>Hello {this.props.name}</div>;' ,
37
- ' }' ,
38
- ' });'
39
- ] . join ( '\n' )
33
+ code : `
34
+ var Hello = createReactClass({
35
+ render: function() {
36
+ return <div>Hello {this.props.name}</div>;
37
+ }
38
+ });
39
+ `
40
40
} , {
41
- code : [
42
- ' var Hello = createReactClass({' ,
43
- ' componentDidMount: function() {}' ,
44
- ' });'
45
- ] . join ( '\n' )
41
+ code : `
42
+ var Hello = createReactClass({
43
+ componentDidMount: function() {}
44
+ });
45
+ `
46
46
} , {
47
- code : [
48
- ' var Hello = createReactClass({' ,
49
- ' componentDidMount: function() {' ,
50
- ' someNonMemberFunction(arg);' ,
51
- ' this.someHandler = this.setState;' ,
52
- ' }' ,
53
- ' });'
54
- ] . join ( '\n' )
47
+ code : `
48
+ var Hello = createReactClass({
49
+ componentDidMount: function() {
50
+ someNonMemberFunction(arg);
51
+ this.someHandler = this.setState;
52
+ }
53
+ });
54
+ `
55
55
} , {
56
- code : [
57
- ' var Hello = createReactClass({' ,
58
- ' componentDidMount: function() {' ,
59
- ' someClass.onSomeEvent(function(data) {' ,
60
- ' this.setState({' ,
61
- ' data: data' ,
62
- ' });' ,
63
- ' })' ,
64
- ' }' ,
65
- ' });'
66
- ] . join ( '\n' )
56
+ code : `
57
+ var Hello = createReactClass({
58
+ componentDidMount: function() {
59
+ someClass.onSomeEvent(function(data) {
60
+ this.setState({
61
+ data: data
62
+ });
63
+ })
64
+ }
65
+ });
66
+ `
67
67
} , {
68
- code : [
69
- ' var Hello = createReactClass({' ,
70
- ' componentDidMount: function() {' ,
71
- ' function handleEvent(data) {' ,
72
- ' this.setState({' ,
73
- ' data: data' ,
74
- ' });' ,
75
- ' }' ,
76
- ' someClass.onSomeEvent(handleEvent)' ,
77
- ' }' ,
78
- ' });'
79
- ] . join ( '\n' ) ,
68
+ code : `
69
+ var Hello = createReactClass({
70
+ componentDidMount: function() {
71
+ function handleEvent(data) {
72
+ this.setState({
73
+ data: data
74
+ });
75
+ }
76
+ someClass.onSomeEvent(handleEvent)
77
+ }
78
+ });
79
+ ` ,
80
80
parser : 'babel-eslint'
81
81
} ] ,
82
82
83
83
invalid : [ {
84
- code : [
85
- ' var Hello = createReactClass({' ,
86
- ' componentDidMount: function() {' ,
87
- ' this.setState({' ,
88
- ' data: data' ,
89
- ' });' ,
90
- ' }' ,
91
- ' });'
92
- ] . join ( '\n' ) ,
84
+ code : `
85
+ var Hello = createReactClass({
86
+ componentDidMount: function() {
87
+ this.setState({
88
+ data: data
89
+ });
90
+ }
91
+ });
92
+ ` ,
93
93
errors : [ {
94
94
message : 'Do not use setState in componentDidMount'
95
95
} ]
96
96
} , {
97
- code : [
98
- ' class Hello extends React.Component {' ,
99
- ' componentDidMount() {' ,
100
- ' this.setState({' ,
101
- ' data: data' ,
102
- ' });' ,
103
- ' }' ,
104
- '}'
105
- ] . join ( '\n' ) ,
97
+ code : `
98
+ class Hello extends React.Component {
99
+ componentDidMount() {
100
+ this.setState({
101
+ data: data
102
+ });
103
+ }
104
+ }
105
+ ` ,
106
106
parser : 'babel-eslint' ,
107
107
errors : [ {
108
108
message : 'Do not use setState in componentDidMount'
109
109
} ]
110
110
} , {
111
- code : [
112
- ' var Hello = createReactClass({' ,
113
- ' componentDidMount: function() {' ,
114
- ' this.setState({' ,
115
- ' data: data' ,
116
- ' });' ,
117
- ' }' ,
118
- ' });'
119
- ] . join ( '\n' ) ,
111
+ code : `
112
+ var Hello = createReactClass({
113
+ componentDidMount: function() {
114
+ this.setState({
115
+ data: data
116
+ });
117
+ }
118
+ });
119
+ ` ,
120
120
options : [ 'disallow-in-func' ] ,
121
121
errors : [ {
122
122
message : 'Do not use setState in componentDidMount'
123
123
} ]
124
124
} , {
125
- code : [
126
- ' class Hello extends React.Component {' ,
127
- ' componentDidMount() {' ,
128
- ' this.setState({' ,
129
- ' data: data' ,
130
- ' });' ,
131
- ' }' ,
132
- '}'
133
- ] . join ( '\n' ) ,
125
+ code : `
126
+ class Hello extends React.Component {
127
+ componentDidMount() {
128
+ this.setState({
129
+ data: data
130
+ });
131
+ }
132
+ }
133
+ ` ,
134
134
parser : 'babel-eslint' ,
135
135
options : [ 'disallow-in-func' ] ,
136
136
errors : [ {
137
137
message : 'Do not use setState in componentDidMount'
138
138
} ]
139
139
} , {
140
- code : [
141
- ' var Hello = createReactClass({' ,
142
- ' componentDidMount: function() {' ,
143
- ' someClass.onSomeEvent(function(data) {' ,
144
- ' this.setState({' ,
145
- ' data: data' ,
146
- ' });' ,
147
- ' })' ,
148
- ' }' ,
149
- ' });'
150
- ] . join ( '\n' ) ,
140
+ code : `
141
+ var Hello = createReactClass({
142
+ componentDidMount: function() {
143
+ someClass.onSomeEvent(function(data) {
144
+ this.setState({
145
+ data: data
146
+ });
147
+ })
148
+ }
149
+ });
150
+ ` ,
151
151
options : [ 'disallow-in-func' ] ,
152
152
errors : [ {
153
153
message : 'Do not use setState in componentDidMount'
154
154
} ]
155
155
} , {
156
- code : [
157
- ' class Hello extends React.Component {' ,
158
- ' componentDidMount() {' ,
159
- ' someClass.onSomeEvent(function(data) {' ,
160
- ' this.setState({' ,
161
- ' data: data' ,
162
- ' });' ,
163
- ' })' ,
164
- ' }' ,
165
- '}'
166
- ] . join ( '\n' ) ,
156
+ code : `
157
+ class Hello extends React.Component {
158
+ componentDidMount() {
159
+ someClass.onSomeEvent(function(data) {
160
+ this.setState({
161
+ data: data
162
+ });
163
+ })
164
+ }
165
+ }
166
+ ` ,
167
167
parser : 'babel-eslint' ,
168
168
options : [ 'disallow-in-func' ] ,
169
169
errors : [ {
170
170
message : 'Do not use setState in componentDidMount'
171
171
} ]
172
172
} , {
173
- code : [
174
- ' var Hello = createReactClass({' ,
175
- ' componentDidMount: function() {' ,
176
- ' if (true) {' ,
177
- ' this.setState({' ,
178
- ' data: data' ,
179
- ' });' ,
180
- ' }' ,
181
- ' }' ,
182
- ' });'
183
- ] . join ( '\n' ) ,
173
+ code : `
174
+ var Hello = createReactClass({
175
+ componentDidMount: function() {
176
+ if (true) {
177
+ this.setState({
178
+ data: data
179
+ });
180
+ }
181
+ }
182
+ });
183
+ ` ,
184
184
errors : [ {
185
185
message : 'Do not use setState in componentDidMount'
186
186
} ]
187
187
} , {
188
- code : [
189
- ' class Hello extends React.Component {' ,
190
- ' componentDidMount() {' ,
191
- ' if (true) {' ,
192
- ' this.setState({' ,
193
- ' data: data' ,
194
- ' });' ,
195
- ' }' ,
196
- ' }' ,
197
- '}'
198
- ] . join ( '\n' ) ,
188
+ code : `
189
+ class Hello extends React.Component {
190
+ componentDidMount() {
191
+ if (true) {
192
+ this.setState({
193
+ data: data
194
+ });
195
+ }
196
+ }
197
+ }
198
+ ` ,
199
199
parser : 'babel-eslint' ,
200
200
errors : [ {
201
201
message : 'Do not use setState in componentDidMount'
202
202
} ]
203
203
} , {
204
- code : [
205
- ' var Hello = createReactClass({' ,
206
- ' componentDidMount: function() {' ,
207
- ' someClass.onSomeEvent((data) => this.setState({data: data}));' ,
208
- ' }' ,
209
- ' });'
210
- ] . join ( '\n' ) ,
204
+ code : `
205
+ var Hello = createReactClass({
206
+ componentDidMount: function() {
207
+ someClass.onSomeEvent((data) => this.setState({data: data}));
208
+ }
209
+ });
210
+ ` ,
211
211
parser : 'babel-eslint' ,
212
212
options : [ 'disallow-in-func' ] ,
213
213
errors : [ {
214
214
message : 'Do not use setState in componentDidMount'
215
215
} ]
216
216
} , {
217
- code : [
218
- ' class Hello extends React.Component {' ,
219
- ' componentDidMount() {' ,
220
- ' someClass.onSomeEvent((data) => this.setState({data: data}));' ,
221
- ' }' ,
222
- '}'
223
- ] . join ( '\n' ) ,
217
+ code : `
218
+ class Hello extends React.Component {
219
+ componentDidMount() {
220
+ someClass.onSomeEvent((data) => this.setState({data: data}));
221
+ }
222
+ }
223
+ ` ,
224
224
parser : 'babel-eslint' ,
225
225
options : [ 'disallow-in-func' ] ,
226
226
errors : [ {
0 commit comments