forked from developit/htm
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathperf.test.mjs
More file actions
79 lines (75 loc) · 2.7 KB
/
perf.test.mjs
File metadata and controls
79 lines (75 loc) · 2.7 KB
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
/**
* Copyright 2018 Google Inc. All Rights Reserved.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import htm from '../src/index.mjs';
const h = (tag, props, ...children) => ({ tag, props, children });
const html = htm.bind(h);
describe('performance', () => {
test('creation', () => {
const results = [];
const Foo = ({ name }) => html`<div class="foo">${name}</div>`;
const statics = [
'\n<div id=app data-loading="true">\n\t<h1>Hello World</h1>\n\t<ul class="items" id=', '>\n\t',
'\n\t</ul>\n\t\n\t<', ' name="foo" />\n\t<', ' name="other">content</', '>\n\n</div>'
];
let count = 0;
function go(count) {
return html(
statics.concat(['count:', count]),
`id${count}`,
html(['<li data-id="','">', '</li>'], 'i'+count, 'some text #'+count),
Foo, Foo, Foo
);
}
let now = performance.now();
const start = now;
while ((now = performance.now()) < start+1000) {
count++;
if (results.push(String(go(count)))===10) results.length = 0;
}
const elapsed = now - start;
const hz = count / elapsed * 1000;
// eslint-disable-next-line no-console
console.log(`Creation: ${(hz|0).toLocaleString()}/s, average: ${elapsed/count*1000|0}µs`);
expect(elapsed).toBeGreaterThan(999);
expect(hz).toBeGreaterThan(1000);
});
test('usage', () => {
const results = [];
const Foo = ({ name }) => html`<div class="foo">${name}</div>`;
const statics = [
'\n<div id=app data-loading="true">\n\t<h1>Hello World</h1>\n\t<ul class="items" id=', '>\n\t',
'\n\t</ul>\n\t\n\t<', ' name="foo" />\n\t<', ' name="other">content</', '>\n\n</div>'
];
let count = 0;
function go(count) {
return html(
statics,
`id${count}`,
html(['<li data-id="','">', '</li>'], 'i'+count, 'some text #'+count),
Foo, Foo, Foo
);
}
let now = performance.now();
const start = now;
while ((now = performance.now()) < start+1000) {
count++;
if (results.push(String(go(count)))===10) results.length = 0;
}
const elapsed = now - start;
const hz = count / elapsed * 1000;
// eslint-disable-next-line no-console
console.log(`Usage: ${(hz|0).toLocaleString()}/s, average: ${elapsed/count*1000|0}µs`);
expect(elapsed).toBeGreaterThan(999);
expect(hz).toBeGreaterThan(100000);
});
});