parserOptions.ecmaFeatures.jsx option not passed to estree

[bradzacher]

What version of TypeScript are you using?
3.1.1

What version of typescript-eslint-parser are you using?
21.0.2

What code were you trying to parse?

const RuleTester = require("eslint").RuleTester;

const ruleTester = new RuleTester({
    parserOptions: {
        ecmaVersion: 6,
        sourceType: "module",
        ecmaFeatures: {
            jsx: true,
        },
    },
    parser: "typescript-eslint-parser",
});

ruleTester.run("no-unused-vars", rule, {
    valid: [
		`
const Foo = function () {}
function render() {
    return (<Foo />);
}
		`,
	],
	invalid: [],
})

What did you expect to happen?
The code should parse successfully, so I can test the rule.

What happened?
Parsing error: \'>\' expected.

see astexplorer repl
Note the parser has the jsx option set to true

[bradzacher]

Looking at the parser code, it just passes the raw parserOptions object into typescript-estree, however typescript-estree has its jsx option on the root options object, not on ecmaFeatures.

Workaround is to set jsx: true on the base parserOptions object:

 const ruleTester = new RuleTester({
     parserOptions: {
         ecmaVersion: 6,
         sourceType: "module",
-        ecmaFeatures: {
-            jsx: true,
-        },
+        jsx: true,
     },
     parser: "typescript-eslint-parser",
});

[JamesHenry]

This issue has been migrated to the new project here: typescript-eslint/typescript-eslint#24

Thanks!