src/third_party/trace-viewer/third_party/tvcm/src/tvcm/ui/info_bar_test.html

   1 <!DOCTYPE html>
   2 <!--
   3 Copyright (c) 2014 The Chromium Authors. All rights reserved.
   4 Use of this source code is governed by a BSD-style license that can be
   5 found in the LICENSE file.
   6 -->
   7 <link rel="import" href="/tvcm/ui/info_bar.html">
   8 <script>
   9 'use strict';
  10
  11 tvcm.unittest.testSuite(function() {
  12   test('instantiate', function() {
  13     var infoBar = new tvcm.ui.InfoBar();
  14     infoBar.message = 'This is an info';
  15     infoBar.visible = true;
  16     this.addHTMLOutput(infoBar);
  17   });
  18
  19   test('buttons', function() {
  20     var infoBar = new tvcm.ui.InfoBar();
  21     infoBar.visible = true;
  22     infoBar.message = 'This is an info bar with buttons';
  23     var didClick = false;
  24     var button = infoBar.addButton('More info...', function() {
  25       didClick = true;
  26     });
  27     button.click();
  28     assertTrue(didClick);
  29     this.addHTMLOutput(infoBar);
  30   });
  31
  32   test('group-instantiate', function() {
  33     var infoBarGroup = new tvcm.ui.InfoBarGroup();
  34     infoBarGroup.addMessage(
  35         'Message 1',
  36         [{buttonText: 'ok', onClick: function() {}}]);
  37     infoBarGroup.addMessage(
  38         'Message 2',
  39         [{buttonText: 'button 2', onClick: function() {}}]);
  40     this.addHTMLOutput(infoBarGroup);
  41   });
  42
  43   test('group-populate-then-clear', function() {
  44     var infoBarGroup = new tvcm.ui.InfoBarGroup();
  45     infoBarGroup.addMessage(
  46         'Message 1',
  47         [{buttonText: 'ok', onClick: function() {}}]);
  48     infoBarGroup.addMessage(
  49         'Message 2',
  50         [{buttonText: 'button 2', onClick: function() {}}]);
  51     infoBarGroup.clearMessages();
  52     assertEquals(0, infoBarGroup.children.length);
  53   });
  54
  55   test('group-populate-clear-repopulate', function() {
  56     var infoBarGroup = new tvcm.ui.InfoBarGroup();
  57     infoBarGroup.addMessage(
  58         'Message 1',
  59         [{buttonText: 'ok', onClick: function() {}}]);
  60     infoBarGroup.addMessage(
  61         'Message 2',
  62         [{buttonText: 'button 2', onClick: function() {}}]);
  63     infoBarGroup.clearMessages();
  64     infoBarGroup.addMessage(
  65         'Message 1',
  66         [{buttonText: 'ok', onClick: function() {}}]);
  67     this.addHTMLOutput(infoBarGroup);
  68   });
  69 });
  70 </script>