Add support for specific tsconfig file path inside of vue-jest jest.config.js options

[JessicaSachs]

We refactored vue-jest to have better tsconfig support by recursively walking up the directory structure, but sometimes users use sibling directories to store their build + config settings.

Can we specify a tsconfig path inside of jest.config.js? Perhaps relative to <rootDir>?

[xiaohulu]

My project is a electron app, I put tsconfig.json at src/renderer/, when I run npm run jest report below errors:

 FAIL  src/renderer/layout/titlebar/__test__/Titlebar.spec.ts
  ● Test suite failed to run

    TypeError: Cannot read property 'compilerOptions' of null

      at Object.transpileModule (../../node_modules/typescript/lib/typescript.js:131656:40)
      at Object.process (../../node_modules/vue-jest/lib/transformers/typescript.js:22:28)
      at processScript (../../node_modules/vue-jest/lib/process.js:44:30)
      at Object.module.exports [as process] (../../node_modules/vue-jest/lib/process.js:140:24)
      at ScriptTransformer.transformSource (../../node_modules/@jest/transform/build/ScriptTransformer.js:464:35)
      at ScriptTransformer._transformAndBuildScript (../../node_modules/@jest/transform/build/ScriptTransformer.js:569:40)
      at ScriptTransformer.transform (../../node_modules/@jest/transform/build/ScriptTransformer.js:613:25)

I found resolveTsConfigSync just resolve tsconfig at root dir, see #307 (comment)

vue-jest 5.0.0-alpha.8

[lmiller1990]

@xiaohulu we should definitely support this. Are you interested in making a PR? I made a suggestion on how to do this here.

[xiaohulu]

@lmiller1990 I'll try to make a PR, but I'm not sure if I can do it well。

[lmiller1990]

Give it a try :) if you get stuck ask - I can help out.

[xiaohulu]

@lmiller1990 Throw errors when I run npm run test:e2e on win10

[vue-jest]: (babel-in-package) Copying vue-jest into node_modules

'cp' is not an internal or external command, nor is it a runnable program  or batch file
error Command failed with exit code 1.

Use yarn test:e2e works

[xiaohulu]

@lmiller1990 I make a PR.

Another question about typescript. I try to change package.json to below code which use ts-jest. Run yarn test:e2e then report errors

{
  "name": "typescript",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "private": true,
  "scripts": {
    "test": "jest --no-cache ./sub-project/test.js"
  },
  "dependencies": {
    "vue": "3.0.0-alpha.10"
  },
  "devDependencies": {
    "@types/jest": "^26.0.20",
    "ts-jest": "^26.5.3",
    "typescript": "^4.2.3",
    "jest": "^24.0.0"
  },
  "jest": {
    "globals": {
      "vue-jest": {
        "tsConfig": "./sub-project/tsconfig.json"
      }
    },
    "moduleFileExtensions": [
      "js",
      "ts",
      "json",
      "vue"
    ],
    "transform": {
      "^.+\\.ts$": "ts-jest",
      "^.+\\.vue$": "../../../lib/index.js"
    }
  }
}

then report errors. Did I miss something?

 FAIL  sub-project/test.js
  ● Test suite failed to run

    D:\sources\xiaohulu\vue-jest\e2e\__projects__\typescript\sub-project\test.js:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import { createApp, h } from 'vue'
                                                                                             ^^^^^^

    SyntaxError: Cannot use import statement outside a module

      at ScriptTransformer._transformAndBuildScript (node_modules/@jest/transform/build/ScriptTransformer.js:537:17)
      at ScriptTransformer.transform (node_modules/@jest/transform/build/ScriptTransformer.js:579:25)

[lmiller1990]

Hi!

Regarding cp ... yep, it's only going to work on a linux env. The problem is [here](

vue-jest/e2e/test-runner.js

Line 60 in 71e87c1

run(`cp ${cwd}/package.json node_modules/vue-jest/`)

.

You could rewrite that part of the code using fs perhaps, so it's cross platform. Something like fs.readFileSync to get the file, then fs.writeFileSync to write it. 🤔

Regarding the second error - you might need to install babel-jest. Jest will not read ES modules out of the box. Just installing babel-jest (should) let it work.

If not, please push your branch and write instructions so I can try running it. This project is pretty tricky and annoying to work on at times, but I'm sure we can get this to work 👍

EDIT: I see your branch here: https://github.com/vuejs/vue-jest/pull/324/files

I can look tonight! :) Thanks for waiting.

[nogic1008]

PR contains linguish error, so I fixed & merged.
@lmiller1990 I'll fix test-script issue on Windows soon.

[lmiller1990]

Thanks.

You are now added a collab. Feel free to make fixes/close issues if you want, let me know if you need any help with anything.