量角器：选择元素

Question

我想选择一个按钮，这样我就可以点击它，但我尝试选择它的方法都没有奏效。

这些都是我尝试过但没有奏效的方法。大部分都会导致选择器无效的错误。

element(by.css('md-card-actions>button>span')).click();

element(by.css('md-card-actions class="stepper-buttons ng-scope layout-row" layout="row" ng-if="vm.stepperFactory.controls" style="'));

element(by.className('stepper-buttons layout-row')).click();

element.all(by.className('flex')).get(2).click();

element(by.css('md-card-actions>button')).click();

element(by.css('md-card-actions')).click();

element(by.className('stepper-buttons ng-scope layout-row')).click();

element(by.css('md-card-actions class="stepper-buttons ng-scope layout-row" layout="row" ng-if="vm.stepperFactory.controls"')).click();

element(by.css('md-card-actions class="stepper-buttons ng-scope layout-row" layout="row"')).click();

element(by.css('md-card-actions class="stepper-buttons ng-scope layout-row"')).click(); 

这是包含我要选择的继续人口统计按钮的应用程序代码：

<md-card-actions class="stepper-buttons layout-row" layout="row" ng-if="vm.stepperFactory.controls">
         <!-- BACK Button -->
    <!---->
    <!-- Spacer -->
    <span flex="" class="flex"></span>
    <!-- NEXT Button -->
    <button class="md-raised md-button md-ink-ripple md-accent" type="button" ng-transclude="" ng-class="{ 'md-primary' : !vm.stepperFactory.lastStep, 'md-accent' : vm.stepperFactory.lastStep }" ng-disabled="!vm.stepperFactory.nextButton.active||!stepperForm.$valid" ng-click="vm.stepperFactory.goNext(stepperForm)"><span>
        Continue to Demographics
    </span></button>
</md-card-actions>

Answer 1

与您尝试的第一个类似，但可能会有所不同：

element(by.css('.md-card-actions .md-raised.md-button.md-ink-ripple.md-accent span'));

Answer 2

尝试使用下面的代码 sn-p

browser.waitForAngularEnabled=false;
element(by.buttonText('Continue to Demographics'));

Answer 3

您的按钮内有一个跨度。而“Continue to Demographics”文本就在这个范围内。 请试试这个：

element(by.xpath('//span[contains(text(), "Continue to Demographics")]'))

更新： 尝试使用期望条件等待元素可点击

var EC = protractor.ExpectedConditions;
var myButton = element(by.xpath('//span[contains(text(), "Continue to Demographics")]'))
browser.wait(EC.elementToBeClickable(myButton), 10000, "element is not clickable");

如果您会收到超时错误（“元素不可点击”），这意味着我对定位器的建议是错误的。请告诉我