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
|
describe('Core htmx perf Tests', function() {
const chai = window.chai
var HTMX_HISTORY_CACHE_NAME = 'htmx-history-cache'
beforeEach(function() {
this.server = makeServer()
clearWorkArea()
sessionStorage.removeItem(HTMX_HISTORY_CACHE_NAME)
})
afterEach(function() {
this.server.restore()
clearWorkArea()
sessionStorage.removeItem(HTMX_HISTORY_CACHE_NAME)
})
function stringRepeat(str, num) {
num = Number(num)
var result = ''
while (true) {
if (num & 1) { // (1)
result += str
}
num >>>= 1 // (2)
if (num <= 0) break
str += str
}
return result
}
it('history implementation should be fast', function() {
// create an entry with a large content string (256k) and see how fast we can write and read it
// to local storage as a single entry
var entry = { url: stringRepeat('x', 32), content: stringRepeat('x', 256 * 1024) }
var array = []
for (var i = 0; i < 10; i++) {
array.push(entry)
}
var start = performance.now()
var string = JSON.stringify(array)
sessionStorage.setItem(HTMX_HISTORY_CACHE_NAME, string)
var reReadString = sessionStorage.getItem(HTMX_HISTORY_CACHE_NAME)
var finalJson = JSON.parse(reReadString)
var end = performance.now()
var timeInMs = end - start
chai.assert(timeInMs < 300, 'Should take less than 300ms on most platforms')
})
it('history snapshot cleaning should be fast', function() {
var size = 5 * 1024 // ~350K in size, about the size of CNN's body tag :p
var workArea = getWorkArea()
var html = "<div class='foo bar'>Yay, really large HTML documents are fun!</div>\n"
html = stringRepeat(html, size)
workArea.insertAdjacentHTML('beforeend', html)
var start = performance.now()
htmx._('cleanInnerHtmlForHistory')(workArea)
var end = performance.now()
var timeInMs = end - start
chai.assert(timeInMs < 80, 'Should take less than 80ms on most platforms')
})
})
|
