我如何确定一个元素在睾丸(茉莉花)中是可见的还是隐藏的?
我的 DOM 看起来像:
<div class="span5 value-entry">
<input type="text" ng-model="query.value" placeholder="Enter value" class="input-large" ng-show="genericInput(criteria.attribute)">
<select ng-model="query.value" ng-options="entry for entry in filteredValue(criteria.attribute)" class="input-medium" ng-show="!genericInput(criteria.attribute)">
<option value="">-- Select Value --</option>.
</select>
</div>
要么显示选择,要么显示输入框,但不能同时显示两者。我希望检查哪个元素是可见的(基于其他一些标准),但我似乎无法弄清楚如何让代码工作。我写了以下代码:
expect(element('.value-entry input').is(':visible')).toBe(true);
但我收到一个错误:
TypeError: Object #<Object> has no method 'is'
如何检查输入是否可见并且选择是否同时隐藏(反之亦然)?
编辑:我想在这里补充一点,这是一个端到端的测试