在量角器中遍历地图函数

Question

我有一个 angular 应用程序，其中有一个时间轴，其中列出了事件日期和相应的事件描述。这是 Html 源代码。

  <!-- timeline -->
  <h4 class="font-thin m-t-lg m-b-lg text-primary-lt">Historical Timeline</h4>
  <p></p>
  <div id="timeline"class="timeline m-l-sm m-r-sm b-info b-l">
    <div  ng-repeat = "timeline in formattedTimelineData | orderBy : '-eventDate'">
      <div class = "tl-item">
        <i class="pull-left timeline-badge {{timeline.class}} "></i>
        <div class="m-l-lg">
          <div id="eventDate{{$index}}" class="timeline-title">{{timeline.eventDate}}</div>
          <p id="eventDescription{{$index}}" class="timeline-body">{{timeline.description}}</p>
        </div>
      </div>
    </div>
  </div>
  <!-- / timeline -->

现在我基本上是在尝试使用量角器来确保正确的事件日期与事件描述相匹配。所以我决定使用地图功能。问题是我会有一个变量 x，它会告诉我有多少事件。例如，可以有 2 个事件、6 个事件等。事件是动态的动态生成，正如您还可以通过查看 html 代码来判断的那样。这是我编写的测试代码。

it('FOO TEST', function(){


    var x = 0;
    while(x<4){
   var timeline = element.all(by.css('#timeline')).map(function (timeline) {
       return {
          date: timeline.element(by.css('#eventDate'+x)).getText(),
          events: timeline.element(by.css('#eventDescription'+x)).getText()
     }

   });
      x++
  }

   timeline.then(function (Value) {
    console.log(Value);  
  });

});

问题是出于某种原因，在命令行中它只打印 5 个事件中的最后一个事件。它不打印其他事件。我肯定做错了什么。我是 promises 的新手，所以这里的任何建议都值得赞赏。是的，我想对时间轴中的每个事件进行单独测试。

Answer 1

我建议不要在测试中加入逻辑 - http://googletesting.blogspot.com/2014/07/testing-on-toilet-dont-put-logic-in.html。

while 循环是逻辑。

您应该提前知道您的时间轴中将有多少事件。在示例案例 4 中。那么您的规格应该如下所示

element.all(by.css("#timeline")).then(function(events){
    expect(events.count).toEqual(4);
    expect(events[0].someThing()).toEqual(expectedValue0);
    expect(events[1].someThing()).toEqual(expectedValue1);
...
    expect(events[3].someThing()).toEqual(expectedValue3);
 })

Answer 2

问题出在 timeline 定位器中：#timeline 匹配时间轴容器，而您需要内部重复时间轴块。以下是如何匹配它们：

var timeline = element.all(by.repeater('timeline in formattedTimelineData')).map(function (timeline) {
    return {
        date: timeline.element(by.binding('timeline.eventDate')).getText(),
        events: timeline.element(by.binding('timeline.description')).getText()
    }
});

timeline.then(function (timeline) {
    console.log(timeline);
});

然后您可以像这样遍历项目：

timeline.then(function (timeline) {
    for (var i = 0; i < timeline.length; ++i) {
        // do smth with timeline[i]
    }
});

或者，您可以断言完整的 timeline 变量，这是一个承诺，可以由 expect 隐式解析为对象数组，例如：

expect(timeline).toEqual([
    {
        date: "First date",
        events: "Nothing happened"
    },
    {
        date: "Second date",
        events: "First base"
    },
    {
        date: "Third date",
        events: "Second base"
    }, 
]);

Answer 3

我的中继器有很多元素。我不想重复所有元素，因为我的量角器规范在循环这么多元素时超时。我怎样才能将循环限制为运行仅适用于中继器的前 10 个元素？我已经尝试了很多东西，但我就是无法让它工作。使用 map()

时如何仅循环遍历转发器的前 10 个元素

上例中的时间轴变量returns转发器中所有元素的数据。我怎样才能让时间轴变量只包含转发器前 10 个元素的数据，因为循环遍历转发器的 1000 个条目非常耗时，导致我的量角器规范超时。

在量角器中遍历地图函数

Looping over the map function in protractor

javascript

angularjs

protractor