无法读取量角器黄瓜 e2e 测试的步骤定义文件

Not able to read the step definitions files of Protractor cucumber e2e tests

我是量角器的新手。

我将量角器与打字稿和 Serenity js 库一起用于报告目的。

项目结构:Project Structure

问题日志:

PS R:\protractor\protractorcucumber_typescript> tsc
PS R:\protractor\protractorcucumber_typescript> npm test

> protractorcucumber_typescript@3.0.0 pretest R:\protractor\protractorcucumber_typescript
> serenity update

info: Serenity BDD CLI jar file is up to date :-)

> protractorcucumber_typescript@3.0.0 test R:\protractor\protractorcucumber_typescript
> protractor protractor.conf.js

(node:9804) [DEP0022] DeprecationWarning: os.tmpDir() is deprecated. Use os.tmpdir() instead.
[16:05:03] I/launcher - Running 1 instances of WebDriver
[16:05:03] I/hosted - Using the selenium server at http://127.0.0.1:4444/wd/hub
Feature: Angular Home Page

  @CucumberScenario
  Scenario: angularjs homepage Menu header list
16:05:08.492 | SceneStarts: angularjs homepage Menu header list (category: Angular Home Page, path: R:\protractor\protractorcucumber_types
cript\features\AngularHomepage\AngularHome.feature:4, id: Angular Home Page:4:angularjs homepage Menu header list)
16:05:08.541 | ActivityStarts: Given I visit the Angular homepage
  ? Given I visit the Angular homepage
16:05:08.564 | ActivityFinished: Given I visit the Angular homepage (result: PENDING)
16:05:08.568 | ActivityStarts: Then Clicking on the Learn Header menu element on the page
  ? Then Clicking on the Learn Header menu element on the page
16:05:08.574 | ActivityFinished: Then Clicking on the Learn Header menu element on the page (result: PENDING)
16:05:08.576 | ActivityStarts: Then Counting the dropDown list of learn menu Header
  ? Then Counting the dropDown list of learn menu Header
16:05:08.588 | ActivityFinished: Then Counting the dropDown list of learn menu Header (result: PENDING)
16:05:08.592 | SceneFinished: angularjs homepage Menu header list (category: Angular Home Page, path: R:\protractor\protractorcucumber_typ
escript\features\AngularHomepage\AngularHome.feature:4, id: Angular Home Page:4:angularjs homepage Menu header list) (result: PENDING)

  @CucumberScenario
  Scenario: Typing the name in The basics tab of Home page
16:05:08.615 | SceneStarts: Typing the name in The basics tab of Home page (category: Angular Home Page, path: R:\protractor\protractorcuc
umber_typescript\features\AngularHomepage\AngularHome.feature:10, id: Angular Home Page:10:Typing the name in The basics tab of Home page)
16:05:08.660 | ActivityStarts: Given I visit the Angular homepage
  ? Given I visit the Angular homepage
16:05:08.672 | ActivityFinished: Given I visit the Angular homepage (result: PENDING)
16:05:08.676 | ActivityStarts: Then Enterting text in name box of The Basics tab
  ? Then Enterting text in name box of The Basics tab
16:05:08.682 | ActivityFinished: Then Enterting text in name box of The Basics tab (result: PENDING)
16:05:08.686 | SceneFinished: Typing the name in The basics tab of Home page (category: Angular Home Page, path: R:\protractor\protractorc
ucumber_typescript\features\AngularHomepage\AngularHome.feature:10, id: Angular Home Page:10:Typing the name in The basics tab of Home pag
e) (result: PENDING)

Warnings:

1) Scenario: angularjs homepage Menu header list - features\AngularHomepage\AngularHome.feature:4
   Step: Given I visit the Angular homepage - features\AngularHomepage\AngularHome.feature:5
   Message:
     Undefined. Implement with the following snippet:

       this.Given(/^I visit the Angular homepage$/, function (callback) {
         // Write code here that turns the phrase above into concrete actions
         callback(null, 'pending');
       });

2) Scenario: angularjs homepage Menu header list - features\AngularHomepage\AngularHome.feature:4
   Step: Then Clicking on the Learn Header menu element on the page - features\AngularHomepage\AngularHome.feature:6
   Message:
     Undefined. Implement with the following snippet:

       this.Then(/^Clicking on the Learn Header menu element on the page$/, function (callback) {
         // Write code here that turns the phrase above into concrete actions
         callback(null, 'pending');
       });

