BabylonParser (jest-editor-support) fails with JSX

[etiennedi]

File: jest/packages/jest-editor-support/src/parsers/BabylonParser.js

tl;dr: We're manually including one babylon plugin, but I think we should include all plugins.

---

Long version:

I've been using orta's great vscode-jest extension and noted that it doesn't work correctly on spec files containing JSX. So have others. I could trace the issue back to the parse function in jest-editor-support.

Babylon will not be able to parse JSX with the default configuration. I noticed we are manually adding the flow plugin, but not the JSX plugin. Since Babylon 6.14.1 we could simply include all available plugins.

So instead of:

const plugins = Array.isArray(babel.plugins)
  ? babel.plugins.concat(['flow'])
  : ['flow']

We could simply do:

const plugins = Array.isArray(babel.plugins)
  ? babel.plugins.concat(['*'])
  : ['*']

I've tested locally and this fixes my JSX issue.

Update: See the commit I added to the fork. The new test scenario I added wouldn't pass before. It does with the change. Hope you agree, then I'll send the PR.

[cpojer]

Yeah this sounds good. Would you mind sending a PR for this? :)

[etiennedi]

Great. Completed the CLA and sent the PR. :)

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Please note this issue tracker is not a help forum. We recommend using StackOverflow or our discord channel for questions.