aboutsummaryrefslogtreecommitdiff
path: root/contexts/data/lib/closure-library/closure/goog/ui/popupcolorpicker_test.html
blob: d9563ae2866e0af7eddc6139e7bcc46c07c5dc73 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html>
<!--
Copyright 2007 The Closure Library Authors. All Rights Reserved.

Use of this source code is governed by the Apache License, Version 2.0.
See the COPYING file for details.
-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Closure Unit Tests - goog.ui.Popup</title>
<script src="../base.js"></script>
<script>
  goog.require('goog.dom');
  goog.require('goog.testing.events');
  goog.require('goog.testing.jsunit');
  goog.require('goog.ui.PopupColorPicker');
</script>
</head>
<body>
<div id="containingDiv">
<a href="javascript:void(0)" id="button1">color picker</a>
<script>

// Unittest to ensure that the popup gets created in createDom().
function testPopupCreation() {
  var picker = new goog.ui.PopupColorPicker();
  picker.createDom();
  assertNotNull(picker.getPopup());
}

function testAutoHideIsSetProperly() {
  var picker = new goog.ui.PopupColorPicker();
  picker.createDom();
  picker.setAutoHide(true);
  var containingDiv = goog.dom.getElement('containingDiv');
  picker.setAutoHideRegion(containingDiv);
  assertTrue(picker.getAutoHide());
  assertEquals(containingDiv, picker.getAutoHideRegion());
}

// Unittest to ensure the popup opens with a custom color picker.
function testCustomColorPicker() {
  var button1 = document.getElementById('button1');
  var domHelper = goog.dom.getDomHelper();
  var colorPicker = new goog.ui.ColorPicker();
  colorPicker.setColors(["#ffffff", "#000000"]);
  var picker = new goog.ui.PopupColorPicker(domHelper, colorPicker);
  picker.render();
  picker.attach(button1);
  assertNotNull(picker.getColorPicker());
  assertNotNull(picker.getPopup().getElement());
  assertNull(picker.getSelectedColor());

  var changeEvents = 0;
  goog.events.listen(picker, goog.ui.ColorPicker.EventType.CHANGE, function(e) {
    changeEvents++;
  });

  // Select the first color.
  goog.testing.events.fireClickSequence(button1);
  goog.testing.events.fireClickSequence(
      document.getElementById('goog-palette-cell-0').firstChild);
  assertEquals("#ffffff", picker.getSelectedColor());
  assertEquals(1, changeEvents);
}

</script>
</div>
</body>
</html>