3) Scenario: angularjs homepage Menu header list - features\AngularHomepage\AngularHome.feature:4
   Step: Then Counting the dropDown list of learn menu Header - features\AngularHomepage\AngularHome.feature:7
   Message:
     Undefined. Implement with the following snippet:

       this.Then(/^Counting the dropDown list of learn menu Header$/, function (callback) {
         // Write code here that turns the phrase above into concrete actions
         callback(null, 'pending');
       });

4) Scenario: Typing the name in The basics tab of Home page - features\AngularHomepage\AngularHome.feature:10
   Step: Given I visit the Angular homepage - features\AngularHomepage\AngularHome.feature:11
   Message:
     Undefined. Implement with the following snippet:

       this.Given(/^I visit the Angular homepage$/, function (callback) {
         // Write code here that turns the phrase above into concrete actions
         callback(null, 'pending');
       });

5) Scenario: Typing the name in The basics tab of Home page - features\AngularHomepage\AngularHome.feature:10
   Step: Then Enterting text in name box of The Basics tab - features\AngularHomepage\AngularHome.feature:12
   Message:
     Undefined. Implement with the following snippet:

       this.Then(/^Enterting text in name box of The Basics tab$/, function (callback) {
         // Write code here that turns the phrase above into concrete actions
         callback(null, 'pending');
       });

2 scenarios (2 undefined)
5 steps (5 undefined)
0m00.040s
[16:05:18] I/launcher - 0 instance(s) of WebDriver still running

[16:05:18] I/launcher - chrome #01 通过

我的配置文件:protractor.conf.ts

import * as path from "path";
import { browser, Config } from "protractor";
const crew = require('serenity-js/lib/stage_crew');
export const config = {
    seleniumAddress: "http://127.0.0.1:4444/wd/hub",
    SELENIUM_PROMISE_MANAGER: false,

    framework: "custom",
    frameworkPath: require.resolve('serenity-js'),

    serenity: {
        dialect: 'cucumber',
        crew: [
            crew.serenityBDDReporter(),
            crew.photographer(),
            crew.consoleReporter()
        ]
    },

    specs: ['./features/**/*.feature'],
    cucumberOpts: {
        require: ['/features/**/*Page.ts'],
        format: "pretty",
        compiler: "ts:ts-node/register",

        // require: ['/features/**/*.ts'], // not working
        //  require: ['/features/stepdefinitions/**/*Page.ts'] // Not working

        // The below are tried with config.ts file
        // require: ['./features/stepdefinitions/*Page.ts', './features/stepdefinitions/*Page.ts']

        //  require: ['./features/stepdefinitions/*.ts'], // Not working

        // require: ['./features/stepdefinitions/**/*.ts','./features/stepdefinitions/**/*.js'], // Not sure.

        // require: ['../../features/**/*.ts','../../features/**/*.js'], // unable to read files

        //    require: ['./features/**/*.ts','./features/**/*.js'], // unable to read files

        //    strict: true    // getting Error: TypeError: Path must be a string. Received true - if enabled

        //    require: [process.cwd()+'./features/**/*.ts',process.cwd()+'./features/**/*.js'], // unable to read files

        //     require: [process.cwd()+'./features/stepdefinitions/*.ts',process.cwd()+'./features/**/*.js'], // unable to read files

    },
    capabilities: {
        browserName: "chrome",
    },

    onPrepare: () => {
        browser.ignoreSynchronization = true;
        browser.manage().window().maximize();
        browser.get("https://angularjs.org/");
    },

};

功能文件:AngularHome.feature 功能:Angular 主页

@CucumberScenario 场景:angularjs首页菜单header列表 假设我访问了 Angular 主页 然后单击页面上的 Learn Header 菜单元素 然后统计学习菜单的下拉列表Header

@CucumberScenario 场景:在主页的基本选项卡中键入名称 假设我访问了 Angular 主页

然后在“基本信息”选项卡的名称框中输入文本

我的angularHomePage.ts文件-

import { browser, by, element } from "protractor";
import { homePage } from "../../pages/HomePage";
var { Given, When, Then } = require("cucumber");
const chai = require("chai").use(require("chai-as-promised"));
const expect = chai.expect;

