WebCompDev / COMPONENTS

Blame view

bower_components/paper-radio-group/test/basic.html 6.59 KB
Edit Raw Normal View History
73bcce88   luigser   COMPONENTS 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
  <!doctype html>
  <!--
  @license
  Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
  This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
  The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
  The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
  Code distributed by Google as part of the polymer project is also
  subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
  -->
  <html>
    <head>
      <meta charset="UTF-8">
      <title>paper-radio-group basic tests</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  
      <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
      <script src="../../web-component-tester/browser.js"></script>
c5169e0e   Renato De Donato   a new hope 
19
 
      <script src="../../test-fixture/test-fixture-mocha.js"></script>
73bcce88   luigser   COMPONENTS 
20
 
      <script src="../../iron-test-helpers/mock-interactions.js"></script>
c5169e0e   Renato De Donato   a new hope 
21
22
 
  
      <link rel="import" href="../../test-fixture/test-fixture.html">
73bcce88   luigser   COMPONENTS 
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
 
      <link rel="import" href="../paper-radio-group.html">
  
    </head>
    <body>
  
      <test-fixture id="NoSelection">
        <template>
          <paper-radio-group>
            <paper-radio-button name="r1">r1</paper-radio-button>
            <paper-radio-button name="r2">r2</paper-radio-button>
            <paper-radio-button name="r3">r3</paper-radio-button>
          </paper-radio-group>
        </template>
      </test-fixture>
  
      <test-fixture id="WithSelection">
        <template>
          <paper-radio-group selected="r1">
            <paper-radio-button name="r1">r1</paper-radio-button>
            <paper-radio-button name="r2">r2</paper-radio-button>
            <paper-radio-button name="r3">r3</paper-radio-button>
          </paper-radio-group>
        </template>
      </test-fixture>
  
      <test-fixture id="WithDisabled">
        <template>
          <paper-radio-group selected="r1">
            <paper-radio-button name="r1">r1</paper-radio-button>
            <paper-radio-button name="r2" disabled>r2</paper-radio-button>
            <paper-radio-button name="r3">r3</paper-radio-button>
          </paper-radio-group>
        </template>
      </test-fixture>
  
      <script>
        suite('defaults', function() {
          var LEFT_ARROW = 37;
          var RIGHT_ARROW = 39;
c5169e0e   Renato De Donato   a new hope 
63
 
          test('group can have no selection', function () {
73bcce88   luigser   COMPONENTS 
64
 
            var g = fixture('NoSelection');
c5169e0e   Renato De Donato   a new hope 
65
66
67
68
69
70
 
            expect(g.selected).to.not.be.ok;
            var items = g.items;
            expect(items.length).to.be.equal(3);
            expect(items[0].checked).to.be.equal(false);
            expect(items[1].checked).to.be.equal(false);
            expect(items[2].checked).to.be.equal(false);
73bcce88   luigser   COMPONENTS 
71
72
 
          });
c5169e0e   Renato De Donato   a new hope 
73
 
          test('group can have a selection', function () {
73bcce88   luigser   COMPONENTS 
74
 
            var g = fixture('WithSelection');
c5169e0e   Renato De Donato   a new hope 
75
76
77
78
79
80
81
82
 
            expect(g.selected).to.be.ok;
            var items = g.items;
            expect(items.length).to.be.equal(3);
  
            expect(items[0].checked).to.be.equal(true);
            expect(items[1].checked).to.be.equal(false);
            expect(items[2].checked).to.be.equal(false);
            expect(items[0].getAttribute('name')).to.be.equal(g.selected);
a1a3bc73   Luigi Serra   graphs updates 
83
84
85
86
 
          });
  
          test('right arrow advances the selection', function (done) {
            var g = fixture('WithSelection');
c5169e0e   Renato De Donato   a new hope 
87
 
            var items = g.items;
a1a3bc73   Luigi Serra   graphs updates 
88
c5169e0e   Renato De Donato   a new hope 
89
 
            expect(items[0].checked).to.be.equal(true);
73bcce88   luigser   COMPONENTS 
90
c5169e0e   Renato De Donato   a new hope 
91
92
93
94
95
96
97
98
 
            g.addEventListener('paper-radio-group-changed', function () {
              expect(items[0].checked).to.be.equal(false);
              expect(items[1].checked).to.be.equal(true);
              expect(items[2].checked).to.be.equal(false);
              done();
            });
  
            MockInteractions.keyDownOn(g, RIGHT_ARROW);
73bcce88   luigser   COMPONENTS 
99
100
101
102
 
          });
  
          test('left arrow reverses the selection', function (done) {
            var g = fixture('WithSelection');
c5169e0e   Renato De Donato   a new hope 
103
 
            var items = g.items;
73bcce88   luigser   COMPONENTS 
104
c5169e0e   Renato De Donato   a new hope 
105
 
            expect(items[0].checked).to.be.equal(true);
73bcce88   luigser   COMPONENTS 
106
c5169e0e   Renato De Donato   a new hope 
107
108
109
110
111
112
113
 
            g.addEventListener('paper-radio-group-changed', function () {
              expect(items[0].checked).to.be.equal(false);
              expect(items[1].checked).to.be.equal(false);
              expect(items[2].checked).to.be.equal(true);
              done();
            });
            MockInteractions.keyDownOn(g, LEFT_ARROW);
73bcce88   luigser   COMPONENTS 
114
115
116
117
 
          });
  
          test('selection should skip disabled items', function (done) {
            var g = fixture('WithDisabled');
c5169e0e   Renato De Donato   a new hope 
118
 
            var items = g.items;
73bcce88   luigser   COMPONENTS 
119
c5169e0e   Renato De Donato   a new hope 
120
 
            expect(items[0].checked).to.be.equal(true);
73bcce88   luigser   COMPONENTS 
121
c5169e0e   Renato De Donato   a new hope 
122
123
124
125
126
127
128
 
            g.addEventListener('paper-radio-group-changed', function () {
              expect(items[0].checked).to.be.equal(false);
              expect(items[1].checked).to.be.equal(false);
              expect(items[2].checked).to.be.equal(true);
              done();
            });
            MockInteractions.keyDownOn(g, RIGHT_ARROW);
73bcce88   luigser   COMPONENTS 
129
130
131
132
 
          });
  
          test('clicking should change the selection', function (done) {
            var g = fixture('WithSelection');
c5169e0e   Renato De Donato   a new hope 
133
 
            var items = g.items;
73bcce88   luigser   COMPONENTS 
134
c5169e0e   Renato De Donato   a new hope 
135
 
            expect(items[0].checked).to.be.equal(true);
73bcce88   luigser   COMPONENTS 
136
c5169e0e   Renato De Donato   a new hope 
137
138
139
140
141
142
143
144
 
            g.addEventListener('paper-radio-group-changed', function () {
              expect(items[0].checked).to.be.equal(false);
              expect(items[1].checked).to.be.equal(true);
              expect(items[2].checked).to.be.equal(false);
              done();
            });
  
            MockInteractions.tap(items[1]);
73bcce88   luigser   COMPONENTS 
145
146
147
148
 
          });
  
          test('clicking the selected item should not deselect', function (done) {
            var g = fixture('WithSelection');
c5169e0e   Renato De Donato   a new hope 
149
 
            var items = g.items;
73bcce88   luigser   COMPONENTS 
150
c5169e0e   Renato De Donato   a new hope 
151
152
 
            expect(items[0].checked).to.be.equal(true);
            MockInteractions.tap(items[0]);
a1a3bc73   Luigi Serra   graphs updates 
153
c5169e0e   Renato De Donato   a new hope 
154
155
156
157
158
159
160
 
            // The selection should not change, but wait for a little bit just
            // in case it would and an event would be fired.
            setTimeout(function() {
              expect(items[0].checked).to.be.equal(true);
              expect(items[1].checked).to.be.equal(false);
              expect(items[2].checked).to.be.equal(false);
              done();
eb240478   Luigi Serra   public room cards... 
161
162
163
164
165
166
 
            }, 1);
          });
  
          test('clicking the selected item should deselect if allow-empty-selection is set', function (done) {
            var g = fixture('WithSelection');
            g.allowEmptySelection = true;
c5169e0e   Renato De Donato   a new hope 
167
 
            var items = g.items;
eb240478   Luigi Serra   public room cards... 
168
c5169e0e   Renato De Donato   a new hope 
169
170
 
            expect(items[0].checked).to.be.equal(true);
            MockInteractions.tap(items[0]);
a1a3bc73   Luigi Serra   graphs updates 
171
c5169e0e   Renato De Donato   a new hope 
172
173
174
175
176
177
178
 
            // The selection should not change, but wait for a little bit just
            // in case it would and an event would be fired.
            setTimeout(function() {
              expect(items[0].checked).to.be.equal(false);
              expect(items[1].checked).to.be.equal(false);
              expect(items[2].checked).to.be.equal(false);
              done();
eb240478   Luigi Serra   public room cards... 
179
 
            }, 1);
73bcce88   luigser   COMPONENTS 
180
181
182
183
184
185
 
          });
  
        });
      </script>
    </body>
  </html>