Install and enable the JSTestDriver plugin as described in Managing Plugins.
Through this plugin, PyCharm provides the JSTestDriver server and the assertion framework. During the test creation, the plugin detects the unit testing framework and suggests the Add <test framework> supportintention action.
Creating a test runner configuration file manually
A test runner configuration file defines the test and production files to load the loading order. PyCharm treats any file with the extension *.jstd or *.conf as a test runner configuration file.
To create a configuration file
In the Project tree, select the parent folder of the production and test folders, and choose New | File on the context menu.
In the New File dialog box, that opens, type the name of the configuration file with the extension jstd or conf.
Open the new file in the editor and specify the full path to the current folder and the paths to the files to load relative to it. Use wildcards in file name patterns.
With PyCharm, you can quickly run a single JSTestDriver test right from the editor or create a run/debug configuration to execute some or all of your tests.
To run a single test from the editor
Click or in the left gutter and choose Run <test_name> from the pop-up list. You can also see whether a test has passed or failed right in the editor, thanks to the test status icons in the left gutter.
To create a JSTestDriver run configuration
Select a test file in the Project tool window and choose Create <file name> on the context menu. The Run/Debug Configuration: JSTestDriver dialog box opens.
Specify the tests to run, the path to the configuration file, and the activities to perform before test execution.
To start the WebStorm default JSTestDriver test server
Make sure you have at least one configuration file in your project.
Open the JSTestDriver Server tool window (View | Tool Windows | JSTestDriver Server), and click on the toolbar.
To stop the server when you are through with unit testing
To start a local browser with the Remote Console of the JSTestDriver, do one of the following:
Click the icon that indicates the browser of your choice.
If the browser is already opened, copy the contents of the Capture a browser using the URL read-only field and paste the URL in the address bar.
In either case, the icon that indicates the chosen browser becomes active.
Switch to the JSTestDriver Server tool window and click the icon that indicates the browser you just opened. PyCharm displays a message informing you that it is ready for executing tests.
To run tests via a run configuration
Select the JSTestDriver run/debug configuration from the list on the main toolbar and click to the right of the list.
With PyCharm, you can jump between a file and the related test file. Navigation from a test result in the Test Runner Tab to the test is also supported.
To jump between a file and the related test file
Open the file in the editor and choose Go To | Test or Go To | Test Subject on the context menu, or just press Ctrl+Shift+T.
To jump from a test result to the test
Select the test name in the Test Runner tab and choose Jump to Source on the context menu. The test file opens in the editor with the cursor placed at the test definition.
Debugging tests
A debugging session for JSTestDriver tests is started only through a run/debug configuration.
With PyCharm, you can also monitor how much of your code is covered with Karma tests. PyCharm displays this statistics in a dedicated tool window and marks covered and uncovered lines visually right in the editor.