Using with create-react-app typescript?

Environment

1. node -v: 8.9.2

2. npm -v:

3. npm ls react-scripts (if you haven’t ejected): Yes (TypeScript)

4. Operating system: Windows

Steps to Reproduce

Create brand new project with cra: create-react-app my-app --scripts-version=react-scripts-ts . Apptest.tsx is:

it('renders without crashing', () => {
  const div = document.createElement('div');
  ReactDOM.render(<App />, div);

  expect(1).toBe(2);
});

Expected Behavior

Tests are detected and auto run with highlighting within vscode showing green or red if they pass or not.

Actual Behavior

I was under the impression (maybe wrongly) that the plugin should just auto work even with CRA typescript? instead the extension fails to find any tests in the output window and going into my tests i don’t get any highlighting (as it hasn’t found my tests).

Any help appreciated.

[seanpoulter]

Thanks for the info. I could reproduce that bug. When we decide how to run your tests we look for jest and react_scripts in node_modules. Since we find jest before react-scripts(-ts) we incorrectly start running tests with jest instead of the npm test script.

For now, your workaround would be to add a user setting in .vscode/settings.json:

{
    "jest.pathToJest": "npm.cmd test --"
}

[JoshSchreuder]

No worries. Well it’s documented here so if someone else runs into the problem at least they know how I managed to fix it 😄