<!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="/base/properties.html">
<script>
'use strict';

tr.b.unittest.testSuite(function() {
  test('defineProperties', function() {
    var stateChanges = [];

    var ASpan = tr.b.ui.define('span');
    ASpan.prototype = {
      __proto__: HTMLSpanElement.prototype,

      jsProp_: [],

      decorate: function() {
        this.prop_ = false;
        this.addEventListener('propChange', function(event) {
          stateChanges.push('Internal ' + event.oldValue +
              ' to ' + event.newValue);
        }, true);
      },

      get prop() {
        return this.prop_;
      },

      set prop(newValue) {
        tr.b.setPropertyAndDispatchChange(this, 'prop', newValue);
      }
    };

    var aSpan = new ASpan();

    aSpan.addEventListener('propChange', function(event) {
      stateChanges.push(event.oldValue + ' to ' + event.newValue);
    });

    assert.isFalse(aSpan.prop);

    aSpan.prop = true;
    assert.isTrue(aSpan.prop);
    assert.strictEqual(stateChanges.length, 2);
    assert.strictEqual(stateChanges[0], 'Internal false to true');
    assert.strictEqual(stateChanges[1], 'false to true');

    aSpan.prop = false;
    assert.isFalse(aSpan.prop);
    assert.strictEqual(stateChanges[3], 'true to false');
  });
});

</script>