Node.js 在Cypress测试文件中获取项目根路径

发布于05月01日

在NX工作空间中，我有一个正在使用Cypress测试的应用程序

在嵌套在子文件夹中的一个规格文件中，如下所示

${PROJECT_FOLDER}/apps/${APP_NAME}/cypress/e2e/${SOME_FOLDER}/test.cy.ts

我想获取文件夹(dist)的绝对路径，该文件夹是项目文件夹的子文件夹

${PROJECT_FOLDER}/dist

如何在Test.cy.ts文件中获取到${PROJECT_FOLDER}/dist的绝对路径？

我try 使用__dirname，但它给了我cypress/e2e/${SOME_FOLDER}/

我想将此路径传递到具有如下测试.cy.ts文件的Cypress task

// Test.cy.ts

 const filePath = 'path-to-file in ${PROJECT_FOLDER}/dist/some-file';
 cy.task('fileExists', filePath).should('equal', true);

cypress.config.ts个文件中的Cypress任务

setupNodeEvents(on, _config) {
  on('task', {
    fileExists(filePath: string) {
      return fs.existsSync(filePath);
    },
  })
},

推荐答案

确切的代码取决于您如何设置nx工作空间，但关键是任务内的__dirname是绝对路径，而浏览器中的__dirname是相对路径(由于沙箱安全性).

如果添加任务，可以将相对路径转换为绝对路径

  setupNodeEvents(on, config) {
    on('task', {
      absolutePath(relativePath) {
        const absolutePath = path.join(__dirname, '../../', relativePath)
        return absolutePath;
      },
    })

Notes

Windows路径，使用\\分隔符，Linux路径使用/分隔符
假设cypress.config.ts位于PROJECT_FOLDER/apps/APP_NAME中，否则调整../../以适应其位置.

cy.task('absolutePath', '/dist/example.json')
  .then(absolutePath => {
    assert(absolutePath === `${PROJECT_FOLDER}\\dist\\example.json`, 'absolutePath is correct')
  })

因此，您的测试可以通过一条相对于PROSYS_FOLDER的路径，并让任务构建绝对路径.

const relativePath = '/dist/example.json';
cy.task('fileExists', relativePath).should('equal', true)

setupNodeEvents(on, _config) {
  on('task', {
    fileExists(relativePath) {
      const absolutePath = path.join(__dirname, '../../', relativePath)
      return fs.existsSync(absolutePath);
    },
  })
}