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
115
116
117
118
119
|
/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
import {HookApi, PluginElement} from '../../../api/hook';
import {PluginApi} from '../../../api/plugin';
import '../../../test/common-test-setup-karma';
import '../../shared/gr-js-api-interface/gr-js-api-interface';
import {GrDomHook, GrDomHooksManager} from './gr-dom-hooks';
suite('gr-dom-hooks tests', () => {
let instance: GrDomHooksManager;
let hook: HookApi<PluginElement>;
let plugin: PluginApi;
setup(() => {
window.Gerrit.install(
p => {
plugin = p;
},
'0.1',
'http://test.com/plugins/testplugin/static/test.js'
);
instance = new GrDomHooksManager(plugin);
});
suite('placeholder', () => {
let createPlaceHolderStub: sinon.SinonStub;
setup(() => {
createPlaceHolderStub = sinon.stub(
GrDomHook.prototype,
'_createPlaceholder'
);
hook = instance.getDomHook('foo-bar');
});
test('registers placeholder class', () => {
assert.isTrue(
createPlaceHolderStub.calledWithExactly(
'testplugin-autogenerated-foo-bar'
)
);
});
test('getModuleName()', () => {
assert.equal(hook.getModuleName(), 'testplugin-autogenerated-foo-bar');
});
});
suite('custom element', () => {
setup(() => {
hook = instance.getDomHook('foo-bar', 'my-el');
});
test('getModuleName()', () => {
assert.equal(hook.getModuleName(), 'my-el');
});
test('onAttached', () => {
const onAttachedSpy = sinon.spy();
hook.onAttached(onAttachedSpy);
const [el1, el2] = [
document.createElement(hook.getModuleName()),
document.createElement(hook.getModuleName()),
];
hook.handleInstanceAttached(el1);
hook.handleInstanceAttached(el2);
assert.isTrue(onAttachedSpy.firstCall.calledWithExactly(el1));
assert.isTrue(onAttachedSpy.secondCall.calledWithExactly(el2));
});
test('onDetached', () => {
const onDetachedSpy = sinon.spy();
hook.onDetached(onDetachedSpy);
const [el1, el2] = [
document.createElement(hook.getModuleName()),
document.createElement(hook.getModuleName()),
];
hook.handleInstanceDetached(el1);
assert.isTrue(onDetachedSpy.firstCall.calledWithExactly(el1));
hook.handleInstanceDetached(el2);
assert.isTrue(onDetachedSpy.secondCall.calledWithExactly(el2));
});
test('getAllAttached', () => {
const [el1, el2] = [
document.createElement(hook.getModuleName()),
document.createElement(hook.getModuleName()),
];
el1.textContent = 'one';
el2.textContent = 'two';
hook.handleInstanceAttached(el1);
hook.handleInstanceAttached(el2);
assert.deepEqual([el1, el2], hook.getAllAttached());
hook.handleInstanceDetached(el1);
assert.deepEqual([el2], hook.getAllAttached());
});
test('getLastAttached', () => {
const beforeAttachedPromise = hook
.getLastAttached()
.then((el: HTMLElement) => assert.strictEqual(el1, el));
const [el1, el2] = [
document.createElement(hook.getModuleName()),
document.createElement(hook.getModuleName()),
];
el1.textContent = 'one';
el2.textContent = 'two';
hook.handleInstanceAttached(el1);
hook.handleInstanceAttached(el2);
const afterAttachedPromise = hook
.getLastAttached()
.then((el: HTMLElement) => assert.strictEqual(el2, el));
return Promise.all([beforeAttachedPromise, afterAttachedPromise]);
});
});
});
|
