<!DOCTYPE html>
<!--
Copyright (c) 2015 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->

<link rel="import" href="/core/test_utils.html">
<link rel="import" href="/model/frame.html">
<link rel="import" href="/core/timeline_viewport.html">
<link rel="import" href="/core/tracks/drawing_container.html">
<link rel="import" href="/core/tracks/frame_track.html">

<script>
'use strict';

tr.b.unittest.testSuite(function() {
  var Frame = tr.model.Frame;
  var FrameTrack = tr.c.tracks.FrameTrack;
  var Selection = tr.c.Selection;
  var SelectionState = tr.model.SelectionState;
  var Viewport = tr.c.TimelineViewport;

  var newSliceNamed = tr.c.test_utils.newSliceNamed;

  var createFrames = function() {
    var frames = undefined;
    var model = tr.c.test_utils.newModel(function(model) {
      var process = model.getOrCreateProcess(1);
      var thread = process.getOrCreateThread(1);
      for (var i = 1; i < 5; i++) {
        var slice = newSliceNamed('work for frame', i * 20, 10);
        thread.sliceGroup.pushSlice(slice);
        var events = [slice];
        var threadTimeRanges =
            [{thread: thread, start: slice.start, end: slice.end}];
        process.frames.push(new Frame(events, threadTimeRanges));
      }
      frames = process.frames;
    });
    return frames;
  };

  test('instantiate', function() {
    var frames = createFrames();
    frames[1].selectionState = SelectionState.SELECTED;

    var div = document.createElement('div');
    var viewport = new Viewport(div);
    var drawingContainer = new tr.c.tracks.DrawingContainer(viewport);
    div.appendChild(drawingContainer);

    var track = FrameTrack(viewport);
    drawingContainer.appendChild(track);

    this.addHTMLOutput(div);
    drawingContainer.invalidate();

    track.frames = frames;
    var dt = new tr.c.TimelineDisplayTransform();
    dt.xSetWorldBounds(0, 50, track.clientWidth);
    track.viewport.setDisplayTransformImmediately(dt);

    assert.equal(track.items[0].start, 20);
  });

  test('modelMapping', function() {
    var frames = createFrames();

    var div = document.createElement('div');
    var viewport = new Viewport(div);
    var track = FrameTrack(viewport);
    track.frames = frames;

    var a0 = track.items[0].modelItem;
    assert.equal(a0, frames[0]);
  });

  test('selectionMapping', function() {
    var frames = createFrames();

    var div = document.createElement('div');
    var viewport = new Viewport(div);
    var track = FrameTrack(viewport);
    track.frames = frames;

    var selection = new Selection();
    track.items[0].addToSelection(selection);

    // select both frame, but not its component slice
    assert.equal(selection.length, 1);

    var frameCount = 0;
    var eventCount = 0;
    selection.forEach(function(event) {
      if (event instanceof Frame) {
        assert.equal(event, frames[0]);
        frameCount++;
      } else
        eventCount++;
    });
    assert.equal(frameCount, 1);
    assert.equal(eventCount, 0);
  });
});
</script>