-
Notifications
You must be signed in to change notification settings - Fork 0
/
spec.js
66 lines (60 loc) · 2.05 KB
/
spec.js
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
import chai from 'chai';
import chaiAsPromised from 'chai-as-promised';
import wait from '@lets/wait';
import { getEntries } from '.';
chai.use(chaiAsPromised);
const { PerformanceObserver } = window;
const { expect } = chai;
describe('performance-timing', () => {
afterEach(() => {
window.PerformanceObserver = PerformanceObserver;
});
it('should return an empty object when PerformanceObserver is not supported', async() => {
delete window.PerformanceObserver;
return expect(getEntries()).to.be.rejectedWith('PerformanceObserver is not supported');
});
it('should return matching entries list by type', async() => {
const records = await getEntries('resource');
expect(records).to.have.lengthOf.at.least(5);
records.forEach(
record => expect(record).to.be.instanceof(PerformanceResourceTiming),
);
});
it('should return matching entries if they already exist', async() => {
expect(
window.performance.getEntriesByType('navigation'),
).to.have.lengthOf(1);
const [ navigation ] = await getEntries('navigation');
expect(navigation).to.be.instanceof(PerformanceNavigationTiming);
});
it('should collect multiple types of events and not wait for missing items', async() => {
const entries = await getEntries('first-input', 'navigation', 'resource', 'paint');
const types = entries.map(
({ entryType }) => entryType,
);
expect(types).to.include('navigation');
expect(types).to.include('resource');
expect(types).not.to.include('paint');
expect(types).not.to.include('first-input');
});
it('should wait for entries to exist', async () => {
expect(
window.performance.getEntriesByType('paint'),
).to.have.lengthOf(0);
paintSomething();
const entries = await getEntries('paint');
expect(entries).to.have.lengthOf(2);
entries.forEach(
entry => expect(entry).to.be.instanceof(PerformancePaintTiming),
);
});
});
async function paintSomething() {
wait(1000).then(
() => {
const h1 = document.createElement('h1');
h1.appendChild(document.createTextNode('Hello there'));
document.body.appendChild(h1);
},
);
}