const home_p: homePage = new homePage();

 this.Given(/^I visit the Angular homepage$/, function (callback) {
         browser.getTitle();  
         callback(null, 'pending');
       });

this.Then(/^Clicking on the Learn Header menu element on the page$/,function (callback) {

        var ele = element(by.xpath(".//*[@id='navbar-main']/div/div/ul/li[1]/a")).click();
        callback(ele, 'pending');
});

Then(/^Counting the dropDown list of learn menu Header$/, async () => {
        var learnList = element.all(by.xpath("//a[text()='Learn']/../ul//li"));
        await expect(learnList.count()).to.eventually.equal(5);

        learnList.count().then(function(size){
        console.log(size);
        });

        for (var i = 0; i < learnList.length; i++) {
                element.all(by.xpath("//a[text()='Learn']/../ul//li//a")).get(i).getText().then(function (text) {
                        console.log(text);
                });
        }

});

Then (/^Entering text in name box of the Basics tab$/,async() => { 等待元素(by.model('yourName')).sendKeys("RamaSwamy");

 await element(by.css('.well .ng-binding')).getText().then(function(text){
         console.log(text)

}); });


我的页面class - homePage.ts

import { $ } from "protractor";
import { browser, element, by } from 'protractor';
export class homePage {

    public toDoList: any;
    public valueAdd: any;
    public toDoListCount: any;

    constructor() {

        // The below elements are of this site http://www.protractortest.org/#/
        this.toDoList = element(by.model('todoList.todoText'));
        this.valueAdd = element(by.css('[value="add"]'));
        this.toDoListCount = element.all(by.repeater('todo in todoList.todos'));
    }
}; 

我的package.json文件

   "main": "index.js",
      "scripts": {
        "build": "tsc",
        "clean": "rimraf typeScript/",
        "clean-build": "npm run clean && npm run build",
        "test": "protractor protractor.conf.js",
        "pretest": "serenity update",
        "report": "serenity run",
        "webdriver-update": "webdriver-manager update",
        "webdriver-start": "webdriver-manager start"
      },
      "devDependencies": {
        "@types/cucumber": "^2.0.1",
        "@types/node": "^8.0.3",
        "@types/selenium-webdriver": "^3.0.7",
        "chai": "^4.0.2",
        "chai-as-promised": "^7.0.0",
        "cucumber": "1.3.2",
        "cucumber-html-reporter": "^3.0.4",
        "mkdirp": "^0.5.1",
        "protractor": "^5.1.2",
        "rimraf": "^2.6.2",
        "serenity-cli": "^0.7.0",
        "serenity-js": "1.4.1",
        "ts-node": "^3.3.0",
        "typescript": "^2.5.3"
      },
      "dependencies": {
        "@types/chai": "^4.0.4"
      }

问题描述 - 我的步骤定义文件未被识别。它显示未定义的消息。

我使用的是 Cucumber 1.3.3 而不是 Cucumber 3。在带有 serenity 库的 Cucumber 3 中,缺少一个 class 文件,而且关于 serenity 库的报告比 Cucumber 报告更容易理解。


我猜我的步骤文件路径不对。所以也尝试了不同的路径。但运气不好。

生成宁静报告。我需要 运行 - npm 运行 报告。最后。 但所有步骤都处于待定状态,附上下图。 Serenity Report


求助,为什么无法识别步骤? 为什么它们未定义?

问题与 Cucumber 配置有关,而不是 Serenity/JS。

您的项目位于:

R:\protractor\protractorcucumber_typescript

您在该目录中有一个 protractor.conf.ts 文件:

R:\protractor\protractorcucumber_typescript\protractor.conf.ts

您的功能文件位于 features 下:

R:\protractor\protractorcucumber_typescript\features

这一切都说得通,但是在 protractor.conf.ts 中您声明了以下内容:

specs: ['./features/**/*.feature'],     // `./` is unnecessary here
cucumberOpts: {
    require: ['/features/**/*Page.ts'], // the first slash incorrectly indicates the root directory, so R:\ in your case
    format: "pretty",
    compiler: "ts:ts-node/register",
},

相反,以与 the seed project 中相同的方式指定路径,因此:

specs: ['features/**/*.feature'],      // no `./`
cucumberOpts: {
    require: ['features/**/*.ts'],     // no forward slash at the beginning
    format: "pretty",
    compiler: "ts:ts-node/register",
},

希望对您有所帮助!

一月