无法创建子类的对象 - typeError:homepage_1.homepage不是构造函数

Question

我正在使用Typescript和量角和摩卡咖啡。基本上试图运行将通过多个页面进行的测试。我正在尝试使用POM，但是当我使用继承时无法实例化对象。

当我尝试创建新对象时，请低于错误：

unhandled -promisreeptiondwarning：typeError：homepage_1.homepage不是构造函数

我可以实例化类的对象，该类别不会从任何其他类延伸(下面的导航对象没有问题(。我在这里尝试了类似问题的各种建议，但它们似乎都没有用。

这是我的测试类：e2e.ts

import { browser } from 'protractor';
import { Navigation } from './core/Navigation';
import { HomePage } from './page-objects/HomePage';
var nav = new Navigation(); // <-- SUCCESS NO PROBLEMS
var hmPg = new HomePage(); // <-- FAILS HERE
 describe('Add product to cart',async function() {
        it("start from homepage", async function() {
             nav.navigate("index");
        });
        it("Perform search", async function() {
              hmPg.search("monopoly board game");
        });
//some more tests here till adding the product to cart
});

主页类：homepage.ts

import {browser, element, protractor} from 'protractor';
import { BasePageObject } from './BasePageObject';
export class HomePage extends BasePageObject{
    private EC = protractor.ExpectedConditions;
    private map;
    constructor(){
        super();
        super.loadMap(process.cwd()+"\page-objects\homePage.json");
    }
    public search(product:string){
       //some stuff here
    }
    //some more methods here.
}

这是我的basepageObject.ts类：

//some imports here
export class BasePageObject{
    //to store parsed json
    public mapData;
    public mapPath:string;
    public contentData;
    public contentPath:string;
    constructor(){
        //nothing to do here. Just setting the logger.
        log = factory.getLogger("BasePageObject");
    }
  //some other methods here
}

这是我的tsconfig.json

{
  "compileOnSave": true,
  "compilerOptions": {
    "baseUrl": ".",
    "module": "commonjs",
    "paths": { "*": ["types/*"] },
    "outDir": "./dist/out-tsc",
    "mapRoot": "./dist/out-tsc/",
    "esModuleInterop": true,
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "target": "es6",
    "typeRoots": [
      "node_modules/@types",
    ]
  }
}

这是在我的测试类运行TSC之后生成的JS文件：

Object.defineProperty(exports, "__esModule", { value: true });
var protractor_1 = require("protractor");
var Navigation_1 = require("./core/Navigation");
var HomePage_1 = require("./page-objects/HomePage");
var nav = new Navigation_1.Navigation();
var hmPg = new HomePage_1.HomePage(); <--- FAILS HERE
describe('Add product to cart', function () {
    return __awaiter(this, void 0, void 0, function () {
        return __generator(this, function (_a) {
            this.timeout(90000);
            it("start from homepage", function () {
                return __awaiter(this, void 0, void 0, function () {
....
...
..
.

这是我来自package.json的依赖性：

"dependencies": {
    "@types/mocha": "^5.2.7",
    "@types/node": "^11.13.17",
    "chai": "^4.2.0",
    "chai-as-promised": "^7.1.1",
    "graphviz": "0.0.9",
    "minimist": "^1.2.0",
    "mocha": "^6.1.4",
    "npm-failsafe": "^0.4.1",
    "protractor": "^5.4.2",
    "protractor-screenshot-utils": "^1.0.3",
    "rimraf": "^2.6.3",
    "serenity-cli": "^0.11.3",
    "serenity-js": "^1.10.13",
    "ts-node": "^8.3.0",
    "tslint": "^5.18.0",
    "typescript": "^3.5.2",
    "typescript-logging": "^0.6.3",
    "yargs": "^13.2.4"
}

应该很简单，var obj = new Class()对吗？那是行不通的。

Answer 1

问题中包含的代码不足以查看问题是什么。但是，基于可以收集的任何东西，您正在使用异步/等待量身定向管理器设置为false。

。

如果是这种情况

该错误只是意味着您拥有的代码本质上是异步的，而由此产生的承诺也没有处理。我建议查找作为new HomePage()的一部分执行的所有代码。

另外，只是快速浏览代码以识别任何此类未经辩护的诺言。

希望有帮助...