Cypress의 tsconfig.json 위치를 지정합니다.

Cypress의 tsconfig.json 위치를 지정합니다.

유형 스크립트가 있는 사이프레스를 사용하려고 하는데 사이프레스가 찾을 수 없습니다.tsconfig.json내가 그것을 위해 만든 파일.또한 사용자 지정 디렉터리 구조를 가지고 있습니다(루트에 구성 파일이 여러 개 있는 것을 싫어해서 구성 디렉터리에 넣었기 때문입니다).

프로젝트 디렉토리 구조

/
├── package.json
├── configs/
│   ├── cypress.json
├── src/
│   ├── cypress/
│   │   ├── tsconfig.json

사이프레스 열기 명령

//  package.json

"scripts": {
    "cypress:open": "cypress open --config-file configs/cypress.json"
},

위의 스크립트에서,--config-file깃발은 사이프러스에게 위치를 알려줍니다.cypress.json구성 파일, 내가 원하는 곳에 파일을 넣을 수 있기 때문에 멋진 파일입니다.하지만 이제 사이프레스에게 어디서 찾을 수 있는지 알려줘야 합니다.tsconfig.json파일.

/configs/cypress.json(사이프레스에 위치 알려줌)cypress/디렉토리는)

{
  "fixturesFolder": "src/cypress/fixtures",
  "integrationFolder": "src/cypress/integration",
  "pluginsFile": "src/cypress/plugins/index.js",
  "screenshotsFolder": "src/cypress/screenshots",
  "videosFolder": "src/cypress/videos",
  "supportFile": "src/cypress/support/index.js"
}

// is there no option to set tsconfig.json path????

공식 문서에는 그냥 그것을 넣으라고 쓰여 있습니다.cypress/디렉토리입니다.서류에 따르면, 그것은 다음과 같아야 합니다./cypress/tsconfig.json하지만 내 프로젝트에는 있습니다./src/cypress/tsconfig.json.

여기 제가 두려고 했던 위치가 있습니다.tsconfig.json파일:

/src/cypress/tsconfig.json //Error: "Couldn't find tsconfig.json. tsconfig-paths will be skipped"

/src/tsconfig.json //Error: "Couldn't find tsconfig.json. tsconfig-paths will be skipped"

/cypress/tsconfig.json //Error: "Couldn't find tsconfig.json. tsconfig-paths will be skipped"

/tsconfig.json // Works!! But not where I want this file to live...

사용할 tsconf.json 파일을 찾는 위치를 싸이프레스에 어떻게 지시할 수 있습니까?옵션이 있습니까?cypress.json구성 파일 또는 CLI 플래그를 사용할 수 있습니까???

프로젝트 루트를 기타 구성 파일로 혼란스럽게 만들고 싶지 않으며, 실제로 프로젝트와 테스트 제품군을 위한 별도의 tsconfig 파일이 있습니다.파일 경로를 명시적으로 설정하면 좋습니다.

당신이 듣고 싶은 대답은 아니지만,tsconfig.json디렉토리를 유형 스크립트 프로젝트의 루트로 표시합니다.package.json디렉토리를 node.js 프로젝트의 루트로 표시합니다.이러한 파일은 IDE와 같은 도구가 프로젝트를 이해하는 데 도움이 됩니다.

내 생각에 당신은 이사하는 것만 고려해야 합니다.tsconfig.json당신이 그것을 넣기 시작할 때.package.json다른 폴더에도 있습니다.

참고 항목: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html

사이프레스 테스트 방법, 패턴 및 워크플로우의 실제 사용을 보여주는 결제 애플리케이션인 사이프레스 리얼 월드 앱을 참조하십시오.

이것은 create-react-app과 TypeScript로 빌드됩니다.Cypress에 사용되는 tsconfig.json은 디렉토리에 있습니다.

RWA에서와 같이 루트 tsconfig.json을 구성하고 사이프러스 config.json에서 확장해야 할 수 있습니다.

// cypress/tsconfig.json
{
  "extends": "../tsconfig.json",
  // ...
}

이 명령이 작동하는지 시도합니다.

//CD to the space you want your .tsconfig 
    cd project_config  
     
  // Create .tsconfig   
     tsc --init  
    
  // Specify were you want to run your tsconfig file from
     tsc -p /path/to/folder/with/tsconfig 

이것은 루트 레벨 없이 달성될 수 있습니다.tsconfig그 생각은 우리가 할 수 있다는 것입니다.cdopen 명령을 실행하기 전에 테스트 폴더로 이동합니다.

아래 파일 구조를 사용하여test명령은 다음과 같습니다.

cd ./src/cypress && cypress open --config-file ../../configs/cypress.json

/
├── package.json
├── configs/
│   ├── cypress.json
├── src/
│   ├── cypress/
│   │   ├── tsconfig.json

업트하오에서 하십시오.cypress.json그들은 이제 상대적일 것입니다.src/cypress

당신의.cypress는 당신의 폴는다포동디일렉있합어니다야에리가 된 동일한 .src 더폴, 내가아 에 없음src폴더를 누릅니다. 당신의 또한, 의신.cypress.config.ts파일이 동일한 루트 폴더에 있어야 합니다.

은 럼당, 신은을 가져야 ../cypress/tsconfig.json다음과 같이 표시됩니다.

{
  "extends": "../tsconfig.json",
  "files": [
    "**/*.ts",
    "../cypress.config.ts"
  ],
  "compilerOptions": {
    "sourceMap": false,
    "types": ["cypress", "chai"]
  }
}

언급URL : https://stackoverflow.com/questions/64141729/specify-tsconfig-json-location-for-cypress