Angular 4（弹出）和端到端测试（量角器/硒配置）

Question

我正在尝试在弹出的Angular 4项目上通过量角器/硒运行E2E测试。

我的package.json ：

...
"scripts": {
    "pree2e": "webdriver-manager update --standalone false --gecko false --quiet node",
    "e2e": "protractor ./protractor.conf.js"
}
...

我的protractor.conf ：

exports.config = {
    seleniumAddress: 'http://localhost:4444/wd/hub',
    directConnect: true,
    allScriptsTimeout: 60000,
    getPageTimeout: 60000,
    specs: [
        './src/e2e/**/*.e2e-test.ts'
    ],
    capabilities: {
        'browserName': 'chrome'
    },
    jasmineNodeOpts: {
        showColors: true,
        defaultTimeoutInterval: 60000
    },
    onPrepare() {
        require('ts-node').register({
            project: 'tsconfig.e2e.json'
        });

        jasmine.getEnv().addReporter(new SpecReporter({
            spec: {
                displayStacktrace: true
            }
        }));

        browser.driver.manage().timeouts().setScriptTimeout(60000);
    }
};

当运行npm run e2e Chrome会启动，但它会尝试为每个测试打开data:text/html,<html></html> ，然后迅速关闭。 我想念什么？ 我尝试将baseUrl添加到我的protractor.conf ，但这没有帮助，因为Selenium似乎没有运行。

Answer 1

我终于找到了解决我问题的方法。 我以某种方式需要运行ng serve ，由于项目被弹出，现在可以通过npm run start来运行它。 这是Travis CI部署（强烈建议），因此请参见before_script ：

before_script:
    - nohup npm run start &
script:
    - npm run build -aot --target=production --environment=prod
    - npm run test
    - npm run e2e

最终package.json （后仍默认ng eject ）：

...
"scripts": {
    "ng": "ng",
    "lint": "ng lint",
    "build": "webpack",
    "start": "webpack-dev-server --port=4200",
    "test": "karma start ./karma.conf.js",
    "pree2e": "webdriver-manager update --standalone false --gecko false --quiet",
    "e2e": "protractor ./protractor.conf.js",
    "postinstall": "npm run build -aot --target=production --environment=prod"
}
...

Final protractor.conf （在ng eject之后仍然是默认值）：

exports.config = {
    allScriptsTimeout: 11000,
    specs: [
        './src/e2e/**/*.e2e-test.ts'
    ],
    capabilities: {
        'browserName': 'chrome'
    },
    directConnect: true,
    baseUrl: 'http://localhost:4200/',
    framework: 'jasmine',
    jasmineNodeOpts: {
        showColors: true,
        defaultTimeoutInterval: 30000,
        print: function() {}
    },
    beforeLaunch: function() {
        require('ts-node').register({
            project: 'tsconfig.e2e.json'
        });
    },
    onPrepare() {
        jasmine.getEnv().addReporter(new SpecReporter({
            spec: {
                displayStacktrace: true
            }
        }));
    }
};

ng eject时会发生以下情况： https : //github.com/angular/angular-cli/issues/6171 。

腰了两天半。 谢谢Angular CLI团队针对此错误，确实，谢谢。

Angular 4（弹出）和端到端测试（量角器/硒配置）

问题描述

1 个解决方案

解决方案1
0 2017-07-25 14:30:00

Angular 4（弹出）和端到端测试（量角器/硒配置）

问题描述

1 个解决方案

解决方案1 0 2017-07-25 14:30:00

解决方案1
0 2017-07-25 14:30:00