TypeError:无法读取未定义的属性“getText”

Question

我被困在这个错误上：类型错误：无法读取未定义的属性'getText'当我在量角器v.4.0.14中运行我的测试时，我所理解的是getText（）无法从表单元格中获取文本，因为CSS选择器没有正确地选择它，或者我使用错误的方法从单元格检索文本？！

我的页面对象文件的代码：

var HomePage = function(){

    //methods
    this.clearForm = function(){
        element(by.css("#nameInput")).clear();
        element(by.css("#surnameInput")).clear();
        element(by.css("#emailInput")).clear();
        element(by.css("#phoneInput")).clear();
    };

    this.fillForm = function(name, surname, email, phone){
        element(by.css("#nameInput")).sendKeys(name);
        element(by.css("#surnameInput")).sendKeys(surname);
        element(by.css("#emailInput")).sendKeys(email);
        element(by.css("#phoneInput")).sendKeys(phone);
    };

    this.clickSave = function(){
        element(by.css("#saveBTN")).click();
    };

    this.clickSearch = function(){
        element(by.css("#searchBTN")).click();
    };

    this.getResult = function(row, column){
        element(by.css("#result > tr:nth-child("+row+") > td:nth-   child("+column+")"));
    };

    this.clickEdit = function(row){ 
        element(by.css("input.button-primary:nth-child("+row+")")).click();
    };

    this.clickRemove = function(row){
        element(by.css("input.button:nth-child("+row+")")).click();
    };

    this.clickDeleteLocalStorage = function(){
        element(by.css("#delAllBTN")).click();
    };

};
module.exports = new HomePage();

以下是规范文件的代码：

describe("Contact book", function(){

    var page = require('./page/home_page.js');

    //input data
    var name = 'Vladimir';
    var surname = 'Putin';
    var email = '[e-mail]';
    var phone = '+01 1234 567';

    beforeEach(function(){
        browser.ignoreSynchronization = true;
        browser.get("https://ddaawwiidd.github.io/contactbook/");
    });

    it("Should be able to save new contact", function(){
        page.fillForm(name, surname, email, phone);
        page.clickSave();
    });

    it("Should be able to search for saved contact", function(){
        page.clearForm();
        page.fillForm(name, surname, email, phone);
        page.clickSearch();
        var result = page.getResult(1,1).getText(); //that's the part causing the error
        expect(result).toContain('Vladimir');
    });

    it("Should be able to edit contact details", function(){
        page.fillForm(name, surname, email, phone);
        page.clickSearch();
        page.clickEdit(1);
        page.clearForm();
        page.fillForm('Barack', 'Obama', email, phone);
        page.clickSave();
    });

    it("Should be able to remove contact", function(){
        page.fillForm('Barack','','','');
        page.clickSearch();
        page.clickRemove(1);
    });

    it("Should be able to list all saved contacts", function(){
        page.clearForm();
        page.clickSearch();
    });

    xit("Should be able to delete localStorage", function(){
        page.clickDeleteLocalStorage(); 
        expect(page.getFirstRowResult().isDisplayed()).toBe(false);
    });


 });

这是一条错误消息：

失败：1）通讯录应能够搜索保存的联系人消息：失败：无法读取未定义堆栈的属性“getText”：TypeError:无法读取未定义at对象的属性“getText”。（C:\Users\djankowski\AppData\Roaming\npm\node\u modules\dragrator\example\contactBook\u spec.js:25:35）位于C:\Users\djankowski\AppData\Roaming\npm\node\u modules\dragrator\node\u modules\jasminewd2\index。js:94:23在TaskQueue的controlFlowExecute（C:\Users\djankowski\AppData\Roaming\npm\node\U modules\Graptor\node\U modules\selenium webdriver\lib\promise.js:1082:7）上的新ManagedPromise（C:\Users\djankowski\AppData\Roaming\npm\node\U modules\Graptor\node\Umodules\jasminewd2\index.js:80:18）。在TaskQueue上执行（C:\Users\djankowski\AppData\Roaming\npm\node\u modules\dragrator\node\u modules\selenium webdriver\lib\promise.js:2913:14）。在异步运行（C:\Users\djankowski\AppData\Roaming\npm\node\u modules\dragrator\node\u modules\selenium webdriver\lib\promise.js:2896:21）时执行EXCETENEXT（C:\Users\djankowski\AppData\Roaming\npm\node\u modules\dragrator\node\u modules\selenium webdriver\lib\promise.js:2820:25）C:\Users\djankowski\AppData\Roaming\npm\node\u modules\dragrator\node\u modules\selenium webdriver\lib\promise。js:639:7在过程中_tickCallback（internal/process/next_tick.js:103:7）From:Task:在对象的控制流中运行它（“应该能够搜索保存的联系人”）。（C:\Users\djankowski\AppData\Roaming\npm\node\u modules\dragrator\node\u modules\jasminewd2\index.js:79:14）位于C:\Users\djankowski\AppData\Roaming\npm\node\u modules\dragrator\node\u modules\jasminewd2\index。js:16:5在ManagedPromise。在TaskQueue中调用Callback（C:\Users\djankowski\AppData\Roaming\npm\node\u modules\dragrator\node\u modules\selenium webdriver\lib\promise.js:1379:14）。在TaskQueue上执行（C:\Users\djankowski\AppData\Roaming\npm\node\u modules\dragrator\node\u modules\selenium webdriver\lib\promise.js:2913:14）。在异步运行时（C:\Users\djankowski\AppData\Roaming\npm\node\u modules\dragrator\node\u modules\selenium webdriver\lib\promise.js:2896:21）执行EXCETENEXT（C:\Users\djankowski\AppData\Roaming\npm\node\u modules\dragrator\node\node\u modules\selenium webdriver\lib\promise.js:2775:27），在套件中出错。（C:\Users\djankowski\AppData\Roaming\npm\node\u modules\dragrator\example\contactBook\u spec.js:21:2）位于对象。（C:\Users\djankowski\AppData\Roaming\npm\node\u modules\dragrator\example\contactBook\u spec.js:1:1）位于模块处_在对象处编译（module.js:570:32）。模块_扩展。。js（module.js:579:10）在模块中。在tryModuleLoad（module.js:446:12）处加载（module.js:487:32）

我用量角器新鲜了4天，所以这可能是一个愚蠢的错误。

关于代码的任何其他建议也欢迎。

谢谢你。

Answer 1

除了@AdityaReddy的回答外，还有几点需要强调：

getText（）返回一个promise，您必须解析它以获取实际文本。基本上，大多数量角器API方法都返回promise。您也可以在您的spec.js-

it("Should be able to search for saved contact", function(){
    page.clearForm();
    page.fillForm(name, surname, email, phone);
    page.clickSearch();

    page.getResult(1,1).getText().then(function (text) { 
    expect(text).toContain('Vladimir');
 }); 
 // or you could directly use expect which resolves the promise internally.

    expect(page.getResult(1,1).getText()).toContain('Vladimir');
});

Answer 2

您的getResult（）不会返回elementFinder对象，因此它会抛出undefined错误

您需要返回元素。请检查下面

this.getResult = function(row, column){
        return element(by.css("#result > tr:nth-child("+row+") > td:nth-   child("+column+")"));
    };