aboutsummaryrefslogtreecommitdiff
path: root/contexts/data/lib/closure-library/closure/goog/ui/decorate_test.html
blob: 4a3427a82438b88085c40f31a2646546fabd4ecd (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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<!--
Author: attila@google.com (Attila Bodis)
-->
<html>
<!--
Copyright 2008 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.registry</title>
  <script src="../base.js"></script>
  <script>
    goog.require('goog.object');
    goog.require('goog.testing.jsunit');
    goog.require('goog.ui.decorate');
    goog.require('goog.ui.registry');
  </script>
</head>
<body>
  <div id="x" class="fake-component-x"></div>
  <div id="y" class="fake-component-y fake-component-x"></div>
  <div id="z" class="fake-component-z"></div>
  <div id="u"></div>
  <script>
    // Fake component and renderer implementations, for testing only.

    // UnknownComponent has no default renderer or decorator registered.
    function UnknownComponent() {
    }

    // FakeComponentX's default renderer is FakeRenderer.  It also has a
    // decorator.
    function FakeComponentX() {
      this.element = null;
    }

    FakeComponentX.prototype.decorate = function(element) {
      this.element = element;
    };

    // FakeComponentY doesn't have an explicitly registered default
    // renderer; it should inherit the default renderer from its superclass.
    // It does have a decorator registered.
    function FakeComponentY() {
      FakeComponentX.call(this);
    }
    goog.inherits(FakeComponentY, FakeComponentX);

    // FakeComponentZ is just another component.  Its default renderer is
    // FakeSingletonRenderer, but it has no decorator registered.
    function FakeComponentZ() {
    }

    // FakeRenderer is a stateful renderer.
    function FakeRenderer() {
    }

    // FakeSingletonRenderer is a stateless renderer that can be used as a
    // singleton.
    function FakeSingletonRenderer() {
    }

    FakeSingletonRenderer.instance_ = new FakeSingletonRenderer();

    FakeSingletonRenderer.getInstance = function() {
      return FakeSingletonRenderer.instance_;
    };

    function setUp() {
      goog.ui.registry.setDefaultRenderer(FakeComponentX, FakeRenderer);
      goog.ui.registry.setDefaultRenderer(FakeComponentZ,
          FakeSingletonRenderer);

      goog.ui.registry.setDecoratorByClassName('fake-component-x',
          function() {
            return new FakeComponentX();
          });
      goog.ui.registry.setDecoratorByClassName('fake-component-y',
          function() {
            return new FakeComponentY();
          });
    }

    function tearDown() {
      goog.ui.registry.reset();
    }

    function testDecorate() {
      var dx = goog.ui.decorate(document.getElementById('x'));
      assertTrue('Decorator for element with fake-component-x class must be ' +
          'a FakeComponentX', dx instanceof FakeComponentX);
      assertEquals('Element x must have been decorated',
          document.getElementById('x'), dx.element);

      var dy = goog.ui.decorate(document.getElementById('y'));
      assertTrue('Decorator for element with fake-component-y class must be ' +
          'a FakeComponentY', dy instanceof FakeComponentY);
      assertEquals('Element y must have been decorated',
          document.getElementById('y'), dy.element);

      var dz = goog.ui.decorate(document.getElementById('z'));
      assertNull('Decorator for element with unknown class must be null', dz);

      var du = goog.ui.decorate(document.getElementById('u'));
      assertNull('Decorator for element without CSS class must be null', du);
    }

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