使用量角器从日历中选择 angular-ui 日期选择器值 [英] Selecting angular-ui date-picker value from the calendar using Protractor

问题描述

我的日期选择器结构如下:

My datepicker structure looks like:

<button type="button" class="date-picker-item">
 <span>1</span>
</button>
<button type="button" class="date-picker-item">
 <span>2</span>
</button>

等等.

我正在尝试使用量角器 api 中的 by.cssContainingText.

I am trying to use by.cssContainingText from the protractor api.

element.all(by.cssContainingText('.date-picker-item > span', day))

但它现在没有选择它.我需要以不同的方式定位吗?

but its not selecting it at the minute. Do I need to target this a different way?

非常感谢.

推荐答案

在我的一个项目中，我写了这样的函数:

In one of my project i wrote function like this:

elementDate: function(inArray,object){
    var day = inArray.day.toString();
    var cYear = new Date();
    var cYear = cYear.getFullYear();
    var year = inArray.year;
    var month = inArray.month;
    object.click();
    element(by.css('.btn.btn-sm.btn-danger.uib-clear.ng-binding')).click().then(function(){
      return  object.click()
    });
    element(by.css('button[ng-click="toggleMode()"]')).click();
    if(cYear > year){
      for(var i = cYear; i > year; i--){

        object.element(by.css('.btn.btn-default.btn-sm.pull-left.uib-left')).click();
      };
    }
    else if (cYear < year) {

      for(var i = cYear; i < year; i++){
        object.element(by.css('.btn.btn-default.btn-sm.pull-right.uib-right')).click();
      };
    }
    else{
    }
    element(by.cssContainingText('.btn.btn-default', month)).click();
    element(by.cssContainingText('.uib-day .btn.btn-default.btn-sm', day)).click();
    return this;
  },

它需要 dataPicker 元素(例如，如果你有 2 个数据选择器，一个是 name="DatePick1" 第二个 name="DatePick2" 作为元素名称)和日期数组，我认为你应该只更改 by.css 元素对于您的项目，我建议使用 fireBug 这样做

It takes dataPicker element (for example if you would have 2 data pickers one would be name="DatePick1" second name="DatePick2" as element name) and array of date, i think you should only change by.css elements for your project, i recommend to use fireBug to do so

这篇关于使用量角器从日历中选择 angular-ui 日期选择器值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！