在VSCode中调试量角器测试

Question

我正在使用Angular 9、Node v14和e2e测试，使用Cucumber、量角器和量角器Cucumber框架。

量角器。conf.js

exports.config = {
    // For configuring timeouts see https://www.protractortest.org/#/timeouts
    allScriptsTimeout: 31000,
    getPageTimeout: 30000,
    capabilities: {
        'browserName': 'chrome',
        'loggingPrefs': {
            // 'driver': 'ALL',
            // 'server': 'ALL',
            'browser': 'ALL'
        },
    },
    directConnect: true,
    baseUrl: 'http://localhost:7774/',

    framework: 'custom',

    // register Cucumber framework so that we can compile .feature files
    frameworkPath: require.resolve('protractor-cucumber-framework'),

    async onPrepare() {
        console.log("Register TypeScript compiler for tests");
        require('ts-node').register({
            project: require('path').join(__dirname, './tsconfig.e2e.json')
        });

        console.log("Setting waitForAngularEnabled to false");
        browser.waitForAngularEnabled(false);
    },

    // require feature files
    specs: [
        './features/**/*.feature'
    ],

    cucumberOpts: {
        // For configuration see https://github.com/cucumber/cucumber-js/blob/master/docs/cli.md
        require: [
            './pages/**/*.page.ts',
            './steps/**/*.step.ts',
            './support/**/*.ts'
        ],
        tags: "@SystemTest"
    }
};

tsconfig。e2e。json

...
    "compilerOptions": {
        "outDir": "../dist/out-tsc/e2e",
        "module": "commonjs",
        "sourceMaps": true,
        "target": "es6",
        "types": [
            "chai",
            "chai-as-promise",
            "node"
        ]
    }
...

发射json

        {
            "name": "npm run e2e",
            "type": "pwa-node",
            "request": "launch",
            "cwd": "${workspaceFolder}",
            "runtimeExecutable": "npm",
            "runtimeArgs": ["run-script", "e2e"],
            "protocol": "inspector",
            "sourceMaps": true
        },

package.json

        "e2e": "protractor e2e/protractor.conf.js",

我可以在VSCode中启动调试器，但问题是每个断点都是未绑定的断点。

我还尝试在tsconfig中添加“inlineSourceMap”：true。e2e。json和我也尝试加入launch。json

            "resolveSourceMapLocations": [
                "${workspaceFolder}/e2e/**",
                "!**/node_modules/**"
            ]

问题似乎是ts节点在内存中生成源映射（这就是为什么我尝试inlineSourceMap）。有没有办法不使用tsc先编译。ts文件和源映射，然后使用。js文件，但仍然使用ts节点。

Answer 1

我终于成功了。问题是ts节点编译到内存中，而VSCode对源映射一无所知。因此，我首先使用sourcemaps（在一个午餐前任务中）编译了所有内容，然后在调试模式下启动了该过程。而且type:pwa节点似乎不起作用，您应该使用type:node。