<!DOCTYPE html>
<!--
Copyright (c) 2014 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="/ui/base/list_and_associated_view.html">
<script>
'use strict';

tr.b.unittest.testSuite(function() {
  var ListAndAssociatedView = tr.ui.b.ListAndAssociatedView;

  var SimpleView = tr.ui.b.define('div');
  SimpleView.prototype = {
    __proto__: HTMLDivElement.prototype,

    decorate: function() {
      this.item_ = undefined;
    },

    set item(item) {
      this.item_ = item;
    },
    get item() {
      return this.item_;
    }
  };

  test('listViewNamingWithField', function() {
    var lav = new ListAndAssociatedView();
    var list = [
      {x: '1'},
      {x: '2'},
      {x: '3'}
    ];
    var view = new SimpleView();

    lav.list = list;
    lav.listProperty = 'x';
    lav.view = view;
    lav.viewProperty = 'item';

    var lavListView = lav.listView;
    assert.equal(lavListView.children.length, 3);
    assert.equal(lavListView.children[0].textContent, '1');
  });

  test('listViewNamingWithProperty', function() {
    var lav = new ListAndAssociatedView();

    function X(x) {
      this.x = x;
    }
    X.prototype = {
      get title() {
        return this.x;
      }
    };

    var list = [
      new X('1'),
      new X('2'),
      new X('3')
    ];
    var view = new SimpleView();

    lav.list = list;
    lav.listProperty = 'title';
    lav.view = view;
    lav.viewProperty = 'item';

    var lavListView = lav.listView;
    assert.equal(lavListView.children.length, 3);
    assert.equal(lavListView.children[0].textContent, '1');
  });

  test('selectionChangesView', function() {
    var lav = new ListAndAssociatedView();
    var list = [
      {x: '1'},
      {x: '2'},
      {x: '3'}
    ];
    var view = new SimpleView();

    lav.list = list;
    lav.listProperty = 'x';
    lav.view = view;
    lav.viewProperty = 'item';
    var lavListView = lav.listView;

    assert.equal(list[0], view.item);
    lavListView.children[1].selected = true;
    assert.equal(list[1], view.item);
  });
});
</script>