Skip to content

Latest commit

 

History

History
 
 

preprocessors__typescript-webpack

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Typescript with Webpack

This is an example showing TypeScript tests with Cypress using Webpack. See Cypress' TypeScript Support docs for more details.

Install

Because this recipe is part of the monorepo with lots of examples, we don't want to install dependencies per-recipe, but instead use the common root dependencies. Thus when copying just this recipe into its own project you would need to install the following dev dependencies:

  • webpack
  • @cypress/webpack-preprocessor
  • babel-loader
  • @babel/preset-typescript
  • typescript

See

Run

npm run cypress:open

Click spec.ts

Cypress GUI

Commands

The E2E tests should run in Cypress right away. There are few other commands configured in this example recipe as a demonstration only.

  • npm run build runs Webpack to convert spec TS file into out.js
  • npm run lint lints TypeScript specs using tslint and then TypeScript compiler to type check test source files.

Source maps

webpack.config.js sets the source maps, if there is debugger keyword or an exception from the TypeScript code, its position should be shown correctly.

Debugger