Jest - Debug usage with WebStorm

Webstorm natively supports debugging tests (single test, multiple tests, whole file) with jest. But since this plugin requires to invoke tests using serverless-bundle script, it’s somewhat incompatible with WebStorm’s native way of running tests and results with “Jest encountered an unexpected token” because it can’t understand ES6 import/export (it’s not running jest through webpack/babel)

What’s the recommended way to configure WebStorm with serverless-bundle? Or is there any known workaround? (I believe it’s possible to configure webstorm to run tests through serverless-bundle, but haven’t figured out how yet)

[markisadesignerd]

@Vadorequest, @patrykkrawczyk: The way I worked around this was to:

1. Add jest@24.9.0 as a devDependency to my own project’s package.json (optional I think, but otherwise WebStorm wouldn’t display the inline test/debug icon in the editor)
2. Create a jest.config.js file in your project’s root that loads the serverless-bundle config:

// jest.config.js
const path = require('path');
const createJestConfig = require('serverless-bundle/scripts/config/createJestConfig');
const relativePath = (relativePath) => path.resolve(__dirname, 'node_modules/serverless-bundle', relativePath);
module.exports = createJestConfig(relativePath, __dirname);

1. Update your Jest Run/Debug configuration to use the Configuration file from step 2 and the Jest package from serverless-bundle, e.g.: {your-project-root}/node_modules/serverless-bundle/node_modules/jest

That seemed to do the trick for me.

[patrykkrawczyk]

any progress on this? running tests with serverless-bundle test in terminal seems medieval