freewind-demos/typescript-jest-cypress-together-typing-issue-demo

TypeScript Jest Cypress Together Typing Issue Demo

由于jest和cypress都有global的expect，所以当一个项目中同时存在jest与cypress时， 哪怕它们分别在自己的目录，也会存在expect冲突的问题，即总是在某一方测里的expect类型不对。

由于typescript在编译时期对于typing的定位和选择很难调试，所以这个问题花费了我很多时间， 基本上靠各种示例调整各种参数。最后在这个示例的帮助下，终于成功：

https://github.com/cypress-io/cypress-and-jest-typescript-example

解决方法：

1. 在根目录下的tsconfig.json，主要设置的是jest需要的类型，所以其中有"types": ["jest"]
2. 根目录下tsconfig.json中的"include": ["src/**/*"]是为了让tsc --noEmit通过，否则typescript会同时编译cypress测试，会再次遇到cypress问题
3. 在cypress目录下的tsconfig.json需要重新指定include的文件
4. 其"types": ["cypress"]似乎可要可不要
5. cypress/plugins/index.js中使用的@cypress/webpack-preprocessor对于这个问题无影响

注意：

1. cypress中不能import 'cypress'（我曾尝试使用该方法来解决typing的问题），因为会导入一些额外的东西，导致cypress测试报错：

   Error: Can't resolve 'child_process' in ...
   

npm install
npm run test:open

npm run test:run