javascript - 在 typescript 中导入/导出变量的最佳方法是什么？

Question

我正在使用 Cucumber + Puppeteer + Typescript 开发测试自动化脚本。我面临着导入在主模块中声明的变量的问题，比如 index.js。首先，谈谈我想要实现的目标: 我想通过执行 test-runner.ts 来运行我的测试，而不是通过 npm run cucumber 来运行我的测试，因为要求需要对流程有更多的控制。 test-runner.ts 模块的草稿如下所示:

const exec = require('child_process').exec;
const commandLineArgs = require('command-line-args');

export let launchUrl: string;

const optionDefinitions: Array<object> = [
  { name: 'country', alias: 'c' },
  { name: 'environment', alias: 'e' },
  { name: 'headless', alias: 'h' },
];

function initGlobals() {
  const options = commandLineArgs(optionDefinitions);

  if (options.environment === 'integration') {
    launchUrl = 'https://example.url.com';
  }
}

function main() {
  let cucumber: any;
  let cucumberHtmlReporter: any;

  cucumber = exec('./node_modules/.bin/cucumber-js', (stdout: any, err: any) => {
    console.log(err);
    console.log(`stdout: ${stdout}`);
  });

  cucumber.on('exit', () => {
    cucumberHtmlReporter = exec('node cucumber-html-reporter.js', (stdout: any, err: any) => {
      console.log(err);
      console.log(`stdout: ${stdout}`);
    });
  });
}

initGlobals();
main();

因此，如您所见，它主要解析参数、运行 Cucumber 并导出一个变量。该变量被导入到步骤定义文件中。从理论上讲，它应该可以正常工作，但不幸的是，事实并非如此。导入时，整个函数会再次执行。这意味着每次执行 import { launchUrl } from ../test-runner 时，都会运行一个新的 Cucumber 应用程序并发生某种循环。

问题是:我应该如何导出变量来实现我的目标，避免出现这种情况？

Answer 1

无论如何，最好的做法是将常量存储在一个单独的配置文件中，您可以从中导出 launchUrl。您的 test-runner.ts 将导入它并根据需要对其进行变异。

export const URL_CONFIG = { launchUrl: '' };

然后在你的测试运行器中:

import { URL_CONFIG } from './config';
URL_CONFIG.launchUrl = 'foo'; //Everywhere in the ap launchUrl is 'foo'