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
|
// Copyright (c) 2013 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.
'use strict';
base.require('ui.overlay');
base.require('ui.dom_helpers');
base.unittest.testSuite('ui.overlay', function() {
function addShowButtonForDialog(dlg) {
var btn = document.createElement('button');
btn.textContent = 'Launch Overlay';
btn.addEventListener('click', function(e) {
dlg.visible = true;
e.stopPropagation();
});
this.addHTMLOutput(btn);
}
function makeButton(title) {
var btn = document.createElement('button');
btn.textContent = 'close';
return btn;
}
test('instantiate', function() {
var dlg = new ui.Overlay();
dlg.classList.add('example-overlay');
dlg.title = 'ExampleOverlay';
dlg.innerHTML = 'hello';
dlg.leftButtons.appendChild(makeButton('i am a button'));
dlg.rightButtons.appendChild(ui.createSpan({textContent: 'i am a span'}));
addShowButtonForDialog.call(this, dlg);
});
test('instantiate_noButtons', function() {
var dlg = new ui.Overlay();
dlg.classList.add('example-overlay');
dlg.title = 'ExampleOverlay';
dlg.innerHTML = 'hello';
addShowButtonForDialog.call(this, dlg);
});
test('instantiate_disableUserClose', function() {
var dlg = new ui.Overlay();
dlg.classList.add('example-overlay');
dlg.userCanClose = false;
dlg.title = 'Unclosable';
dlg.innerHTML = 'This has no close X button.';
var btn = makeButton('close');
btn.addEventListener('click', function(e) {
dlg.visible = false;
});
dlg.leftButtons.appendChild(btn);
addShowButtonForDialog.call(this, dlg);
});
test('instantiateTall', function() {
var dlg = new ui.Overlay();
dlg.title = 'TallContent';
var contentEl = document.createElement('div');
contentEl.style.overflowY = 'auto';
dlg.appendChild(contentEl);
for (var i = 0; i < 1000; i++) {
var el = document.createElement('div');
el.textContent = 'line ' + i;
contentEl.appendChild(el);
}
dlg.leftButtons.appendChild(makeButton('i am a button'));
addShowButtonForDialog.call(this, dlg);
});
test('instantiateTallWithManyDirectChildren', function() {
var dlg = new ui.Overlay();
dlg.title = 'TallContent';
for (var i = 0; i < 100; i++) {
var el = document.createElement('div');
el.style.webkitFlex = '1 0 auto';
el.textContent = 'line ' + i;
dlg.appendChild(el);
}
dlg.leftButtons.appendChild(makeButton('i am a button'));
addShowButtonForDialog.call(this, dlg);
});
});
|
