期望语句的差异没有意义

Difference in expect statements makes no sense

在 angular 站点上使用 Jasmine/Protractor,我 运行 在尝试验证我刚刚在落下。 这两个下拉菜单几乎完全相同,它们的页面如下:

GroupAssocDrpDwn 页面来源:

<select class="pure-input-1 ng-pristine ng-untouched ng-valid length" id="groupAssociation" name="groupAssociation" ng-init="company.group.id = null" ng-model="company.group" ng-options="group as group.name for group in groups | orderBy : 'name'" ng-change="setStates(company.group)" has-value=""><option value="?" selected="selected"></option><option value="object:312" label="--No Group Association--">--No Group Association--</option><option value="object:313" label="Amicus Solar">Amicus Solar</option><option value="object:314" label="BakeryDirect">BakeryDirect</option><option value="object:315" label="Bicycle/Rumbleship">Bicycle/Rumbleship</option><option value="object:316" label="Brixy">Brixy</option><option value="object:317" label="NuORDER">NuORDER</option><option value="object:318" label="ProTradeNet">ProTradeNet</option><option value="object:319" label="Receivables">Receivables</option></select> <option value="object:313" label="Amicus Solar">Amicus Solar</option> 等等...

StateDropdown 页面来源:

<select name="state" ng-model="company.addresses[0].state" class="pure-input-1 ng-pristine ng-invalid ng-invalid-required ng-touched" ng-options="state.abbr as state.name for state in states" ng-init="setStates()" has-value="" required="" style=""><option value="?" selected="selected"></option><option value="string:AL" label="Alabama">Alabama</option><option value="string:AK" label="Alaska">Alaska</option><option value="string:AS" label="American Samoa">American Samoa</option><option value="string:AZ" label="Arizona">Arizona</option><option value="string:AR" label="Arkansas">Arkansas</option><option value="string:CA" label="California">California</option><option value="string:CO" label="Colorado">Colorado</option><option value="string:CT" label="Connecticut">Connecticut</option><option value="string:DE" label="Delaware">Delaware</option><option value="string:DC" label="District Of Columbia">District Of Columbia</option><option value="string:FM" label="Federated States Of Micronesia">Federated States Of Micronesia</option> <option value="string:FL" label="Florida">Florida</option> 等等...

在单独的 class 中,我定义了两个下拉对象,从下拉列表中调用我想要 select 的数据:

this.objAdminCompaniesGroupAssocDrpDwn = element(by.model('company.group'))
this.objAdminCompaniesStateDrpDwn = element(by.model("company.addresses[0].state"))

this.selectGrpAssocDropdown = function(value){
  return this.objAdminCompaniesGroupAssocDrpDwn.sendKeys(commonData.drpCmpnyGrpAssociation);
}

this.selectCompanyUSCAStateDropdown = function(value){
  return this.objAdminCompaniesStateDrpDwn.sendKeys(commonData.txtCmpnyState);
}

在测试 _spec.js 文件中,这些是对函数的调用(它们被 Describe/It 包裹,未显示...)。

adminAddCompany.selectGrpAssocDropdown();
expect((adminAddCompany.objAdminCompaniesGroupAssocDrpDwn).$('option:checked').getText()).toEqual(commonData.drpCmpnyGrpAssociation);

adminAddCompany.selectCompanyUSCAStateDropdown();
expect((adminAddCompany.selectCompanyUSCAStateDropdown).$('option:checked').getText()).toEqual(commonData.txtCmpnyState);

第一个 (GroupAssocDrpDwn) 上的 EXPECT() 顺利通过。第二个上的 EXPECT() 没有;它失败并显示错误“失败:adminAddCompany.selectCompanyUSCAStateDropdown.$ 不是函数”。 但是,如果我将 () 放在第二次调用的末尾,如下所示:

expect((adminAddCompany.objAdminCompaniesGroupAssocDrpDwn()).$('option:checked').getText()).toEqual(commonData.drpCmpnyGrpAssociation);

。 . .现在通过了!

我不清楚为什么有人不需要函数括号,有人会......? (请注意,第一个失败了 WITH 括号,也...)

对于一个非常好奇的人,任何人都可以概述这两个 expect() 调用之间的区别吗?

谢谢!

objAdminCompaniesGroupAssocDrpDwnobjAdminCompaniesStateDrpDwnElementFinders whose prototypes contain a $ 函数。所以objAdminCompaniesGroupAssocDrpDwn.$()是合法的。

selectCompanyUSCAStateDropdownselectGrpAssocDropdown 只是 return Promise 的函数。 $ 不是基本 Function 原型上的 属性。因此,您需要使用 () 执行该函数才能获得底层 Promise。

这里没有意义的是对生成的 Promise 调用 $。您确定您正在正确复制错误和修改后的代码吗?