使用 Cucumber BDD 进行 AngularJs 测试

Question

以下情况需要大家的指导。 我正在处理一个 IT 问题，我的客户要求我做一个 POC 来测试网络应用程序(它是使用 angularJs 构建的)。

我的客户的期望:

• 他希望使用 BDD(行为驱动开发)以受控方式测试网络应用

• 他的建议是使用 Cucumber 和 BDD 方法自动测试网页 (angularJS)

我的分析结果:

• 我们可以通过使用公共(public)属性提供元素标识，以有效的方式使用 Cucumber 和 BDD 自动化网页(非 angularJS 网络应用程序)，但是当我考虑 Angular 属性时，没有选择在 cucumber 中使用 angularJS 元素作为据我所知。

需要帮助:

• 任何人都可以建议我使用 Cucumber 自动化 angularJS 页面的有效方法是什么，以及我们如何在 Cucumber 中获取 angularJs 页面元素属性？

Answer 1

检查 http://www.protractortest.org/#/frameworks
它具有 Protractor 框架的基本设置，带有 protractor-cucumber-framework。

    exports.config = {
      // set to "custom" instead of cucumber.
      framework: 'custom',

      // path relative to the current config file
      frameworkPath: require.resolve('protractor-cucumber-framework')

      // relevant cucumber command line options
      cucumberOpts: {
        format: "summary"
      }
    };

在 cucumberjs github 页面上，您可以大致了解这些选项: https://github.com/cucumber/cucumber-js .您可以在 protractor.conf 文件的 cucumberOpts 部分使用它们。
解释:

    cucumberOpts: {
       require: "test/features/mystep_definitions/**/*.js",
       format: "pretty"
    }