@@ -362,6 +362,48 @@ ruleTester.run('display-name', rule, {
362
362
module.exports = someDecorator;
363
363
` ,
364
364
parser : 'babel-eslint'
365
+ } , {
366
+ code : [
367
+ 'import React, {createElement} from "react";' ,
368
+ 'const SomeComponent = (props) => {' ,
369
+ ' const {foo, bar} = props;' ,
370
+ ' return someComponentFactory({' ,
371
+ ' onClick: () => foo(bar("x"))' ,
372
+ ' });' ,
373
+ '};'
374
+ ] . join ( '\n' )
375
+ } , {
376
+ code : [
377
+ 'import React, {createElement} from "react";' ,
378
+ 'const SomeComponent = (props) => {' ,
379
+ ' const {foo, bar} = props;' ,
380
+ ' return someComponentFactory({' ,
381
+ ' onClick: () => foo(bar("x"))' ,
382
+ ' });' ,
383
+ '};'
384
+ ] . join ( '\n' ) ,
385
+ parser : 'babel-eslint'
386
+ } , {
387
+ code : [
388
+ 'import React, {Component} from "react";' ,
389
+ 'function someDecorator(ComposedComponent) {' ,
390
+ ' return class MyDecorator extends Component {' ,
391
+ ' render() {return <ComposedComponent {...this.props} />;}' ,
392
+ ' };' ,
393
+ '}' ,
394
+ 'module.exports = someDecorator;'
395
+ ] . join ( '\n' )
396
+ } , {
397
+ code : [
398
+ 'import React, {Component} from "react";' ,
399
+ 'function someDecorator(ComposedComponent) {' ,
400
+ ' return class MyDecorator extends Component {' ,
401
+ ' render() {return <ComposedComponent {...this.props} />;}' ,
402
+ ' };' ,
403
+ '}' ,
404
+ 'module.exports = someDecorator;'
405
+ ] . join ( '\n' ) ,
406
+ parser : 'babel-eslint'
365
407
} , {
366
408
code : `
367
409
const element = (
0 commit comments